|
|
| 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 13: |
Line 13: |
| == 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 |
| | * '''Add new video''': copy 1 video block (from === title === to {{!}}{{!}}), paste below, edit all 3 fields: |
| | *# H3 title |
| | *# Description text |
| | *# YouTube template (Video ID) |
| | * '''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 '''Edit''' (top right) — VisualEditor opens
| | '''Tips:''' |
| # Click after the last video (or anywhere in this Videos section)
| | * Upload videos to SOJI YouTube channel first |
| # Add the video components in this order:
| | * Set videos to '''Public''' or '''Unlisted''' (NOT Private) |
| | | * In YouTube Studio: enable '''Allow embedding''' in Advanced settings |
| '''Step 1: Add video title (heading)''' | | </div> |
| * Click toolbar '''Paragraph''' dropdown → select '''Heading 3'''
| |
| * Type the video title (e.g., "Installation Guide", "Quick Start Demo", "Calibration Tutorial")
| |
|
| |
|
| '''Step 2: Add metadata line'''
| | === Installation Guide === |
| * Press '''Enter''' → on new line, type:
| | '''Duration:''' 4:20 — '''Audience:''' Field technicians |
| *: <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'''
| | 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. |
| * 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'''
| | {{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Installation tutorial}} |
| * 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
| |
| *** 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>
| |
| ** '''Alignment''' — choose <code>center</code> (default), <code>left</code>, or <code>right</code>
| |
| ** '''Caption''' ''(optional)'' — short text shown below the video player
| |
| * Click '''Insert''' → video preview appears in editor
| |
|
| |
|
| '''Step 5: Save the page''' | | === Quick Start Demo === |
| * Click '''Save changes''' (top right)
| | '''Duration:''' 1:45 — '''Audience:''' Sales prospects |
| * Edit summary popup → describe what you added (e.g., "Added Installation Guide video")
| |
| * Minimum 5 characters required
| |
| * Click '''Save changes''' button
| |
|
| |
|
| '''Recommended video types to include:'''
| | Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers. |
| * 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:'''
| | {{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Quick start demo}} |
|
| |
|
| ''=== Installation Guide ===''<br>
| | === Calibration Walkthrough === |
| '''Duration:''' 4:20 — '''Audience:''' Field technicians<br> | | '''Duration:''' 3:10 — '''Audience:''' End users |
| ''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:'''
| | How to perform 2-point calibration (Set Full / Set Empty) using the SOJI mobile app. Includes troubleshooting tips for accuracy issues. |
| * Upload videos to SOJI YouTube channel first, then embed
| |
| * 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=Calibration walkthrough}} |
|
| |
|
| == Related Documents == | | == Related Documents == |
