Using the checkout editor
The checkout editor is a tool that lets you customize and edit the functionality and the appearance of your checkout in a single place that's separate from your theme editor.
Before you start customizing your checkout, learn how to access and navigate the checkout editor.
Checkout editor sections
You can access the checkout editor in Settings > Checkout > Checkout branding and customizations section from your Shopify admin.
The checkout editor has two main sections, branding and customizations:
- In the branding section, you can customize the appearance of your checkout.
- In the customizations section, you can customize the functionality of your checkout.
Accessing the branding section
To access the branding section of the checkout editor, click the paint brush icon at the left sidebar:
Accessing the customizations section
To access the customizations section of the checkout editor, click the apps icon at the left sidebar:
Previewing Shop Pay
If you have Shop Pay activated in your Shopify admin, then you can preview how the Shop Pay accelerated checkout is displayed to your customers. To preview Shop Pay, click the checkout icon at the top right corner of the checkout editor.
Undoing and redoing actions
To undo or redo any changes you made in the checkout editor, click the undo or redo icon at the top right corner of the checkout editor.
Viewing your checkout on different screen types
To preview how your checkout is displayed on different screen types, such as on a desktop, full screen, or mobile, click the desktop icon to switch between different views.
Using additional actions
Click the horizontal dots
⋯ icon to open a drop-down menu that lets you do the following actions:
- preview how your checkout is displayed to your customers
- access the theme editor
- view help documentation
- rename your checkout customization
- get support
Using keyboard shortcuts in the checkout editor
You can use the following keyboard shortcuts to navigate the checkout editor faster:
|Action||Shortcut on Windows||Shortcut on macOS|