Get your Pages add-on up and running in no time with our step-by-step guide.
Step 1: Syncle script and widget position
š Ensure your unique Syncle code is placed on your storeās template
We recommend placing your unique script on your storeās template for all pages. This will make it easier to add videos to non-product pages down the line. The widget will not load on pages that donāt have available video content.
You can find your unique code in the Syncle tool by navigating to
āShop Settingsā ā > āGeneralā.
Or contact us via our support email.
š Placeholders for widget position
The Syncle team is happy to help you configure a position for the widget on non-product pages. We also recommend adding placeholders to optimize Pages in the best way possible.
Title
<div id='syncle-page-title'> </div>Location
<div class='syncle-page-placeholder'> </div>Page ID
<div id='syncle-page-id'> 1234 </div>
Step 2: Layout for non-product pages
Navigate to your Settings ā Pages and select your preferred layout: Slider or embedded mode
Click āSave settingsā
š” By default, only one mode can be applied to all of your pages. Please contact us if youād like to look into the possibility of using both modes for your non-product pages.
š” You may need to force reload your browser to see the applied changes. To do this, please hold down command + shift + R (Mac) or crtl + shift + R (PC).
š Widget mode (slider)
Widget mode can be independently styled from your PDP widget.
For appearance settings, navigate to āSettingsā ā āPagesā and select your preferred widget styling for non-product pages
š Embedded mode
Embed one, large YouTube player on non-product pages.
The player's size is responsive, meaning it's dictated by the size of the container and will react to the user's window size.
The player's appearance can't be customized (see YT terms and services)
Step 3: Automated and manual adding of pages
Automated adding of pages
Whenever possible, Syncle will configure the widget to auto-created pages that are ready for you to work in your Syncle tool.
Similar to our process for product pages, a new page is created after it has been visited at least once, after your Pages add-on has been unlocked for you. You can sort your pages by title, date of creation and number of videos.
Manual adding of pages
Navigate to your āPagesā tab
Click āAdd pageā
š Add by page link (recommended)
Give your page a distinct title
Paste the URL of the non-product page you'd like to add videos to under āPage linkā
Click āAdd pageā
š”Note: Query parameters are not saved when you add URLs via Pages, as these can distort analytics. Syncle will alert you to an existing query parameter, which will be automatically removed when saving.
š Add tag to the page
Give your page a distinct title
Click āGenerate tagā
Copy the generated tag from the pop-up window
Paste the tag into the desired location of the page template, where youād like your video(s) to appear.
Note: Please avoid placing the tag on your general template, or any video you add will show on all pages that fall under that template.
Step 4: Add videos to your pages
Select the page youād like to add a video to
Click āAdd videoā
You have two options: you can add a YouTube link or select a video from your library. The same embedding checks apply to videos added via Pages as we have in place for PDP videos.
š” Widget mode: Drag-and-drop videos to rearrange the order in which videos appear on your page
š”Embedded mode: The top most video will show in your store. If this video becomes unavailable or is switched off, the next available video will show on your page.
Step 5: Add CTA links to your videos
Select the page youād like to add CTA links to
Click āNo action links'
Paste in the URL and type in your CTA text
Click āSave changesā
You can add up to 10 CTA links per video






