Shapo

This article provides installation guides for both the latest Online Store 2.0 Shopify themes and the older Vintage themes. If you're unsure about the theme architecture you're currently using, <a href="https://themes.shopify.com/collections/free-themes" target="_blank" rel="nofollow noopener noreferrer">please check out this page</a>. If you find your theme listed, you're using an Online Store 2.0 theme. If you don't see it there, your website is likely based on one of the Vintage themes.

Add Shapo widget to a specific page (Online Store 2.0)

Sign in to your Shopify admin panel, and navigate to Sales Channels → Online Store: ​

Include a Custom Liquid section on the designated page. ​ When accessing the visual editor, the default page that appears is the home page. To choose a different page, locate it in the dropdown list at the page's upper section. ​ To add a new section, simply click on "Add Section." ​ ​

Then, choose the option "Custom Liquid" or "Custom HTML". ​

Paste the Shapo widget code to the code field.

Click "Save" to apply your changes. Now navigate to the page to see the widget :)

1. Open your website's visual editor. 
2. Sign in to your Shopify admin panel, and navigate to Sales Channels → Online Store: ​
 
 
3. Click the **Customize button**: ​
 
 
4. Include a Custom Liquid section on the designated page. ​ When accessing the visual editor, the default page that appears is the home page. To choose a different page, locate it in the dropdown list at the page's upper section. ​ To add a new section, simply click on "Add Section." ​ ​
 
 ​
 Then, choose the option "Custom Liquid" or "Custom HTML". ​
5. Paste the Shapo widget code to the code field.
6. Click "Save" to apply your changes. Now navigate to the page to see the widget :)

Add Shapo widget to a specific page (Vintage Themes)

Vintage themes are all Shopify themes that use the previous architecture, which was replaced by Online Store 2.0 in July 2021. 

Log in to your Shopify website's backend, go to Online Store → Themes and select Customize: ​

Include a "Custom Content" section on the desired page.

When you access the visual editor, the default view is the homepage. To choose a different page, simply locate it in the dropdown list located at the top of the page. To add the widget, click on "Add Section." ​

Then choose the Custom Content section from the list.

If needed, click on extra sections of the Custom Content block and click the Remove block button.

Press the Add Block button and choose the Custom HTML option.

Paste the widget installation code to the HTML field, set the Container width to 100%, and Save the changes.

Done! You have successfully added your Shapo widget to a specific page of your Shopify website!

1. Open your website's visual editor. 
2. Log in to your Shopify website's backend, go to Online Store → Themes and select Customize: ​
 
 
3. Include a "Custom Content" section on the desired page. 
 When you access the visual editor, the default view is the homepage. To choose a different page, simply locate it in the dropdown list located at the top of the page. To add the widget, click on "Add Section." ​
 
 ​
4. Then choose the Custom Content section from the list. 
5. Paste the installation code
 If needed, click on extra sections of the Custom Content block and click the Remove block button. 
6. Press the Add Block button and choose the Custom HTML option. 
7. Paste the widget installation code to the HTML field, set the Container width to 100%, and Save the changes. 
8. Done! You have successfully added your Shapo widget to a specific page of your Shopify website!