Asset Publisher

Checkout Page

WARNING: You must be a Shopify Plus merchant to embed the recommendation widget on checkout page. See official Shopify documentation for details.

To add the recommendation widget to the checkout page, we need to use editing theme code (Advanced) approach.

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 checkout.liquid template. Note: the files layout and content may vary based on different themes.
  4. In the checkout liquid template file, add the widget HTML snippet at the desired place. See Shopify official documentation for how to edit the theme file.
  5. Add the RecCommerce JavaScript at the end of the HTML page.
  6. Click on "Save" to save your changes.
  7. Now go to the checkout page of your website. Voilà, the recommendation widget shows up on the page!
     
View »