To integrate Amped on the checkout page, you will need to manually add it to the checkout.liquid file.
This step is necessary because, while the Amped App Embed automatically adds Amped to all pages of your store, Shopify's restrictions prevent apps from embedding code directly on the checkout page.
Step 1: Access Your Theme Files
Log in to your Shopify admin dashboard.
Navigate to Online Store > Themes.
Find the theme that you want to edit, and click on Actions.
Select Edit code from the dropdown menu.
Step 2: Edit the Checkout.liquid File
In the theme editor, under the Layout directory, find the
checkout.liquidfile.Click on it to open the file in the editor.
Step 3: Add the Amped Code Snippet
Scroll to the bottom of the
checkout.liquidfile.Just before the closing
</body>tag, paste the Amped Code Snippet. You can find your Amped Code Snippet (which is unique to you!) from the integrations page within your Amped account.
Your Amped Code Snippet will look similar to this BUT the example provided here will not work as the account ID is not set:
<script defer src='<https://app.amped.io/snippet/YOUR_ACTUAL_ACCOUNT_ID>'></script>
Step 4: Save Your Changes
Click Save to apply the changes.
Step 5: Test the Checkout Process
It's important to test your checkout process after making changes.
Go through a purchase on your site to ensure that the Amped popup functions correctly and that there are no disruptions to the checkout process.
Need Help?
If you encounter any issues or have questions about integrating Amped into your Shopify checkout, please reach out to our support team. We're here to help your be successful!