How To Add Common Ninja’s Widgets To a Specific Product Page on Shopify

In this tutorial, we'll learn how to add a Common Ninja widget to a specific product page on Shopify using the product page editor.

1. In your Shopify store’s admin panel, click on the Products option on the left admin panel:
   
   
   
   
   
   
2. From the products page, select the product you want to edit:
   
   
   
   
   
   
3. Click on the Show HTML button to enable the HTML editing mode.
   
   
   
   
   
   
4. Navigate to the Common Ninja website, and copy your widget HTML code.
   
   
   
5. Once you have copied the code, go back to your Shopify page, and paste it:
   
   
   
   
   
   
6. Then, click on the Save button at the top right:
   
   
   
   
   
   
7. After saving the changes, click on the Preview option to see the changes:
   
   
   
   
   
   
8. And that's it! You've added a Common Ninja widget to a Shopify product page