Embed codes - Checkout

How do I embed the checkout?

Head to Settings > Embed codes > Checkout. Here you will find the basic embed code you need. Copy the first piece of code into the header of your website or app. Then simply copy the second piece of code where you want the subscribe button to appear. Please note that the default text for this button is ‘Subscribe’, but this can easily be changed by changing the text that appears in the code snippet, in between the open and close tags.

Can I direct a customer to the checkout with a product, plan and cycle selected?

Yes! You can do this by passing product, plan and cycle IDs in the subscribe button. In order to do this, click the 'Passing product, plan, cycle, add-on and allowance IDs in the subscribe button' section from the Checkout tab of Embed codes. Here you can select a product from the dropdown and the embed code will be automatically generated. You can then choose a plan and then cycle as well as add-ons and allowances if you wish, and the codes will be generated for you.

Can I send certain customers to different redirect URL after confirming their subscription?

If you want to send a customer to a different URL after they've confirmed their subscription and clicked the 'Continue' button, you can use the embed code within the 'Overriding redirect settings in the subscribe button' section to override the URL you set up in your configuration. We will then append the customer ID and subscription ID to the URL which you can then use to make API calls to look the customer up and take any further actions you wish to take, such as creating a user account.

Can I show certain customers a different welcome message after confirming their subscription?

If you want to show a different welcome message to a customer after they've confirmed their subscription, you can use the second embed code within the 'Overriding redirect settings in the subscribe button' section to define a custom welcome message.

Can I pre-fill the checkout with details I already know about the customer?

Yes! To do this, use the 'Passing customer data in an object' section within the Checkout tab of Embed codes. Here you can pass the customer details on to us so that we may pre-fill their checkout information. This saves your customer time and avoids the tedious process of inputting details that they have already provided.