Shopify
A few different ways of adding, removing & replacing checkout buttons
Last updated
Was this helpful?
A few different ways of adding, removing & replacing checkout buttons
Last updated
Was this helpful?
Steps:
From your Shopify admin, go to .
From the Blog Posts page, click the title of a blog post you want to edit, or click Add blog post to create a new one.
In the Write your blog post section, click Show HTML in the rich text editor.
Paste your embed code(Checkout Button Code) into the main text field.
Click Save.
NOTE – If you create Follow Up Checkout Buttons, remember to insert the different Checkout Button Codes correctly. Example: I created a Main Checkout Button in Xion Create for the product(soap) that I sell on my Shopify store. After my add to cart button is removed(Quick Method) I can now copy my Main Checkout Button Code(COPY SCRIPT pop up) and paste it into the main text field of my soap product in my Shopify store(HTML in rich text editor).
Done, my Checkout Button is working and now I’m going to create a Follow Up Checkout Button for the product(shampoo). I will now paste my Follow Up Checkout Button Code into the main text field of my shampoo product on my Shopify store.
This way after my customers have added their soap to cart, they can either “Proceed to Checkout” immediately or click “Continue Shopping” in their cart to take them to the shampoo product to also add to cart or subscribe(single billing or recurring billing). You can add a maximum of 9 Follow Up Checkout Buttons, but you can create as many Main Checkout Buttons as you would like.
5. the following code:
In the Sections directory, click product-template.liquid. all the content of the file to your clipboard.
Return to your new product-template-requires-contact.liquid section, and the code into the file.
In your new product-template-requires-contact.liquid section file, the HTML code for the Add to cart button of your product page. You can find it by searching for the word cart in the file. The code for the Add to cart button varies from theme to theme. Look for an <input> or <button> tag with text like Add to cart, AddToCart, or add-to-cart.
the following code and delete it: