Add a Buy Button to your page

You can create a page with Page Studio that includes a Buy Button that leads customers directly to the checkout page on your store.

Follow the step-by-step instructions below, or watch the video to learn more about adding and using a Buy Button for your page:

1:31
1:31
Wistia video thumbnail - Page Studio Buy Button Tutorial
0:13

Thanks for reporting a problem. We'll attach technical data about this session to help us figure out the issue. Which of these best describes the problem?

Any other details or context?

Cancel

message

#wistia_grid_589_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;} #wistia_grid_589_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} #wistia_grid_589_above{position:relative;} #wistia_grid_589_main{display:block;height:100%;position:relative;} #wistia_grid_589_behind{height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_589_center{height:100%;overflow:hidden;position:relative;width:100%;} #wistia_grid_589_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_589_top_inside{position:absolute;left:0;top:0;width:100%;} #wistia_grid_589_top{width:100%;position:absolute;bottom:0;left:0;} #wistia_grid_589_bottom_inside{position:absolute;left:0;bottom:0;width:100%;} #wistia_grid_589_bottom{width:100%;position:absolute;top:0;left:0;} #wistia_grid_589_left_inside{height:100%;position:absolute;left:0;top:0;} #wistia_grid_589_left{height:100%;position:absolute;right:0;top:0;} #wistia_grid_589_right_inside{height:100%;right:0;position:absolute;top:0;} #wistia_grid_589_right{height:100%;left:0;position:absolute;top:0;} #wistia_grid_589_below{position:relative;}

1. Starting from the Page Studio editor, choose the Button category from the drop-down menu on the right:

2. The 1st option from the list will be the Buy Button, drag and drop it onto the page editor. 

3. Copy the URL of the product page from your Shopify storefront that you would like to use for the Buy Button.

4. Hover over the button and click on  Edit Link.

5. Paste the link and click Save.

6. Click Save on the page. 

7. On the live view of the page, the button will include all of the different variants within the drop down menu above it. Clicking on Buy Now will lead customers directly to Checkout as well.

Still need help? Contact Us Contact Us