Customizing accelerated checkout buttons

You can customize the colors and the font on your unbranded accelerated checkout buttons to suit your online store. It's not possible to customize the branded versions of the buttons.

Before you customize your accelerated checkout buttons, make sure that you add them to your online store.

Customize the color of your accelerated checkout buttons

You can customize the color of your accelerated checkout buttons.

Steps:

Desktop

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click the gear icon for Theme settings.

4. Click Colors.

5. Edit the setting that affects the background color and the setting that affects the text color of the accelerated checkout button. The specific settings vary from theme to theme.

6. Click Save.

iPhone

1. From the Shopify app, tap .
2. In the Sales channels section, tap Online Store.
3. Tap Manage themes.
4. Find the theme that you want to edit, and then tap Customize.
5. Tap Edit.
6. Tap … > Theme settings.
7. Tap Colors.
8. Edit the setting that affects the background color and the setting that affects the text color of the accelerated checkout button. The specific settings vary from theme to theme.
9. Tap Done.
10. Tap ✓.

Android

1. From the Shopify app, tap .
2. In the Sales channels section, tap Online Store.
3. Tap Manage themes.
4. Find the theme that you want to edit, and then tap Customize.
5. Tap Edit.
6. Tap … > Theme settings.
7. Tap Colors.
8. Edit the setting that affects the background color and the setting that affects the text color of the accelerated checkout button. The specific settings vary from theme to theme.
9. Tap Done.
10. Tap ✓.

Customize the font on your accelerated checkout buttons

You can customize the font of your accelerated checkout buttons.

Steps:

Desktop

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click the gear icon for Theme settings.

4. Click Typography.

5. Edit the typography setting that affects the accelerated checkout button text. The specific setting varies from theme to theme.

6. Click Save.

iPhone

1. From the Shopify app, tap .
2. In the Sales channels section, tap Online Store.
3. Tap Manage themes.
4. Find the theme that you want to edit, and then tap Customize.
5. Tap Edit.
6. Tap … > Theme settings.
7. Tap Typography.
8. Edit the typography setting that affects the accelerated checkout button text. The specific setting varies from theme to theme.
9. Tap Done.
10. Tap ✓.

Android

1. From the Shopify app, tap .
2. In the Sales channels section, tap Online Store.
3. Tap Manage themes.
4. Find the theme that you want to edit, and then tap Customize.
5. Tap Edit.
6. Tap … > Theme settings.
7. Tap Typography.
8. Edit the typography setting that affects the accelerated checkout button text. The specific setting varies from theme to theme.
9. Tap Done.
10. Tap ✓.