Self Service Pages

Every Chargify Subscription gets an automatically generated URL for a Self-Service Page that will only allow changes to that specific subscription. To get the URL for the Self-Service Page attached to any given Subscription, visit the Subscription index page by clicking the “Subscriptions” tab in the admin UI. You’ll find the link to the Subscription’s Self-Service Page inside the actions menu in each table row.

Below is an example of a Self-Service page that a customer will use to update their payment method.

There are a few ways for you, as the Merchant, to obtain the self service link. Additionally, there a few ways to have Chargify automatically provide your customers with the link.

  • Settings –> Retries & Dunning -> Add Message. Include the URL in your dunning emails by adding in any of your messages.

  • Settings –> Emails –> Edit Template. You can include the URL in your email templates by adding in any of your messages.

For a full list of what dynamic variables are available, please view our documentation here.

  • Via the Subscriptions tab –> Click a subscription -> Payment Details –> “Email Customer to Request Payment Update”. This will include a link to the self-service page.

  • Via the Subscriptions tab –> Click a subscription –> Actions –> “View self-service page.” This method will give the merchant the URL. They can then send a link to the customer manually through their own email account.

Customers may also update their payment information via the Billing Portal. You can read all about the Billing Portal here. The aforementioned instructions are important to point out, as not all Merchants choose to enable the Billing Portal.

For more information on Public Pages, please see our documentation here.

For information on generating urls to public pages, please see our documentation on Self-Service Page URLs

Public Page Translations/Internationalization (i18n)

The Public Pages are only offered in English at this time. If you would like to add translations to page content, you may do so by writing JavaScript that replaces on-page content with your own content via Custom JavaScript.

Translating Javascript Generated Content

Even though you can translate on-page content by replacing text on the page, there is still an issue where you will not have access to content that we generate via Javascript and add to the page later. Examples of this kind of content are:

  • The alert box that pops up when the Terms & Conditions are not acknowledged
  • The label on the submit button that changes as a result of a click (i.e. from “Submit” to “Processing…”)

We have provided a mechanism for you to add translations for this javascript-generated content. To your Custom Javascript, you may add translations by extending chargifyHostedPageDictionary. :

$.extend(chargifyHostedPageDictionary, {
  // The alert pop up when agreement to terms is required but not checked:
  'alert.must-agree-to-terms':         'You must agree to the Terms and Conditions',
  //
  // The default value for the Billing/Shipping State selector after choosing a new country:
  'form.address-state.blank-label':    'Please select',
  //
  // The replacement value for the submit button text once it is clicked:
  'form.submit-button.disabled-label': 'Processing...'
});

Shown above is the default text from our default dictionary. If I wanted to translate the content to another language, say “Pirate”, I could: :

$.extend(chargifyHostedPageDictionary, {
  "alert.must-agree-to-terms": "Arr matey, agree to mine terms or walk the plank",
  'form.address-state.blank-label':    'Select yer state, swashbuckler',
  'form.submit-button.disabled-label': 'Shiver your timbers...'
});