How to add Vimeo Feed to a Shopify store

Embed Vimeo Feed on Shopify in just a few steps

Embed Vimeo Feed on Shopify

01
Create a Vimeo Feed app for Shopify On Common Ninja

First, create a Shopify Vimeo Feed app on Common Ninja.

On the apps catalog, find the Vimeo Feed and enter the Editor.

Create a Vimeo Feed app for Shopify On Common Ninja
02
Save the Vimeo Feed app

When you're done creating the Vimeo Feed app, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the Vimeo Feed app
03
Copy the Vimeo Feed app embed code

When you're ready to add the Vimeo Feed app to your Shopify store, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the app embed code. In the next steps, you will paste this code into your Shopify store.

Copy the Vimeo Feed app embed code
04
Enter your online store on the Shopify editor

Head to your Shopify admin panel, and on the side panel, enter Online Store.

Enter your online store on the Shopify editor
05
Customize the Store's theme

Click on Customize Them.

Customize the Store's theme
06
Select the page you wish to add your Vimeo Feed app

You can select the page to add the Vimeo Feed app.

Select the page you wish to add your Vimeo Feed app
07
Add a new Block or Section

Add a new block or Section to your page, wherever you wish the Vimeo Feed app to show.

You can do it in part of Shopify's themes by clicking on the "+" button showing between sections.

Add a new Block or Section
08
Adding new section on the side panel

Or you can add a new section on the side panel and then drag and order it to show where wish on the page.

Adding new section on the side panel
09
Select the Custom Liquid section type

Select the Custom Liquid section type.

Select the Custom Liquid section type
10
Enter the Custom Liquid settings

Click on the new section that was added to your page.

Enter the Custom Liquid settings
11
Add the Vimeo Feed Embed Code

Now, simply paste the Vimeo Feed embed code you've copied before in the Custom Liquid Code Windows on the side panel.

Add the Vimeo Feed Embed Code
12
Save your changes

Click Save at the top right corner of the editor to save your changes.

Save your changes