Embedding a Calculator on a product page

Embedding a Calculator on a product page

Once you click save and get code you will be provided with a snippet to add to your product. Copy that snippet and go to the product page you want to add the calculator to. On the top right side of the text input box where you put product description click on the "<>" and then paste the snippet at the bottom of the text.

Click save and go to your product page to test it works.

‚Äč
    • Related Articles

    • Why is my calculator not showing up on my product page?

      Each theme on Shopify behaves a bit differently as the code base is not the same. If you followed the steps to embed the calculator on your page and it still isn't showing up, there are some common steps you can take to try to resolve this: Go to ...
    • Building a Calculator

      1. On the side navigation click “Create New” 2. Make sure you are on the Elements tab 3. Select which element [link to elements section] you want to use and drag it to the canvas. You can add multiple elements to the same calculator and reposition ...
    • How the calculator works with Variants

      For the app to work, every time a customer adds a custom product from the calculator to their cart, it will create a new variant under that product. As Shopify only allow 100 variants at a time for each product, our app will automatically delete any ...
    • Add to cart not working

      There are two main reasons we see the calculator not being displayed on the products page after embeding it: 1. Additional variants on the product page 2. Shopify theme having unusual code The great thing is - we are usually able to resolve this by: ...
    • High level definitions

      1. Calculator: Each calculator can be embedded to a product page and needs to be configured. There is no limit to the amount of calculators you can build but you can only embed one calculator per product. 2. Elements: These are the building blocks ...