Jump to content

Template:Boilerplate-Video: Difference between revisions

From SOJI ELECTRONICS
[checked revision][checked revision]
← Older edit
Admin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,203 edits
VisualWikitext
Update template
Update
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>
<noinclude>
{{TemplateData
{{TemplateData
|description=Boilerplate for product Video page. Each video has title, description, and YouTube embed via {{YouTube}} template.
|description=Boilerplate for product Video page. Pre-filled YouTube templates ready to edit.
}}
}}


Line 10: Line 10:


[[Category:Boilerplates]]
[[Category:Boilerplates]]
</noinclude><includeonly>
</noinclude><includeonly>== Videos ==
== Videos ==
<div class="dim">
<div class="dim">
''Installation, demo, and tutorial videos for this product.''
''Installation, demo, and tutorial videos for this product.''


'''How to add a new video — using VisualEditor (Edit):'''
'''How to add/edit videos:'''
 
* '''Edit existing video''': click on the YouTube template box → form opens → change Video ID → Apply
# Click '''Edit''' (top right) — VisualEditor opens
* '''Get YouTube Video ID''': from URL <code>youtube.com/watch?v=<u>ABC123XYZ</u></code> or <code>youtu.be/<u>ABC123XYZ</u></code> — copy the 11-character ID only (no <code>?si=</code> or <code>&t=</code>)
# Click after the last video (or anywhere in this Videos section)
* '''How to Insert YouTube video:'''
# Add the video components in this order:
** Press '''Enter''' to start a new line
 
** Click toolbar '''Insert''' (with the down arrow ▼) → '''Template'''
'''Step 1: Add video title (heading)'''
** Search box appears → type <code>YouTube</code> → select '''YouTube''' from dropdown
* Click toolbar '''Paragraph''' dropdown → select '''Heading 3'''
** Form opens with fields:
* Type the video title (e.g., "Installation Guide", "Quick Start Demo", "Calibration Tutorial")
 
'''Step 2: Add metadata line'''
* Press '''Enter''' → on new line, type:
*: <code>'''Duration:''' 4:20 — '''Audience:''' Field technicians</code>
* '''Duration''' format: <code>mm:ss</code> (e.g., 4:20 means 4 minutes 20 seconds)
* '''Audience''' suggestions: Field technicians / Sales prospects / End users / Engineers / Distributors
 
'''Step 3: Add description'''
* Press '''Enter''' → type 1–2 sentences describing video content
* Example: <code>Step-by-step installation of the sensor on a commercial truck fuel tank, including mounting, wiring, and initial BLE pairing.</code>
 
'''Step 4: Insert YouTube video'''
* Press '''Enter''' to start a new line
* Click toolbar '''Insert''' (with the down arrow ▼) → '''Template'''
* Search box appears → type <code>YouTube</code> → select '''YouTube''' from dropdown
* Form opens with fields:
** '''YouTube Video ID''' ''(required)'' — paste the 11-character video ID from YouTube URL
** '''YouTube Video ID''' ''(required)'' — paste the 11-character video ID from YouTube URL
*** From URL <code>https://www.youtube.com/watch?v=<u>dQw4w9WgXcQ</u></code> → ID is <code>dQw4w9WgXcQ</code>
*** From URL <code>https://youtu.be/<u>dQw4w9WgXcQ</u></code> → ID is <code>dQw4w9WgXcQ</code>
*** ⚠ Only copy the ID part (11 characters), NOT the full URL or any <code>?si=</code>/<code>&t=</code> tracking parameters
** '''Width (px)''' — default <code>640</code> (good for most cases). For wider showcase use <code>800</code>, for compact use <code>480</code>
** '''Width (px)''' — default <code>640</code> (good for most cases). For wider showcase use <code>800</code>, for compact use <code>480</code>
** '''Alignment''' — choose <code>center</code> (default), <code>left</code>, or <code>right</code>
** '''Alignment''' — choose <code>center</code> (default), <code>left</code>, or <code>right</code>
** '''Caption''' ''(optional)'' — short text shown below the video player
** '''Caption''' ''(optional)'' — short text shown below the video player
* Click '''Insert''' → video preview appears in editor
** Click '''Insert''' → video preview appears in editor


'''Step 5: Save the page'''
'''Tips:'''  
* Click '''Save changes''' (top right)
* Upload videos to SOJI YouTube channel first
* Edit summary popup → describe what you added (e.g., "Added Installation Guide video")
* Set videos to '''Public''' or '''Unlisted''' (NOT Private)
* Minimum 5 characters required
* In YouTube Studio: enable '''Allow embedding''' in Advanced settings
* Click '''Save changes''' button
</div>
 
'''Recommended video types to include:'''
* Installation tutorial (step-by-step setup)
* Quick start overview (2–3 minutes)
* Configuration walkthrough
* Calibration demo
* Troubleshooting common issues
* Use case showcase / customer scenario
 
'''Example of finished video entry:'''
 
''=== Installation Guide ===''<br>
'''Duration:''' 4:20 — '''Audience:''' Field technicians<br>
''Step-by-step installation of the sensor on a commercial truck fuel tank, including mounting, wiring, and initial BLE pairing with the SOJI mobile app.''<br>
''[YouTube player 640px embedded here]''


'''Tips:'''
=== Quick Start Demo ===
* Upload videos to SOJI YouTube channel first, then embed
Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers.
* Ensure videos are set to '''Public''' or '''Unlisted''' (NOT Private) so they can be embedded
* In YouTube Studio: check '''Allow embedding''' is enabled in Advanced settings
* Add multiple videos to this section — separate each with its own '''Heading 3''' title


</div>
{{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Quick start demo}}


<div class="noprint">
== Related Documents ==
== Related Documents ==
{{RelatedDocuments}}
{{RelatedDocuments}}
</div>


== Revision History ==
== Revision History ==

Latest revision as of 09:03, 25 May 2026

Template:TemplateData

3 mandatory sections (== H2 ==):

  1. Videos
  2. Related Documents
  3. Revision History
SOJI Electronics
Retrieved from "https://wiki.sojielectronics.com/index.php?title=Template:Boilerplate-Video&oldid=1234"