Customizing your checkout with apps

Shopify Plus

Some apps are available only to certain merchants on the Shopify Plus plan.

You can customize your checkout by adding apps to your checkout. App developers and Shopify partners build apps, and then publish them on the Shopify App Store. You can install publicly available checkout apps, create a custom app with your developer, or hire a Shopify Partner.

After you install a checkout app to your Shopify admin, you can add it to your checkout using the checkout editor. Some checkout apps can be added only to specific areas of your checkout.

App availability

Some apps that customize or extend the checkout are available to businesses who subscribe to the Basic Shopify plan or higher. Available apps won't require the use of the checkout editor, which is a Plus-only checkout extensibility feature.

App type	Basic Shopify plan or higher	Shopify Plus
Apps built with web pixel app extensions	✔	✔
Apps built with post-purchase app extensions	✔	✔
Public apps built with Shopify Functions	✔	✔
Custom apps built with Shopify Functions	✘	✔
Apps built with checkout UI extensions	✘	✔

Learn more about customizing your checkout with a non-Plus plan.

Install an app

If there are additional features or functionality that you want to add to your checkout, then explore if any apps can provide them for you. App developers and Shopify Partners can build custom apps for you or you can install third-party apps from the Shopify App Store.

Steps:

1. Go to the Shopify App Store, and search for a checkout app that suits your business.
2. Click Add app.
3. Click Install app.

Add an installed app to your checkout

After you install your app, you need to add it to your checkout using the checkout editor. Some apps can be added only to specific areas of your checkout. There is a maximum limit of 3 apps per highlighted area.

Steps:

1. From your Shopify admin, go to Settings > Checkout.
2. In the Checkout customization section, click Customize next to the checkout that you want to edit.
3. Select the checkout page that you want to add an app to at the top menu bar.
4. Click Add app block.
5. In the Apps available for this page section, click the app that you want to add to your checkout. The app is automatically placed in the recommended area of your checkout.
6. Click Save.

After you add an app to your checkout, you can move the app and place it in your preferred checkout area.

Move and place an app

You can move and place an app within the blocks of the applicable checkout area. Some apps can be placed only to certain areas within checkout. The unavailable areas are greyed out when you try to drag and drop the app.

Steps:

1. From your Shopify admin, go to Settings > Checkout.
2. In the Checkout customization section, click Customize next to the checkout that you want to edit.
3. Find the app that you want to move.
4. Click and drag the ⋮⋮ icon next to an app and move the app to another area.
5. Click Save.

Configure an app

You can customize your checkout app's settings. Each app has unique settings that you can customize. The app settings are defined by the developer or Partner who creates the app. If you have your own development team, then you can specify what settings you want to be able to customize yourself.

For example, if you're using an app that lets you create a custom banner, then you can customize the banner title, description, and status.

Steps:

1. From your Shopify admin, go to Settings > Checkout.
2. In the Checkout customization section, click Customize next to the checkout that you want to edit.
3. Click the app that you want to configure.
4. Customize your app's settings.
5. Click Save.

Managing app's behavior controls

When you configure your app, you can also manage your app's behavior controls. These controls let you do the following:

• allow the app to block the checkout
• include the app in accelerated checkouts
  • automatically expand sections to display the app

Depending on the checkout app that you're configuring, some controls might not be available.

Allow an app to block your checkout

You can select whether to have an app block your checkout and reject an order if the customer provides incomplete or invalid information within the app.

For example, you have an app which adds a checkbox in your checkout that a customer needs to select. If you allow this app to block your checkout and your customer doesn't select this checkbox, then their order is automatically rejected.

Steps:

1. From your Shopify admin, go to Settings > Checkout.
2. In the Checkout customization section, click Customize next to the checkout that you want to edit.
3. Click the app that you want to configure.
4. In the Checkout behavior section at the right sidebar, select Allow app to block checkout.
5. Click Allow app to block checkout.
6. Click Save.

Include an app in accelerated checkout

You can select whether you want to include an app in your accelerated checkouts, such as Shop Pay. You can also allow the app to force collapsed sections to expand automatically in accelerated checkouts.

Steps:

1. From your Shopify admin, go to Settings > Checkout.
2. In the Checkout customization section, click Customize next to the checkout that you want to edit.
3. Click the app that you want to configure.
4. In the Checkout behavior section, select Include app in express checkouts.
5. Optional: Select Automatically expand sections to show app to expand closed sections.
6. Click Save.
7. Optional: To preview how an accelerated checkout is displayed in your store, click the checkout icon at the top right corner of the checkout editor.

Remove an app

You can remove an app from your checkout. If you want to remove an app completely from your Shopify admin, then you need to uninstall the app.

Steps:

1. From your Shopify admin, go to Settings > Checkout.
2. In the Checkout customization section, click Customize next to the checkout that you want to edit.
3. Click the app that you want to remove from your checkout.
4. Click Remove app from checkout.
5. Click Save.