Buy Button App

4. EC + SC (EN).png

The Buy Button app allows merchants to create checkout buttons for published products that can be added to external channels such as blogs and other sites, as well as to your store's HTML. A Buy Button provides support for facilitating transactions, and can also help merchants looking to better utilize different marketing channels.


*Please note: 

A Buy button can only be added to external websites or via a store’s code editor, or be added through  [Online Store Design] > [Code Editor]. The HTML code will be altered if pasted directly into your own store, as the script tag will be removed for security reasons.  


Buy Button setup

Step 1

In the SHOPLINE Admin, go to [Apps] > [Apps Store] and install the Buy Button App.




After the installation is complete, click on this URL and log in to your online store account to start using the app.


Step 2

After you have installed the app, you will be asked to select a product. You can either search for a product using the search bar at the top or scroll through a list of your products and select one.  



Step 3

Once you have selected your product, choose either a basic or classic layout style. 






Step 4

Click on Button Style to alter the appearance and content of your button, including the layout, text, color scheme, and font. 



Step 5

You can preview how your Buy Button will look on different devices by clicking on the icons at the top of the window. 



Step 6

Click on Get Code! at the bottom of the page, and either copy the code directly or click on Copy Code to copy it to your clipboard.  



Step 7

Once you have copied the code for the Buy Button code, paste it into the HTML for the channel you want to add the button to. 


Clicking on the Buy Button will redirect customers to the storefront checkout page for your product. 







Have more questions? Submit a request