Cart Page
To add the recommendation widget to the cart page, we can use one of the following options:
- app blocks with Online Store 2.0 themes
- or editing theme files (Advanced).
Note: App blocks can only be used with Online Store 2.0 themes. If your theme is not an Online Store 2.0 theme, please use other options to embed the widget..
- Go to Shopify Admin Panel -> Online Store -> Themes
- Under "Current Theme" section, click on "Customize" to edit the customize the current theme.
- In the Theme Editor, select the "Cart" in the page selector dropdown.
- On the cart page of the theme editor, add a new block or new section using the left side panel:
Then select the widget you want to add under "Apps":
- Preview the changes on the page.
- Click on "Save" button on the top right to save your changes.
- Now go to the cart page of your website that you just edited. VoilĂ , the recommendation widget shows up on the page!
Note: If you are theme developer, skip this tutorial and use your local liquid development environment to insert the widget HTML snippet
- Go to Shopify Admin Panel -> Online Store -> Themes
- Under "Current Theme" section, click on Actions -> Edit code to edit the liquid theme code.
- On the left side of the Theme Editor, click on Sections -> cart-template.liquid template file. Note: the files layout and content may vary based on different themes.
- In the cart liquid template file, add the widget HTML snippet
at the desired place. See Shopify official documentation for how to edit the theme file.
- Click on "Save" to save your changes.
- Now go to the page of your website that you just edited. VoilĂ , the recommendation widget shows up on the page!