Turn the Add to Cart Button into a Link to the Product Builder Page

To convert the add to cart button into a link that'll direct your customer to the Product Builder page, please follow these steps:

  1. Create an alternate template.
  2. Find the add to cart button: (it will generally look like the code below)
    <input type="submit" name="add" class="btn" id="product-add-to-cart" value="Add to Cart">
  3. Make any changes:
    • To change the text on the button, insert the new text in the value="" attribute.
    • To prevent the button from adding the product to the cart and just link to the builder page, delete everything in the id="" and type="" attributes.
    • To have the button link to the builder page, add an HTML <a href=""></a> tag around the button, and then put the builder's URL into the href="" attribute.

    Here's an example with these modifications:

    <a href="http://xxxx.com/apps/productbuilder/xxxx"><input type="" name="add" class="btn" id="" value="Builder Page"></a>
  4. Select Save.
Was this article helpful?
4 out of 5 found this helpful