Adding A Direct To Checkout Button

Redirecting your user directly to the checkout when they add to their cart a new product is a good way to avoid them being easily distracted by other products/information they missed on your store.

Today, we will have a look at how to set up a button on your product page that will redirect your users directly to the checkout page. 

Product Details Preset

Step 1: Reach out to our visual editor, make sure you are on your product or collection page, and click on "Library". Reach the Sections > Products and select one of the "Product Details" preset. 

Step 2: Scroll down on your left sidebar until you locate the "Product Details Content" section. Make sure you have a product already picked and activate the "Buy Now" toggle.

This will create a new button that will redirect users directly to the checkout page. 

Step 3: Customize the text you would like to display on this new button.

Step 4: It is also very easy to customize the new button you have just created. Click on the "Design" tab on top of your page, scroll down to the "Color" section, and click on "More Settings".

Step 5: Once you're on there, you can easily adjust the color and hover color you want for your new button.

Feature Product Preset 

Step 1: Reach out to our visual editor, make sure you are on your product or collection page, and click on "Library". Reach the Sections > Products and select one of the "Featured Product" preset.

Step 2: Scroll down on your left sidebar until you locate the "Product Details Content" section. Make sure you have a product already picked and open the dropdown menu under "Button Add To Cart Redirect".

 

This will allow you to choose between the Cart Page or the Checkout Page. Select the Checkout Page option in order to redirect your user to the checkout directly when pressing on this button. 

Step 3: It is also very easy to customize the new button you have just created. Click on the "Design" tab on top of your page, scroll down to the "Color" section and you will see all the options available to customize your button.


Was this helpful?