Asset Publisher

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..

  1. Go to Shopify Admin Panel -> Online Store -> Themes
  2. Under "Current Theme" section, click on "Customize" to edit the customize the current theme.
  3. In the Theme Editor, select the "Cart" in the page selector dropdown.
  4. 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":
  5. Preview the changes on the page.
  6. Click on "Save" button on the top right to save your changes.
  7. 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 . Otherwise, please continue reading.

  1. Go to Shopify Admin Panel -> Online Store -> Themes
  2. Under "Current Theme" section, click on Actions -> Edit code to edit the liquid theme code.
  3. 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.
  4. 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.
  5. Click on "Save" to save your changes.
  6. Now go to the page of your website that you just edited. VoilĂ , the recommendation widget shows up on the page!