Template:Boilerplate-Video - Revision history

Admin: Update

2026-05-25T09:03:55Z

Update

← Older revision		Revision as of 09:03, 25 May 2026
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.''

Admin: Update

2026-05-25T08:57:50Z

Update

← Older revision		Revision as of 08:57, 25 May 2026
Line 17:		Line 17:
	'''How to add/edit videos:'''		'''How to add/edit videos:'''
	* '''Edit existing video''': click on the YouTube template box → form opens → change Video ID → Apply		* '''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>)		* '''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>)
	* '''How to Insert YouTube video:'''		* '''How to Insert YouTube video:'''

Admin: Update

2026-05-21T06:37:45Z

Update

← Older revision		Revision as of 06:37, 21 May 2026
Line 39:		Line 39:
	</div>		</div>

	~~=== Installation Guide ===~~
	~~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.~~

	~~{{YouTube\|id=dQw4w9WgXcQ\|width=640\|align=center\|caption=Installation tutorial}}~~

	~~<div class="dim">~~
	~~=== E.g: You can edit title and description as below: ===~~
	~~</div>~~
	=== Quick Start Demo ===		=== Quick Start Demo ===
	Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers.		Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers.

Admin: Update template

2026-05-21T05:02:21Z

Update template

← Older revision		Revision as of 05:02, 21 May 2026
Line 55:		Line 55:
	== Related Documents ==		== Related Documents ==
	{{RelatedDocuments}}		{{RelatedDocuments}}
			</div>

	== Revision History ==		== Revision History ==
	<div class="revision-history-auto">		<div class="revision-history-auto">
	<span class="dim">Loading revision history...</span>		<span class="dim">Loading revision history...</span>
	~~</div>~~
	</div>		</div>

	[[Category:{{subst:#replace:{{subst:PAGENAME}}\| Video\|}}]]		[[Category:{{subst:#replace:{{subst:PAGENAME}}\| Video\|}}]]
	</includeonly>		</includeonly>

Admin: Update template

2026-05-21T04:10:25Z

Update template

← Older revision		Revision as of 04:10, 21 May 2026
Line 52:		Line 52:
	{{YouTube\|id=dQw4w9WgXcQ\|width=640\|align=center\|caption=Quick start demo}}		{{YouTube\|id=dQw4w9WgXcQ\|width=640\|align=center\|caption=Quick start demo}}

			<div class="noprint">
	== Related Documents ==		== Related Documents ==
	{{RelatedDocuments}}		{{RelatedDocuments}}
Line 59:		Line 59:
	<div class="revision-history-auto">		<div class="revision-history-auto">
	<span class="dim">Loading revision history...</span>		<span class="dim">Loading revision history...</span>
			</div>
	</div>		</div>

	[[Category:{{subst:#replace:{{subst:PAGENAME}}\| Video\|}}]]		[[Category:{{subst:#replace:{{subst:PAGENAME}}\| Video\|}}]]
	</includeonly>		</includeonly>

Admin: Update

2026-05-20T02:46:22Z

Update

← Older revision		Revision as of 02:46, 20 May 2026
Line 22:		Line 22:
	*# YouTube template (Video ID)		*# 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>)		* '''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>)
	* '''Insert YouTube video'''		* '''How to Insert YouTube video:'''
	* Press '''Enter''' to start a new line		** Press '''Enter''' to start a new line
	* Click toolbar '''Insert''' (with the down arrow ▼) → '''Template'''		** Click toolbar '''Insert''' (with the down arrow ▼) → '''Template'''
	* Search box appears → type <code>YouTube</code> → select '''YouTube''' from dropdown		** Search box appears → type <code>YouTube</code> → select '''YouTube''' from dropdown
	* Form opens with fields:		** 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
	** '''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

	'''Tips:'''		'''Tips:'''
Line 44:		Line 44:
	{{YouTube\|id=dQw4w9WgXcQ\|width=640\|align=center\|caption=Installation tutorial}}		{{YouTube\|id=dQw4w9WgXcQ\|width=640\|align=center\|caption=Installation tutorial}}

			<div class="dim">
			=== E.g: You can edit title and description as below: ===
			</div>
	=== Quick Start Demo ===		=== Quick Start Demo ===
	Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers.		Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers.
Line 49:		Line 52:
	{{YouTube\|id=dQw4w9WgXcQ\|width=640\|align=center\|caption=Quick start demo}}		{{YouTube\|id=dQw4w9WgXcQ\|width=640\|align=center\|caption=Quick start demo}}

	~~=== Calibration Walkthrough ===~~
	~~How to perform 2-point calibration (Set Full / Set Empty) using the SOJI mobile app. Includes troubleshooting tips for accuracy issues.~~

	~~{{YouTube\|id=dQw4w9WgXcQ\|width=640\|align=center\|caption=Calibration walkthrough}}~~

	== Related Documents ==		== Related Documents ==

Admin: Update template

2026-05-20T02:38:38Z

Update template

@@ Line 22: / Line 22: @@
 *# 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>)
 '''Tips:'''

Admin: Update template

2026-05-20T02:28:47Z

Update template

← Older revision		Revision as of 02:28, 20 May 2026
Line 30:		Line 30:

	=== Installation Guide ===		=== Installation Guide ===
	~~'''Duration:''' 4:20 — '''Audience:''' Field technicians~~

	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.		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.

Line 37:		Line 35:

	=== Quick Start Demo ===		=== Quick Start Demo ===
	~~'''Duration:''' 1:45 — '''Audience:''' Sales prospects~~

	Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers.		Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers.

Line 44:		Line 40:

	=== Calibration Walkthrough ===		=== Calibration Walkthrough ===
	~~'''Duration:''' 3:10 — '''Audience:''' End users~~

	How to perform 2-point calibration (Set Full / Set Empty) using the SOJI mobile app. Includes troubleshooting tips for accuracy issues.		How to perform 2-point calibration (Set Full / Set Empty) using the SOJI mobile app. Includes troubleshooting tips for accuracy issues.

Admin: Update

2026-05-20T02:25:03Z

Update

← Older revision		Revision as of 02:25, 20 May 2026
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 ==

Admin: Update template

2026-05-19T08:45:26Z

Update template

← Older revision		Revision as of 08:45, 19 May 2026
Line 1:		Line 1:
	<noinclude>		<noinclude>
	{{TemplateData		{{TemplateData
	\|description=Boilerplate for product Video page. Each video has title, description, and YouTube embed.		\|description=Boilerplate for product Video page. Each video has title, description, and YouTube embed via {{YouTube}} template.
	}}		}}

Line 16:		Line 16:
	''Installation, demo, and tutorial videos for this product.''		''Installation, demo, and tutorial videos for this product.''

	'''~~What~~ to ~~fill in:''' for each video,~~ add a ~~section with:~~		'''How to add a new video — using VisualEditor (Edit):'''
	* '''H3 heading''' — video ~~title~~
	* '''Description''' — ~~1–2 sentences about content + target audience~~
	* '''Embed''' ~~— YouTube embed via {{!}}{{!}}#evu{{!}}{{!}} or {{!}}{{!}}#ev{{!}}youtube{{!}}{{!}} parser function~~
	* '''Duration''' — for quick reference

	'''~~YouTube embed syntax:~~'''		# Click '''Edit''' (top right) — VisualEditor opens
	~~<pre>{{~~#~~evu:https~~:~~//www.youtube.com/watch?v=VIDEO_ID\|alignment=center\|dimensions=640}}</pre>~~		# Click after the last video (or anywhere in this Videos section)
			# Add the video components in this order:

	~~Or simpler~~:		'''Step 1: Add video title (heading)'''
	~~<pre>{{#ev:youtube\|VIDEO_ID\|640\|center}}</pre>~~		* Click toolbar '''Paragraph''' dropdown → select '''Heading 3'''
			* Type the video title (e.g., "Installation Guide", "Quick Start Demo", "Calibration Tutorial")

	'''Recommended video types:'''		'''Step 2: Add metadata line'''
	* Installation tutorial (step-by-step)		* Press '''Enter''' → on new line, type:
	* Quick start (~~2-3 min overview~~)		*: <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
			*** 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'''
			* Click '''Save changes''' (top right)
			* 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:'''
			* Installation tutorial (step-by-step setup)
			* Quick start overview (2–3 minutes)
	* Configuration walkthrough		* Configuration walkthrough
	* Calibration demo		* Calibration demo
	* Troubleshooting ~~guide~~		* Troubleshooting common issues
	* Use case showcase		* Use case showcase / customer scenario

	'''Example ~~structure for one~~ video:'''		'''Example of finished video entry:'''
	~~<pre>~~
	~~=== Installation Guide ===~~
	~~'''Duration:''' 4:20 — '''Audience:''' field technicians~~

	Step-by-step installation of the sensor on a fuel tank, including		''=== Installation Guide ===''<br>
	mounting, wiring, and initial ~~calibration~~.		'''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]''

	~~{{#ev~~:~~youtube\|dQw4w9WgXcQ\|640\|center}}~~		'''Tips:'''
	~~</pre>~~		* 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>		</div>