Signup Page Details

It’s easy to use Chargify’s Public Signup Pages to offer products and services for sale via your website, or direct email. Chargify provides customer-facing Public Signup Pages as an easy way to represent your products for sale and collect signup information. Simply display the option to purchase goods and services on your website, then redirect subscribers to Chargify’s Public Signup Pages to complete the sale.

No Developer Required

Chargify provides Public Signup Pages for our merchants who would like an alternative to integrating with our application via API. When a potential subscriber wishes to purchase a product, direct them to a Public Signup Page. This will allow them to complete the sale, and let Chargify process the signup and transaction via your gateway.

Public Signup Pages will display a clean and easy to read signup form for your subscribers view via web browser. If they are accessing via a mobile device, Chargify will this dynamically and serve up the mobile-optimized version of the Public Signup Pages. No coding experience necessary!

Customization

Public Signup Pages can be customized from a design perspective. Also Signup Pages can be customized to omit certain data points, or restructure the layout of information. Chargify offers a set of basic fields to edit the text of your Public Signup Pages here.

If you’re looking to customize the Public Signup Pages to match the branding efforts of your organization, or simply change the layout, this can be accomplished using JavaScript and CSS. We’ve published a host of sample code to get you started. For a list of customization options, plus CSS Classes and IDs, please see our documentation here.

Prepopulation of Subscriber Data

Chargify allows you to easily pre-populate subscriber data with any relevant data that may have been collected from your signup funnel. This can be an excellent addition to any Public Signup Page make signups easy for your potential subscribers.

Please see our article on pre-population of Public Signup Pages for further information.

PCI Compliance

With Public Signup Pages, Chargify handles all of your subscriber’s credit card data securely. Chargify is a PCI DSS Level 1 Compliant.

For more information on PCI Compliance and SAQ FAQ for merchants, please see our guide here.

Example Implementation

  • Joe arrives at the website for http://www.example.com
  • He decides to purchase the Gold Product and selects “Purchase Now” from http://www.example.com/buynow
  • He’s redirected to a Chargify-hosted Public Signup Page that depicts all of the charges for the product he wishes to purchase
  • He enters the required info
  • The sale is completed!

Public Facing Product Information

Public Signup Pages provide potential subscribers information that relates to the cost of your product, the renewal period, plus many other details about the product or service that a merchant may be offering. This includes, and is not limited to, any of the following:

Product Information

Public Signup Pages are built to support the sale of one product from your Chargify Site. You can elect to add as many add-on components and custom fields to your Public Signup Page.

It’s also important to display clear information to your potential subscriber so that the understand which product they are purchasing, and any other details about the product. This will surely lessen any questions for your support team after the signup process has ended.

Additional Signup Information

In addition to purchasing a product, you can also amend your the data you collect through Public Signup Pages with any of the following:


Example Public Signup Page

In the examples below, we’ll break down Public Signup Page into individual sections for this tutorial. Each section deals with the origins of what is displayed on the Public Signup Page, plus how to edit and control the content.

Page Title

In our example, Chargify Example Public Signup Page is the page title of this Public Signup Page. To edit or change the page title, edit the Public Signup Page by following the instructions here.

Product Description

In our example, the description is:

Signup today for your 14-day free trial, with only a $5.00 setup fee to be charged at the end of your trial. After the trial ends, you’ll be charged $30.00 per month.

The product description that appears in the Public Signup Page is lifted from the content used to create the product for sale. Visit the edit page for the product to control/edit this information.

Configure Your Plan / Components

When your subscriber purchases a product through your Public Signup Page, you can also offer them the option to purchase additional components, or add-ons. Use components to give your subscriber additional purchase options. For more information about components, please see our documentation here.

If you enable a set of components on your Public Signup Pages, a subscriber will have the option to customize their purchase.

  • Entering the quanity of quanitity-based components to purchase
  • Entering the quantity of metered-based components to purchase
  • Toggling on/off components

Subscribers must select the option to update totals in order for the Plan Summary information to reflect accruate pricing.

Components Display Option

In order for components to display on a Public Signup Page, select the desired component you wish to display from the edit page of the Public Signup Page. For more information, please see our help article here.

In the example below, we see that the following components have been added to a subscription:

  • 10 Metered Components
  • 1 On/Off Component
  • 25 Quantity-based Components
If a subscriber wishes to add/remove components to their current purchase, they must enter the new amount and select Update Totals in the Public Signup Page. Once the new amount has been entered, the amount calculated in the Plan Summary will reflect the new changes.

Tax Information

