Checkout Page
Checkout Page is a platform for creating hosted checkout pages and embeddable payment forms.
It enables businesses to sell products, subscriptions and services through customisable checkout experiences.
Key features include:
- Hosted checkout pages
- Embedded checkout forms
- Subscription billing
- Multiple pricing models
- Stripe payment processing
Checkout Page integrates with ShopWired by adding an embed to your ShopWired theme.
Account creation
Account creation
Create an account on the Checkout Page website at Checkout Page.
After creating your account and configuring a checkout page, Checkout Page will provide the embed script required for installation.
Theme installation
Theme installation
Checkout Page provides an embed script similar to the example shown below:
<div class="cp-checkout" data-checkout="https://youraccount.checkoutpage.com/your-page-slug" style="width: 100%;"></div>
<script type="text/javascript" src="https://assets.checkoutpage.com/overlay.js" async></script>
The code shown above is provided as an example only. You must copy the exact code provided in your own Checkout Page account, as the URL and any values will be unique to your website.
- Navigate to Website > Themes
- Select the
code editoroption for the theme you want to edit - Open the
master.twigfile - Paste the embed code where you want the checkout to display
- Select Save changes
After the script has been added, Checkout Page will begin collecting data from your website.
Adding the checkout to a website page
Adding the checkout to a website page
If you prefer to embed the checkout within a specific page instead of editing the theme file, use the embed code provided in your Checkout Page account.
The embed code will be similar to the example shown below:
<div class="cp-checkout" data-checkout="https://youraccount.checkoutpage.com/your-page-slug" style="width: 100%;"></div>
<script type="text/javascript" src="https://assets.checkoutpage.com/overlay.js" async></script>
The code shown above is provided as an example only. You must copy the exact code provided in your own Checkout Page account.
- Navigate to Website > Themes
- Select
customise your themefor the theme you want to edit - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Position the section where required
- Save your changes
Recommendations
Recommendations
- Ensure product titles and pricing in Checkout Page match your product information in ShopWired.
- Test payments using Stripe’s test mode before accepting live transactions.
- Only add the checkout embed code to the pages where it is required.
