Public Pages are highly customizable white-label pages that you can use as the public-facing side of your subscription business. They are a quick and easy way to integrate with the Advanced Billing platform without having to worry about collecting credit card information or writing custom code yourself. You can also use custom Javascript and CSS code to customize your PSPs to tailor to current company branding and style.
There are two types of Public Pages available to merchants in all Advanced Billing plans:
- A Public Signup Page is automatically created for each new product and allows people to sign up for any of your current active products.
- A Self-Service Page is automatically created for each active subscription and allows the customer to manage payment methods. If you need information on configuring the look, feel, and behavior of your Public Page, please see Public Page Default settings.
Public Signup Pages
Each product can have multiple Public Signup Pages, each with its own unique URL. This allows you as the merchant to control specific signup funnels by creating a unique look and wording for each Public Signup Page.
You can get the URL for a specific Public Signup Page attached to an Advanced Billing product by viewing the list of Public Signup Pages located on that same page.
The Public Signup Page URL is composed using your site’s subdomain, a generated token, and (optionally) the API handle for the product. For example: https://acme-inc.chargifypay.com/subscribe/tr57wy2j/awesome-product .
View the version of the page and the URL of the exact signup page.
As you move through this series of articles, you’ll learn more about how Public Signup Pages work and how to customize them as needed.
Public Signup Page Layouts
When creating a Public Signup Page, Advanced Billing will automatically create your page with a modern layout. We recommend using the modern layout going forward as it is a crisper, cleaner, and more responsive layout that we hope you’ll enjoy.
View of the new versions of Public Signup Pages
Both versions have the same functionality but the Modern (v2) layout is responsive, mobile friendly, and has an improved user experience. The layout version for each public signup page can be selected when creating or editing the page, or if you are creating new pages via the API, you can update the default layout version in your site settings: Settings > Public Page Default Settings > Default Public Signup Page Version.
Modern Public Signup Page Webinar
For a brief overview of what modern Public Signup Pages offer, we recommend viewing an archived copy of our webinar that was showcased upon release of the feature. You can access the video below:
Public Signup Page Flow
-
Provide your potential Customers with a link to the Public Signup Page for the Product you would like to offer them. Note that you have the option to pass in some data to pre-populate the form or variables that are sent to Advanced Billing – see Pre-populating Data
- The customer fills out their credit card details and other requested or required information (the information collected by the Public Signup Page is controlled by the Public Page Default Settings) and presses the submit button.
- a. If the customer enters information incorrectly or their credit card is declined, they are notified within the Public Signup Page and given a chance to make corrections
- b. If the customer enters information correctly and their credit card is accepted (or is not required) then they are redirected either to: i. a Subscription Receipt Page ii. the page identified by the Return URL you provided in the Public Signup Page Settings
- If you use a return URL and return URL parameters, you can capture information about the signup within your return URL page to change your own application state. However you’ll probably want to verify this information via our API to avoid susceptibility to URL-hacking.
- The return URL and return URL parameters are how you can be synchronously notified of a signup. This is the best way to learn about a new subscription via the Public Signup Page in real time.
- You can also observe webhooks to change your application state based on the signup. Webhooks are asynchronous events, so you probably do not want to block your user from completing a signup on your end until you receive the Webhook. See webhooks are Asynchronous.
Card Scanning
Potential subscribers can easily use their mobile devices to subscribe to your products from your website. They’ll be redirected to a Public Signup Page that is optimized specifically for their device.
In addition to entering their personal details and product selections, a subscriber will also be given the option to scan their credit card information via the mobile device’s camera. Card swiping is not currently available with Public Signup Pages.
Example from mobile device on how to scan a card in person
Once your potential subscriber has selected the option to scan their card, the mobile device’s camera will be enabled. The card information will be scanned, and the card number harvested from the data from the card scan. A picture of the credit card is not stored in any way on Advanced Billing servers or the mobile device.