If your site and product are configured to collect taxes from a subscriber, the amount due for taxes will be clearly broken down in a Public Signup Page for your subscriber to view and understand. This breakdown provides your subscriber with a clear view of what taxes are due based on their locale.

Coupon Codes Display Option

If you would like to have a coupon displayed on your Public Signup Page, you must enable the option in the page. For more information, please see the help article here.

Coupon or Referral Code

A subscriber is given the option to enter a Chargify generated coupon code in order to obtain a discount before purchase. After a user supplies a code, they can select Apply Code to check the validity of the code. If the code is valid, it will automatically be applied to the Plan Summary.

  • The amount of the discount will be reflected in the Plan Summary for the Public Signup Page.
  • If need arises to remove the discount from the subscription, select Remove next to the validated coupon code.
  • Only one coupon code may be added to a subscription at this time.

Referral Codes

To display a referral code on your Public Signup Page, please enable the option to display this checkbox to your subscribers.

When a subscriber enters a referral code, they must select Apply Code to check its validity. If a successful referal code has been entered, the discount will appear under the Plan Summary for the subscription.

Coupon and Referral Code Options

You may only allow a coupon OR a referral code to be entered at the time of signup. At the time of publication of this article, more than one discount code cannot be applied to a subscription.

If you’ve selected to display the coupon code and the referral code on your Public Signup Page, only one field will appear. A subscriber may enter a coupon code or a referral code in this field.

Customer Information

When a subscriber enters information under the subheader titled, “Customer Information,” this data is used to create an entry in the customer tab of your Site. It’s important to understand the relationship between customer data and subscription data in your Chargify account. For a quick overview of the differences between customer and subscription entries, please see our documentation here.

Shipping Information

When a potential subscriber enters shipping information, the shipping information is stored with the subscription, as part of the customer details. For more information on customer details, please see our documentation here.

Billing Information

The Billing Information portion of the Public Signup Page is very straightforward. This is the part of the signup process where Chargify securely collects your subscriber’s payment information. From here, we transfer this information direclty to your gateway.

In the example shown, test gateway information is shown as a courtesy to aid in testing your Public Signup Page. No need to use real credit card numbers! Simply use the supplied test data to complete transactions.

Credit Card Badge Options

Your Public Signup Page can indicate what types of credit card your merchant gateway can accept. Configure these to clearly indicate what types of cards you are willing to accept.

To display a set of specific credit card badges, select the types of cards in your default Public Signup Page settings.

Indicating which cards you would prefer to accept via Chargify will not restrict what cards a subscriber can enter via a Public Signup Page. For full control of which cards your gateway will accept, please contact your gateway for further intructions on how to accomplish this.

Billing Address

If provided, subscribers have the option of using the “Shipping Address” as the billing address, or to provide an alternate address.

AVS (Address Verification Service), as provided by your gateway, plays an important role here. When your subscriber provides a billing address, this information is sent on to the gateway in order to verify if the card if the billing address matches the card holder’s information. For more information and suggestions on how AVS should be configured for your gateway, please see our gateway documentation here.

PayPal Signups

If you are using the Braintree gateway which supports payment via PayPal, a subscriber can elect to pay via PayPal on your Public Signup Page. The subscriber must select PayPal at the Billing Information section.

After selecting “PayPal,” a pop-up will appear where the subscriber can enter their PayPal credentials. Afterwards, they will return back to the Public Signup Page to complete the order.

Additional Information

Subscribers are given the option towards the end of the signup process to provide additional information about their purchase. Use custom fields to collect information that’s in relation to your product, helpful feedback about your product, or any other information that’s important to track during this stage of the subscription lifecycle.

Custom Fields Display Option

Custom fields can be displayed on Public Signup. As a merchant, you must enable them to appear. For more information on how to configure custom fields to display on Public Signup Pages, please see our article on editing Public Signup pages here.

Your subscriber has the option to enter in any additional information that’s relevant to the subscription purchase.

After Signup

When a subscriber completes a signup via a Public Signup Page, a subscription entry will be created in your Chargify account. This information is broken down into two categories, subscription information and customer information. This information is stored securely in your Chargify account, on a site-by-site basis.

Receipt Page

Once the signup process is complete, your subscriber will receive a confirmation of their purchase in the form of a receipt page. An example page below:

The confirmation page automatically is generated from data received during the signup process. The information included in the confirmation page will vary based on product purchased and price.

If your subscriber signs up for a $0 product, the receiptpage will not include a line item for a signup payment. Instead, a line item will appear for the product name and billing period only. Alert Link.

You can circumvent the redirect to the signup page by adding a return URL after successful signup. If a redirect is added, the confirmation page will not be shown.