Buy Button

EC_SCtest.png

The Buy Button app allows merchants to create checkout buttons for published products that can be added to external channels such as blogs, emails 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. 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. 

To get a Buy Button for your store, please first contact our online support team to apply for and install the Buy Button app. You will be able to log in to the Buy Button editor with your store admin account at https://buy-button.shoplineapp.com/

 

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.  

6.png

 

Step 3. 

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

Basic:

7.png

Classic:

8.png

 

Step 4.

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

9.png

 

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. 

10.png

 

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.  

11.png

 

 

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. 

13.png

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

14.png

 

 

 

 

 

Have more questions? Submit a request

Comments