Customizing your checkout with apps
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, or request any in-house developers to create a custom app for you or hire a Shopify Expert.
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.
On this page
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:
- Go to the Shopify App Store, and search for a checkout app that suits your business.
- Click Add app.
- 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:
- From your Shopify admin, go to Settings > Checkout.
- In the Checkout customization section, click Customize next to the checkout that you want to edit.
- Select the checkout page that you want to add an app to at the top menu bar.
- Click Add app block.
- 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.
- 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:
- From your Shopify admin, go to Settings > Checkout.
- In the Checkout customization section, click Customize next to the checkout that you want to edit.
- Find the app that you want to move.
- Click and drag the
⋮⋮
icon next to an app and move the app to another area. - 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:
- From your Shopify admin, go to Settings > Checkout.
- In the Checkout customization section, click Customize next to the checkout that you want to edit.
- Click the app that you want to configure.
- Customize your app's settings.
- 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 show 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:
- From your Shopify admin, go to Settings > Checkout.
- In the Checkout customization section, click Customize next to the checkout that you want to edit.
- Click the app that you want to configure.
- In the Checkout behavior section at the right sidebar, select Allow app to block checkout.
- Click Allow app to block checkout.
- 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:
- From your Shopify admin, go to Settings > Checkout.
- In the Checkout customization section, click Customize next to the checkout that you want to edit.
- Click the app that you want to configure.
- In the Checkout behavior section, select Include app in express checkouts.
- Optional: Select Automatically expand sections to show app to expand closed sections.
- Click Save.
- 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:
- From your Shopify admin, go to Settings > Checkout.
- In the Checkout customization section, click Customize next to the checkout that you want to edit.
- Click the app that you want to remove from your checkout.
- Click Remove app from checkout.
- Click Save.