Skip to main content
Sign in

How to add the customize button on Shopify?

The customizable button implemented via the Shopify Theme App Extension allows merchants to add the button anywhere on the product page within their theme. You can do this in two ways: by customizing your theme or adding the button manually via HTML.

Method 1: Adding the Button via Theme Customization

  1. Go to your online store in Shopify
  2. Navigate to Themes:
    • Select the Theme section and click Customize.
  3. Find the product template:
    • Use the search bar at the top of the page to search for “Products.”
    • Select the desired product.
      Shopify_Customize Button_1.png
  4. Add the button from the Apps menu:
    • In the side menu under Template, go to Apps and click Add block.
    • Under Apps, select Customizable Button by Spreadconnect.
      Shopify_Customize Button_2.png
  5. Place the button on your page:
    • The button is added automatically when you enable the customization option below the "Buy It Now" button.
    • Use drag and drop to move the button to your preferred location on the theme.
      Shopify_Customize Button_3.png

Important Note

  • The product must be enabled for customization for the button to appear.

Method 2: Adding the Button via HTML

If you prefer to add the button manually to your Shopify product page, use the following HTML code:

<button type="button" name="spod-customizable-button" class="product-form__submit button button--full-width button--secondary" id="spod-customizable-button" visible="" style="margin-top: 10px;">Customize</button>

This will generate a fully functional customization button that aligns with your store’s design.

 

Related articles