Embed Vimeo Videos on Shopify Website
Follow the following step-by-step guide to embed Vimeo Videos on the Shopify website successfully.
Try Tagembed â Create Your Free Account Now
Step 1: Aggregate Vimeo Videos
1. Sign Up to create a Free Tagembed Account or Login if you already have an account.
2. Youâll be redirected towards the Tagembed dashboard.
3. Your First Widget will be already created, just click on the Open button to proceed.
4. A screen âPick a sourceâ will appear, here select Vimeo from the list of networks.
5. You can Embed Vimeo Videos from the following methods:-
Handle: To fetch Vimeo Videos from your handle once you login automatically
Hashtag: Drive feeds related to the hashtag
6. Finally, click on the Create Feed button to start aggregation.
Tip: You can click on the Personalize tab on the left menu panel to change the themes & layout, background, banners and other dedicated themes settings to make the widget look more appealing and attractive.
Step 2: Generate Embed Code for Shopify website
1. On the bottom-left menu panel, click on the Embed Widget button.
2. A new pop-up âChoose Your Platformâ will appear with the list of different website CMS.
3. Choose your website CMS as Shopify and adjust the height & width of the widget.
4. Finally, click on the Copy Code button to copy the embed code.
Step 3: Embed Vimeo Videos on your Shopify websites
After copying the embed code follow few more clickable steps to complete the embedding process.
Note: On Shopify, you can embed Feeds on three different places, such as Default Page, New Page, Blog Posts. Below are the steps for all three methods.
Default Page
1. Login to your Shopify admin account and open the backend of the page you would like to embed the feeds on.
2. On the left-hand side youâll find Online Store under the sales channels tab. Click it to open more options.
3. Select the Themes tab and on the screen, youâll find customize option button, click on it.
4. Navigate through the left menu panel and select Custom Content
5. A new option will appear Custom HTML, click on it then Paste the embed code and save the changes made.
Reload the page to see the live Vimeo Videos on your website.
New Pages
1. Login to your Shopify account and on the left-hand side menu, sail through Sales Channels->Online Store->Pages
2. Click on Add Page button to add a new page.
3. There will be an embed icon (<>) button on the right-hand side of the screen. Click on it and paste the embed code onto the editor.
4. Finally, save the changes made.
Blog Posts
1. Login to your Shopify account and on the left-hand side menu, sail through Sales Channels->Online Store->Blog Posts
2. Youâll find a Create blog post button on the page, click on it.
3. Youâll see an icon button (<>) of embed on the screen (as highlighted in the image, below), click on it.
4. An editor will open, paste the embed code on it and SAVE the changes made.
Kudos! You have successfully embedded the Vimeo Videos on your Shopify website.
Try Tagembed â Create Your Free Account Now
Still have questions or need help, please Contact Us or write us at [email protected]