Customizing dynamic checkout buttons

This page was printed on May 29, 2023. For the current version, visit https://help.shopify.com/en/manual/online-store/dynamic-checkout/customize-button.

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 youadd 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:

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. Find the theme that you want to edit, and then clickCustomize.
  3. Click the paint brush icon forTheme settings.
  4. ClickColors.
  5. 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.
  6. ClickSave.
  1. From theShopify app, tapStore.
  2. In theSales channelssection, tap欧宝体育官网入口首页.
  3. TapManage themes.
  4. Find the theme that you want to edit, and then tapCustomize.
  5. TapEdit.
  6. Tap...>Theme settings.
  7. TapColors.
  8. 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.
  9. TapDone.
  10. Tap✓.
  1. From theShopify app, tapStore.
  2. In theSales channelssection, tap欧宝体育官网入口首页.
  3. TapManage themes.
  4. Find the theme that you want to edit, and then tapCustomize.
  5. TapEdit.
  6. Tap...>Theme settings.
  7. TapColors.
  8. 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.
  9. TapDone.
  10. Tap✓.

Customize the font on your dynamic checkout buttons

You can customize the font of your dynamic checkout buttons.

Steps:

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. Find the theme that you want to edit, and then clickCustomize.
  3. Click the paint brush icon forTheme settings.
  4. ClickTypography.
  5. Edit the typography setting that affects the dynamic checkout button text. The specific setting varies from theme to theme.
  6. ClickSave.
  1. From theShopify app, tapStore.
  2. In theSales channelssection, tap欧宝体育官网入口首页.
  3. TapManage themes.
  4. Find the theme that you want to edit, and then tapCustomize.
  5. TapEdit.
  6. Tap...>Theme settings.
  7. TapTypography.
  8. Edit the typography setting that affects the dynamic checkout button text. The specific setting varies from theme to theme.
  9. TapDone.
  10. Tap✓.
  1. From theShopify app, tapStore.
  2. In theSales channelssection, tap欧宝体育官网入口首页.
  3. TapManage themes.
  4. Find the theme that you want to edit, and then tapCustomize.
  5. TapEdit.
  6. Tap...>Theme settings.
  7. ClickTypography.
  8. Edit the typography setting that affects the dynamic checkout button text. The specific setting varies from theme to theme.
  9. TapDone.
  10. Tap✓.

Ready to start selling with Shopify?

Try it free