Customizing dynamic checkout buttons
You can customize the colors and the font on your unbranded dynamic checkout buttons to suit your online store. It's not possible to customize the branded versions of the buttons.
Before you customize your dynamic checkout buttons, make sure that you add them to your online store.
On this page
Customize the color of your dynamic checkout buttons
You can customize the color of your dynamic checkout buttons.
Steps:
Desktop
- From your Shopify admin, go to Online Store > Themes.
- Find the theme that you want to edit, and then click Customize.
- Click the gear icon for Theme settings.
- Click Colors.
- Edit the setting that affects the background color and the setting that affects the text color of the dynamic checkout button. The specific settings vary from theme to theme.
- Click Save.
iPhone
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme that you want to edit, and then tap Customize.
- Tap Edit.
- Tap ... > Theme settings.
- Tap Colors.
- Edit the setting that affects the background color and the setting that affects the text color of the dynamic checkout button. The specific settings vary from theme to theme.
- Tap Done.
- Tap ✓.
Android
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme that you want to edit, and then tap Customize.
- Tap Edit.
- Tap ... > Theme settings.
- Tap Colors.
- Edit the setting that affects the background color and the setting that affects the text color of the dynamic checkout button. The specific settings vary from theme to theme.
- Tap Done.
- Tap ✓.
Customize the font on your dynamic checkout buttons
You can customize the font of your dynamic checkout buttons.
Steps:
Desktop
- From your Shopify admin, go to Online Store > Themes.
- Find the theme that you want to edit, and then click Customize.
- Click the gear icon for Theme settings.
- Click Typography.
- Edit the typography setting that affects the dynamic checkout button text. The specific setting varies from theme to theme.
- Click Save.
iPhone
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme that you want to edit, and then tap Customize.
- Tap Edit.
- Tap … > Theme settings.
- Tap Typography.
- Edit the typography setting that affects the dynamic checkout button text. The specific setting varies from theme to theme.
- Tap Done.
- Tap ✓.
Android
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme that you want to edit, and then tap Customize.
- Tap Edit.
- Tap … > Theme settings.
- Click Typography.
- Edit the typography setting that affects the dynamic checkout button text. The specific setting varies from theme to theme.
- Tap Done.
- Tap ✓.