Checkout Button

Author: Anna Nguyen 2262 views

The Checkout element is designed specifically for the Cart page. It allows customers to proceed directly to the Shopify checkout page, where they can review their order, enter shipping and payment information, and complete their purchase.

image 245

You can find the element in the Elements panel => Cart => Checkout Button to drag and drop it at the position you want:

image 246

1. Content

Here we have some options to change the Checkout Label, Icon, Icon Position, and Icon spacing for the button.

image 249

Also, you can turn on the Accelerated checkout buttons to show the accelerated checkouts and dynamic checkout buttons. You can read more about this here.

image 250

2. Design

Here we have some options to style the button, such as Alignment, Text Alignment, Typography, Box Shadow, and Spacing. Inside the Normal and Hover tabs, you can modify the Width, Height, Text Color, Background, Border, and Border Radius.

If you added an icon to the button, you can change its Color, Size, Rotate, and Spacing.

image 252

Leave a Comment

Enjoy a free 3-day trial. Then get your first month for $1. Try Now.