{"id":60846,"date":"2025-06-21T21:22:51","date_gmt":"2025-06-22T01:22:51","guid":{"rendered":"https:\/\/litextension.com\/blog\/?p=60846"},"modified":"2025-11-17T21:38:31","modified_gmt":"2025-11-18T02:38:31","slug":"how-to-add-afterpay-to-shopify","status":"publish","type":"post","link":"https:\/\/litextension.com\/blog\/how-to-add-afterpay-to-shopify\/","title":{"rendered":"How to Add Afterpay to Shopify in 4 Simple Steps"},"content":{"rendered":"<p>For many Shopify merchants, one of the biggest hurdles is to keep customers from abandoning their carts at the very last moment. That's where flexible payment solutions, like Afterpay, come in, and learning <strong>how to add Afterpay to Shopify<\/strong> can easily create a more comfortable path to checkout!<\/p>\n<p>In this guide, we'll walk you through the specific steps of adding Afterpay to a Shopify store, including:<\/p>\n<header id=\"ftwp-header\"><\/header>\n<ul>\n<li><strong><a class=\"ftwp-anchor\" href=\"https:\/\/litextension.com\/blog\/how-to-add-afterpay-to-shopify\/#step-1-download-the-afterpay-app\"><span class=\"ftwp-text\">Step 1. Download the Afterpay app<\/span><\/a><\/strong><\/li>\n<li><strong><a class=\"ftwp-anchor\" href=\"https:\/\/litextension.com\/blog\/how-to-add-afterpay-to-shopify\/#step-2-connect-your-business-hub-account\"><span class=\"ftwp-text\">Step 2. Connect your Business Hub account<\/span><\/a><\/strong><\/li>\n<li><strong><a class=\"ftwp-anchor\" href=\"https:\/\/litextension.com\/blog\/how-to-add-afterpay-to-shopify\/#step-3-confirm-and-activate\"><span class=\"ftwp-text\">Step 3. Confirm and activate<\/span><\/a><\/strong><\/li>\n<li><strong><a class=\"ftwp-anchor\" href=\"https:\/\/litextension.com\/blog\/how-to-add-afterpay-to-shopify\/#step-4-manage-your-integration-optional\"><span class=\"ftwp-text\">Step 4. Manage your integration (optional)<\/span><\/a><\/strong><\/li>\n<\/ul>\n<p>Let's get started!<\/p>\n<hr \/>\n<h2>Requirements to Add Afterpay to Shopify<\/h2>\n<p>We believe you now understand very well how to add Afterpay to Shopify. Before jumping into the setup, however, it\u2019s important to make sure your Shopify store meets the basic requirements that allow Afterpay to work properly:<\/p>\n<h3>1. Countries supported by Afterpay<\/h3>\n<p>Afterpay is not yet available worldwide, so your eligibility depends heavily on where your store operates.<\/p>\n<p>Currently, Shopify merchants can use Afterpay only if they are based in the United States, Canada, Australia, or New Zealand. And as mentioned, merchants in the United Kingdom can also access Afterpay under the Clearpay brand. If your business operates outside of these supported regions, you will not be able to activate Afterpay on your Shopify store.<\/p>\n<h3>2. Eligible store address<\/h3>\n<p>Secondly, your Shopify store address must align with the country tied to your Afterpay account. In other words, if your Afterpay account is registered in the U.S., then your store address in Shopify also needs to be set to a U.S. location.<\/p>\n<p>To confirm this, head into your Shopify admin, click on Settings, then Store details. Under the Billing information section, make sure your business address lists one of the eligible countries.<\/p>\n<h3>3. Eligible store currency<\/h3>\n<p>Remember that the store currency is just as important as the store address!<\/p>\n<p>Since Afterpay only works with currencies that match its supported regions, your store must be set to either U.S. Dollars (USD), New Zealand Dollars (NZD), Australian Dollars (AUD), or Canadian Dollars (CAD). You can verify or adjust your store currency in the same Store details section under Settings. If your currency is set to something else, Afterpay will not appear as a payment option.<\/p>\n<figure id=\"attachment_86238\" aria-describedby=\"caption-attachment-86238\" style=\"width: 1896px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86238\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/16.webp\" alt=\"check-store-currency-afterpay\" width=\"1896\" height=\"1035\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/16.webp 1896w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/16-300x164.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/16-1024x559.webp 1024w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/16-768x419.webp 768w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/16-1536x838.webp 1536w\" sizes=\"(max-width: 1896px) 100vw, 1896px\" \/><figcaption id=\"caption-attachment-86238\" class=\"wp-caption-text\">Go to the store's settings to check the currency.<\/figcaption><\/figure>\n<h3>4. Payment settings<\/h3>\n<p>Lastly, before moving on to how to add Afterpay to Shopify, remember that Shopify needs to automatically capture payments for orders when Afterpay is in use.<\/p>\n<p>To confirm this, go to your Shopify admin, select Settings, then Payments. Under the Payment capture section, click Manage and make sure the option for automatic capture is enabled. Otherwise, if this setting is left on manual capture, transactions through Afterpay won\u2019t process correctly.<\/p>\n<figure id=\"attachment_86239\" aria-describedby=\"caption-attachment-86239\" style=\"width: 1901px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86239\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/17.webp\" alt=\"enabled-automatice-payment-capture\" width=\"1901\" height=\"798\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/17.webp 1901w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/17-300x126.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/17-1024x430.webp 1024w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/17-768x322.webp 768w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/17-1536x645.webp 1536w\" sizes=\"(max-width: 1901px) 100vw, 1901px\" \/><figcaption id=\"caption-attachment-86239\" class=\"wp-caption-text\">Make sure you enable &#8220;Automatically capture payments for orders.&#8221;<\/figcaption><\/figure>\n<hr \/>\n<h2>How to Add Afterpay to Shopify in 4 easy steps?<\/h2>\n<p>To add Afterpay to your Shopify store, you simply need to follow these steps:<\/p>\n<h3>Step 1. Download the Afterpay app<\/h3>\n<p>First, head into your Shopify admin and click <a href=\"https:\/\/accounts.shopify.com\/store-login?redirect=settings%2Fpayments\/alternative-providers\/1057655\" target=\"_blank\" rel=\"nofollow noopener\">here<\/a> to locate the Afterpay payment app.<\/p>\n<p>When you log in and select the app, Shopify will display the installation screen. Hit \u201cInstall,\u201d and once the setup completes, you\u2019ll see Afterpay listed among your apps in the Shopify dashboard.<\/p>\n<figure id=\"attachment_86223\" aria-describedby=\"caption-attachment-86223\" style=\"width: 1262px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86223\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/1.webp\" alt=\"install-afterpay-app\" width=\"1262\" height=\"510\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/1.webp 1262w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/1-300x121.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/1-1024x414.webp 1024w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/1-768x310.webp 768w\" sizes=\"(max-width: 1262px) 100vw, 1262px\" \/><figcaption id=\"caption-attachment-86223\" class=\"wp-caption-text\">Step 1. Install the Afterpay app.<\/figcaption><\/figure>\n<h3>Step 2. Connect your Business Hub account<\/h3>\n<p>Now, with the app installed, you'll be redirected to Afterpay\u2019s Business Hub to verify and connect your merchant account. If you\u2019re not already signed in, log in to your Business Hub account to continue.<\/p>\n<figure id=\"attachment_86224\" aria-describedby=\"caption-attachment-86224\" style=\"width: 773px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86224\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/2.webp\" alt=\"afterpay-login-business-hub\" width=\"773\" height=\"561\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/2.webp 773w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/2-300x218.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/2-768x557.webp 768w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/2-120x86.webp 120w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><figcaption id=\"caption-attachment-86224\" class=\"wp-caption-text\">Step 2. Log in to your Business Hub account.<\/figcaption><\/figure>\n<p>From there, select the correct merchant account that matches your Shopify store from the dropdown list. Keep in mind that this part is very important; after all, choosing the wrong account could create issues with transactions!<br \/>\nAnd once you\u2019ve selected the right account, click the \u201cConnect\u201d button. If all goes well, your Business Hub account is now linked to Shopify, and you\u2019ll be redirected back to your admin panel.<\/p>\n<h3>Step 3. Confirm and activate<\/h3>\n<p>After the connection is established, Shopify will present you with options to finalize the setup. You\u2019ll see toggle switches and a menu for further actions.<\/p>\n<p>At this point, you need to activate Afterpay as a payment gateway. Make sure that Test Mode is left inactive; enabling it will break the integration, as it\u2019s only intended for dedicated test environments.<\/p>\n<figure id=\"attachment_86225\" aria-describedby=\"caption-attachment-86225\" style=\"width: 794px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86225\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/3.webp\" alt=\"activate-afterpay\" width=\"794\" height=\"424\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/3.webp 794w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/3-300x160.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/3-768x410.webp 768w\" sizes=\"(max-width: 794px) 100vw, 794px\" \/><figcaption id=\"caption-attachment-86225\" class=\"wp-caption-text\">Step 3. Activate Afterpay (or Clearpay in the U.K.) and leave the Test Mode inactive.<\/figcaption><\/figure>\n<p>Once you activate the gateway, your store is ready to accept Afterpay. To double-check, head to your storefront and go through the checkout process. You should see Afterpay listed as one of the available payment methods now. And that\u2019s how to add Afterpay to Shopify!<\/p>\n<h3>Step 4. Manage your integration (optional)<\/h3>\n<p>There may be times when you need to adjust the merchant account tied to your Shopify store.<\/p>\n<p>To do this, go into your Shopify admin, open Settings, then navigate to Payments. Select the Afterpay (New) payment app, and under \u201cMore actions,\u201d choose Manage.<\/p>\n<p>This step will take you back to the Business Hub, where you can pick a different merchant account. Once you hit \u201cConnect,\u201d Shopify will update the integration, and your store will be linked to the new account.<\/p>\n<p><strong>*Note:<\/strong> Adding Afterpay to Shopify works just like integrating other Shopify-supported solutions, such as:<\/p>\n<ul>\n<li>How to add AliExpress to Shopify<\/li>\n<li>How to add Printify to Shopify<\/li>\n<li>How to add Klaviyo to Shopify<\/li>\n<li>How to add Venmo to Shopify<\/li>\n<li>How to add Affirm to Shopify<\/li>\n<\/ul>\n<p>The process is straightforward: simply install the app, adjust the settings, connect it with your store, and activate it to start using right away!<\/p>\n<hr \/>\n<h2>How to Add Afterpay On-Site Messaging?<\/h2>\n<p>Once Afterpay is active and visible at your checkout, the next step is to make sure your customers know it\u2019s available before they even reach payment.<\/p>\n<p>And that\u2019s where Afterpay On-Site Messaging comes in! This feature places clear payment messaging directly on your product and cart pages, helping shoppers understand that they can split payments into installments.<\/p>\n<p>However, before starting, you must first learn how to add Afterpay to Shopify and ensure it is fully functional as instructed above; otherwise, the messaging app will not display properly. After that, follow the steps below:<\/p>\n<h3>Step 1. Install the Afterpay On-Site Messaging app<\/h3>\n<p>First, download the Afterpay On-Site Messaging app from the Shopify App Store. Once you click to install, Shopify will display a confirmation screen in your admin dashboard. Approve the installation, and you\u2019ll see the app appear in your list of installed applications.<\/p>\n<figure id=\"attachment_86226\" aria-describedby=\"caption-attachment-86226\" style=\"width: 1079px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86226\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/4.webp\" alt=\"install-afterpay-on-site-messaging\" width=\"1079\" height=\"599\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/4.webp 1079w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/4-300x167.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/4-1024x568.webp 1024w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/4-768x426.webp 768w\" sizes=\"(max-width: 1079px) 100vw, 1079px\" \/><figcaption id=\"caption-attachment-86226\" class=\"wp-caption-text\">Step 1. Install Afterpay On-Site Messaging from the App Store.<\/figcaption><\/figure>\n<h3>Step 2. Add messaging to product pages<\/h3>\n<p>To place messaging on your product pages, open the Theme Editor from the Afterpay On-Site Messaging app.<\/p>\n<figure id=\"attachment_86227\" aria-describedby=\"caption-attachment-86227\" style=\"width: 974px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86227\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/5.webp\" alt=\"afterpay-on-site-messaging-theme-editor\" width=\"974\" height=\"660\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/5.webp 974w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/5-300x203.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/5-768x520.webp 768w\" sizes=\"(max-width: 974px) 100vw, 974px\" \/><figcaption id=\"caption-attachment-86227\" class=\"wp-caption-text\">Step 2. Click &#8220;Open Theme Editor.&#8221;<\/figcaption><\/figure>\n<p>At the top of the editor, use the dropdown menu to select \u201cProducts,\u201d and then choose either the default product template or the specific template you want to customize. Keep in mind that messaging is tied to templates: if you have multiple product page templates, you\u2019ll need to add messaging to each one individually.<\/p>\n<figure id=\"attachment_86228\" aria-describedby=\"caption-attachment-86228\" style=\"width: 632px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86228\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/6.webp\" alt=\"afterpay-on-site-messaging-product-theme\" width=\"632\" height=\"586\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/6.webp 632w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/6-300x278.webp 300w\" sizes=\"(max-width: 632px) 100vw, 632px\" \/><figcaption id=\"caption-attachment-86228\" class=\"wp-caption-text\">Step 2 (cont). Select \u201cProducts\u201d and choose the template you want to customize.<\/figcaption><\/figure>\n<p>Next, hover over the product price area until a \u201c+\u201d symbol appears. When the option to add a block shows up, select Payments Messaging \u2013 Afterpay On-Site Messaging. You\u2019ll immediately see the message preview on your page.<\/p>\n<figure id=\"attachment_86229\" aria-describedby=\"caption-attachment-86229\" style=\"width: 968px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86229\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/7.webp\" alt=\"afterpay-add-block\" width=\"968\" height=\"858\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/7.webp 968w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/7-300x266.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/7-768x681.webp 768w\" sizes=\"(max-width: 968px) 100vw, 968px\" \/><figcaption id=\"caption-attachment-86229\" class=\"wp-caption-text\">Step 2 (cont). Add a block and select Payments Messaging \u2013 Afterpay On-Site Messaging.<\/figcaption><\/figure>\n<p>Once you\u2019re satisfied with the placement, click \u201cSave\u201d in the top-right corner of the editor. From now on, any product using that template will display the Afterpay payment option.<\/p>\n<h3>Step 3. Add Messaging to the cart page<\/h3>\n<p>Afterpay strongly advises against trying to modify checkout pages directly. Instead, you should add messaging to your cart page, where it can remind customers of their payment flexibility right before checkout.<\/p>\n<p>To do this, first preview a cart by adding an item to it.<\/p>\n<figure id=\"attachment_86230\" aria-describedby=\"caption-attachment-86230\" style=\"width: 534px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86230\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/8.webp\" alt=\"add-item-cart\" width=\"534\" height=\"500\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/8.webp 534w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/8-300x281.webp 300w\" sizes=\"(max-width: 534px) 100vw, 534px\" \/><figcaption id=\"caption-attachment-86230\" class=\"wp-caption-text\">Step 3. Add an item to the cart to preview it.<\/figcaption><\/figure>\n<p>In the Theme Editor dropdown, select \u201cCart\u201d to open the cart page template.<\/p>\n<figure id=\"attachment_86231\" aria-describedby=\"caption-attachment-86231\" style=\"width: 496px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86231\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/9.webp\" alt=\"afterpay-cart-theme-editor\" width=\"496\" height=\"542\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/9.webp 496w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/9-275x300.webp 275w\" sizes=\"(max-width: 496px) 100vw, 496px\" \/><figcaption id=\"caption-attachment-86231\" class=\"wp-caption-text\">Step 3 (cont). Select \u201cCart\u201d in the Theme Editor dropdown.<\/figcaption><\/figure>\n<p>Next, hover near the Subtotal line above the checkout button until the \u201c+\u201d symbol appears. Add a block, then choose Afterpay On-Site Messaging. If the text alignment doesn\u2019t look right, you can adjust it directly within the editor by choosing a different alignment option.<\/p>\n<figure id=\"attachment_86232\" aria-describedby=\"caption-attachment-86232\" style=\"width: 724px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86232\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/10.webp\" alt=\"afterpay-add-block\" width=\"724\" height=\"646\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/10.webp 724w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/10-300x268.webp 300w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/><figcaption id=\"caption-attachment-86232\" class=\"wp-caption-text\">Step 3 (cont). Add a block and select Payments Messaging \u2013 Afterpay On-Site Messaging.<\/figcaption><\/figure>\n<p>Once everything looks good across desktop and mobile, click \u201cSave\u201d and confirm the changes on your live site.<\/p>\n<h3>Step 4. Adjust style and appearance<\/h3>\n<p>You have managed to master how to add Afterpay to Shopify on-site messaging. Now, with the blocks in place, you can customize the look and feel of your Afterpay messages so they blend seamlessly with your store\u2019s branding!<\/p>\n<p>Select the Afterpay messaging block on your product or cart page, or choose it from the sidebar under Product Information. From there, a range of design options will be available:<\/p>\n<ul>\n<li>You can adjust text alignment by selecting from the dropdown menu, or modify margins above and below the message by entering new values.<\/li>\n<li>The text itself can be customized in color and size, ranging from extra small to large. Introductory text can also be changed.<\/li>\n<li>Certain message elements can be toggled on or off. For example, you can decide whether to display \u201cinterest-free,\u201d whether the payment amount appears in bold, or whether the word \u201cwith\u201d shows before the Afterpay logo.<\/li>\n<\/ul>\n<figure id=\"attachment_86233\" aria-describedby=\"caption-attachment-86233\" style=\"width: 934px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86233\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/11.webp\" alt=\"afterpay-adjust-styling\" width=\"934\" height=\"366\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/11.webp 934w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/11-300x118.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/11-768x301.webp 768w\" sizes=\"(max-width: 934px) 100vw, 934px\" \/><figcaption id=\"caption-attachment-86233\" class=\"wp-caption-text\">Step 4. Adjust the styling further if needed.<\/figcaption><\/figure>\n<hr \/>\n<h2>How to Add Cash App Afterpay at Checkout?<\/h2>\n<p>We have just discussed how to add Afterpay to Shopify in multiple sections.<\/p>\n<p>And here's a bonus: For those running a Shopify store in the U.S., you may want to expand your payment options by including Cash App Pay.<\/p>\n<p>This method allows your customers to complete purchases either by scanning a QR code or by tapping the Cash App Pay button at checkout to be redirected to their Cash App. Once enabled, it will appear next to Afterpay on your payment page to offer even greater flexibility at checkout!<\/p>\n<p>To integrate Cash App Pay, follow these steps:<\/p>\n<h3>Step 1. Download the Cash App Pay application<\/h3>\n<p>First, head to the Shopify App Store and locate the Cash App Pay application.<\/p>\n<p>Once you select it, Shopify will display the installation screen, where you\u2019ll be asked to grant Cash App Pay permission to access certain store data, including personal and store information. Confirm these permissions by clicking \u201cInstall,\u201d and the app will be added to your Shopify dashboard.<\/p>\n<figure id=\"attachment_86234\" aria-describedby=\"caption-attachment-86234\" style=\"width: 980px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86234\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/12.webp\" alt=\"download-cash-app-pay\" width=\"980\" height=\"560\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/12.webp 980w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/12-300x171.webp 300w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/12-768x439.webp 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><figcaption id=\"caption-attachment-86234\" class=\"wp-caption-text\">Step 1. Download Cash App Pay.<\/figcaption><\/figure>\n<h3>Step 2. Connect your account<\/h3>\n<p>After installation, you\u2019ll be prompted to connect your Cash App Pay account.<\/p>\n<figure id=\"attachment_86235\" aria-describedby=\"caption-attachment-86235\" style=\"width: 638px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86235\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/13.webp\" alt=\"connect-cash-app-pay\" width=\"638\" height=\"484\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/13.webp 638w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/13-300x228.webp 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><figcaption id=\"caption-attachment-86235\" class=\"wp-caption-text\">Step 2. Click &#8220;Connect to Cash App Pay.&#8221;<\/figcaption><\/figure>\n<p>On the connection screen, enter your Cash App Afterpay Production Merchant ID in the Merchant ID field, followed by your Afterpay Production Secret Key in the Secret Key field. Once both fields are filled in, click \u201cContinue\u201d to move forward.<\/p>\n<figure id=\"attachment_86236\" aria-describedby=\"caption-attachment-86236\" style=\"width: 638px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86236\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/14.webp\" alt=\"afterpay-merchant-id-secret-key\" width=\"638\" height=\"686\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/14.webp 638w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/14-279x300.webp 279w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><figcaption id=\"caption-attachment-86236\" class=\"wp-caption-text\">Step 2 (cont). Enter your Merchant ID and Secret Key.<\/figcaption><\/figure>\n<p><strong>*Note<\/strong>: It\u2019s critical to use your production credentials at this stage. Sandbox credentials are not valid for activating a live account, even if you\u2019ve previously tested them in a sandbox environment.<\/p>\n<h3>Step 3. Final Confirmation and activation<\/h3>\n<p>After your account details are verified, you\u2019ll be redirected to the final confirmation page.<\/p>\n<p>Here, make sure the toggle switch for Cash App Pay is enabled; it should appear black when active. Plus, double-check that Test Mode is turned off, since it must remain disabled for real transactions to process correctly. Finally, click \u201cActivate\u201d to complete the setup.<\/p>\n<figure id=\"attachment_86237\" aria-describedby=\"caption-attachment-86237\" style=\"width: 738px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-86237\" src=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/15.webp\" alt=\"enable-cash-app-pay\" width=\"738\" height=\"464\" srcset=\"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/15.webp 738w, https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/15-300x189.webp 300w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><figcaption id=\"caption-attachment-86237\" class=\"wp-caption-text\">Step 3. Enable Cash App Pay and turn off the Test Mode.<\/figcaption><\/figure>\n<p>So, that's basically it! We have walked through how to add Afterpay to Shopify, plus Cash App Pay, in detailed steps.<\/p>\n<hr \/>\n<h2>Why Add Afterpay to Shopify<\/h2>\n<p>Learning how to add Afterpay to Shopify is a smart move since it gives your customers the flexibility to break down their purchases into smaller, interest-free installments. As a result, higher-priced products feel more accessible and ease the hesitation that often causes shoppers to abandon their carts. Simply put, you create a more seamless path to purchase and encourage more customers to complete their orders.<\/p>\n<p>The benefits extend even further when you look at how Afterpay influences buying behavior. Customers who know they can spread payments over time are more likely to increase their basket size, whether that means adding extra items or upgrading to more premium products. At the same time, since Afterpay appeals strongly to younger shoppers (who prefer flexible, digital-first payment solutions over traditional credit), offering it as an alternative makes your store more aligned with their expectations and spending habits.<\/p>\n<hr \/>\n<h2>How to Add Afterpay to Shopify: FAQs<\/h2>\n<div id=\"rank-math-rich-snippet-wrapper\"><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-1\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Why is Afterpay not showing up on Shopify?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>If Afterpay isn\u2019t appearing in your checkout, it usually means one of the eligibility requirements hasn\u2019t been met. Your store address and currency must match one of the supported regions (such as the U.S., Australia, New Zealand, Canada, or the U.K. under Clearpay).<\/p>\n<p>Another common issue is that your payment settings are not configured for automatic payment capture. Double-check these details in your Shopify admin to ensure everything is aligned.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-2\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do I add Afterpay as a payment option?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To add Afterpay, start by downloading the Afterpay payment app from the Shopify App Store. When the app is installed, you\u2019ll be redirected to the Business Hub, where you connect your merchant account to your Shopify store. After verifying your details, return to your Shopify admin and activate Afterpay as a payment gateway. Once activated, it should appear as an option for customers during checkout.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-3\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do I show Afterpay on my Shopify product page?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Afterpay only becomes visible on product pages once you add On-Site Messaging, so you must use the Theme Editor to add an Afterpay messaging block to your product page template. If your store uses multiple templates, you\u2019ll need to add the block to each one individually.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-4\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do I add Afterpay messaging to Shopify?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>You can add Afterpay On-Site Messaging by installing the Afterpay On-Site Messaging app from the Shopify App Store. After installation, open the Theme Editor and insert the Afterpay messaging block into your product and cart page templates. From there, you can adjust text alignment, color, margins, and other style elements to ensure the design blends with your store. <\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<hr \/>\n<h2>Final Words<\/h2>\n<p>Learning <strong>how to add Afterpay to Shopify<\/strong> only takes a few steps, but the impact it has on your store is significant! Once Afterpay is integrated and visible on your product, cart, and checkout pages, you can create a shopping experience that feels both modern and customer-centric.<\/p>\n<p>For more information, check out our <a href=\"https:\/\/litextension.com\/blog\/ecommerce-platforms\/shopify\/\" target=\"_blank\" rel=\"noopener\"><strong>Shopify guide<\/strong><\/a> and join our <a href=\"https:\/\/www.facebook.com\/groups\/litextensioncommunity\" target=\"_blank\" rel=\"nofollow noopener\"><strong>Facebook Community<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For many Shopify merchants, one of the biggest hurdles is to keep customers from abandoning their carts at the very last moment. That&#8217;s where flexible payment solutions, like Afterpay, come in, and learning how to add Afterpay to Shopify can easily create a more comfortable path to checkout! In this guide, we&#8217;ll walk you through [&hellip;]<\/p>\n","protected":false},"author":72,"featured_media":60848,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"tpgb_global_settings":"","ub_ctt_via":"","inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":"","jnews-multi-image_gallery":[],"jnews_single_post":{"subtitle":"","format":"standard","video":"","gallery":"","source_name":"","source_url":"","via_name":"","via_url":"","override_template":"0","override":[{"template":"1","single_blog_custom":"","parallax":"1","fullscreen":"1","layout":"right-sidebar","sidebar":"default-sidebar","second_sidebar":"default-sidebar","sticky_sidebar":"1","share_position":"hide","share_float_style":"share-monocrhome","show_share_counter":"1","show_view_counter":"1","show_featured":"1","show_post_meta":"1","show_post_author":"1","show_post_author_image":"0","show_post_date":"1","post_date_format":"default","post_date_format_custom":"Y\/m\/d","show_post_category":"1","show_post_reading_time":"0","post_reading_time_wpm":"300","show_zoom_button":"0","zoom_button_out_step":"2","zoom_button_in_step":"3","show_post_tag":"0","show_prev_next_post":"0","show_popup_post":"0","number_popup_post":"1","show_author_box":"0","show_post_related":"0","show_inline_post_related":"0"}],"override_image_size":"0","image_override":[{"single_post_thumbnail_size":"no-crop","single_post_gallery_size":"crop-500"}],"trending_post":"0","trending_post_position":"meta","trending_post_label":"Trending","sponsored_post":"0","sponsored_post_label":"Sponsored by","sponsored_post_name":"","sponsored_post_url":"","sponsored_post_logo_enable":"0","sponsored_post_logo":"","sponsored_post_desc":"","disable_ad":"0"},"jnews_primary_category":{"id":"","hide":""}},"categories":[16700,16620,16621],"tags":[],"table_tags":[],"featured_image_src":"https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify.webp","author_info":{"display_name":"Aurora Hoang","author_link":"https:\/\/litextension.com\/blog\/author\/auroraduong\/"},"tpgb_featured_images":{"full":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify.webp",1617,1068,false],"tp-image-grid":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify.webp",700,462,false],"thumbnail":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-150x150.webp",150,150,true],"medium":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-300x198.webp",300,198,true],"medium_large":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-768x507.webp",768,507,true],"large":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-1024x676.webp",1024,676,true],"default":"https:\/\/litextension.com\/blog\/wp-content\/plugins\/the-plus-addons-for-block-editor\/assets\/images\/tpgb-placeholder.jpg"},"tpgb_post_meta_info":{"get_date":"Jun, 2025","category_list":{"category":[{"term_id":16700,"name":"Platform Tutorials","slug":"platform-tutorials","term_group":0,"term_taxonomy_id":16700,"taxonomy":"category","description":"<em>Are you eager to create your own eCommerce website but feeling lost in the maze of platforms and tools? Our team of experts has created comprehensive guides to help you build your own eCommerce website using the top platforms in the industry, including Shopify, WooCommerce, BigCommerce, and Wix. With our easy-to-follow tutorials, you'll be able to create a website that reflects your brand and offers a seamless shopping experience for your customers. So why wait? Start building the eCommerce website of your dreams today!<\/em>","parent":0,"count":130,"filter":"raw"},{"term_id":16620,"name":"Ecommerce Platforms","slug":"ecommerce-platforms","term_group":0,"term_taxonomy_id":16620,"taxonomy":"category","description":"<span style=\"color: #808080\"><em>Welcome to our eCommerce platform reviews category, where you'll find expert insights on the top players in the industry. Whether you're a seasoned online seller or just getting started, our eCommerce platform reviews category is a must-read!<\/em><\/span>","parent":0,"count":413,"filter":"raw"},{"term_id":16621,"name":"Shopify","slug":"shopify","term_group":0,"term_taxonomy_id":16621,"taxonomy":"category","description":"","parent":16620,"count":134,"filter":"raw"}],"post_tag":false,"post_format":false,"table_tags":false},"author_name":"Aurora Hoang","author_url":"https:\/\/litextension.com\/blog\/author\/auroraduong\/","author_email":"aurora@litextension.com","author_website":"https:\/\/litextension.com\/blog","author_description":"Meet Aurora, our true Shopify geek, who's passionate about sharing her knowledge and helping businesses thrive online.","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["editor"],"author_firstname":"Aurora","author_lastname":"Hoang","user_login":"auroraduong","author_avatar":"<img alt='' src='https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/11\/author-aurora-hoang-150x150.jpg' srcset='https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/11\/author-aurora-hoang-150x150.jpg 2x' class='avatar avatar-200 photo' height='200' width='200' \/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/c062aa0b18572c2a49cc1f48a6790e0c?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":{"category":"<a href=\"https:\/\/litextension.com\/blog\/platform-tutorials\/\" alt=\"Platform Tutorials\" class=\"category-platform-tutorials\">Platform Tutorials<\/a> <a href=\"https:\/\/litextension.com\/blog\/ecommerce-platforms\/\" alt=\"Ecommerce Platforms\" class=\"category-ecommerce-platforms\">Ecommerce Platforms<\/a> <a href=\"https:\/\/litextension.com\/blog\/ecommerce-platforms\/shopify\/\" alt=\"Shopify\" class=\"category-shopify\">Shopify<\/a> "},"uagb_featured_image_src":{"full":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify.webp",1617,1068,false],"thumbnail":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-150x150.webp",150,150,true],"medium":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-300x198.webp",300,198,true],"medium_large":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-768x507.webp",768,507,true],"large":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-1024x676.webp",1024,676,true],"1536x1536":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-1536x1015.webp",1536,1015,true],"2048x2048":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify.webp",1617,1068,false],"tp-image-grid":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify.webp",700,462,false],"jnews-360x180":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-360x180.webp",360,180,true],"jnews-750x375":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-750x375.webp",750,375,true],"jnews-1140x570":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-1140x570.webp",1140,570,true],"jnews-120x86":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-120x86.webp",120,86,true],"jnews-350x250":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-350x250.webp",350,250,true],"jnews-750x536":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-750x536.webp",750,536,true],"jnews-1140x815":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-1140x815.webp",1140,815,true],"jnews-360x504":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-360x504.webp",360,504,true],"jnews-75x75":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-75x75.webp",75,75,true],"jnews-350x350":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-350x350.webp",350,350,true],"jnews-featured-750":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-750x495.webp",750,495,true],"jnews-featured-1140":["https:\/\/litextension.com\/blog\/wp-content\/uploads\/2023\/06\/how-to-add-afterpay-to-Shopify-1140x753.webp",1140,753,true]},"uagb_author_info":{"display_name":"Aurora Hoang","author_link":"https:\/\/litextension.com\/blog\/author\/auroraduong\/"},"uagb_comment_info":0,"uagb_excerpt":"For many Shopify merchants, one of the biggest hurdles is to keep customers from abandoning their carts at the very last moment. That's where flexible payment solutions, like Afterpay, come in, and learning how to add Afterpay to Shopify can easily create a more comfortable path to checkout! In this guide, we'll walk you through&hellip;","_links":{"self":[{"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/posts\/60846"}],"collection":[{"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/comments?post=60846"}],"version-history":[{"count":21,"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/posts\/60846\/revisions"}],"predecessor-version":[{"id":87621,"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/posts\/60846\/revisions\/87621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/media\/60848"}],"wp:attachment":[{"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/media?parent=60846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/categories?post=60846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/tags?post=60846"},{"taxonomy":"table_tags","embeddable":true,"href":"https:\/\/litextension.com\/blog\/wp-json\/wp\/v2\/table_tags?post=60846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}