Checkout forms
Use Rebilly hosted checkout forms to provide secure and compliant checkouts, that are easy to set up and do not require developer experience. Checkout forms are customizable, and use fully responsive design, built-in error messaging, validation, and expedited checkout for returning customers.
For an interactive example, see Example checkout.
Create a hosted checkout form
-
In the left navigation bar, click
.
- In the Payment forms section, click Checkout forms .
- Click Create checkout form .
- Optionally, to select a custom domain for the checkout form, in the Custom domain field, select a custom domain. If you have not configured a custom domain, see Configure a custom domain .
- Complete the form, then click Save checkout form .
- At the top of the screen, in the green notification box, click Preview .
-
Test the checkout form:
Complete the form and use the following card details to execute a test transaction.
Note: This card will not generate a real charge.
- Card number: 4111 1111 1111 1111
- Expiration date: any future date.
- CVV: any 3 digits.
-
Obtain the Rebilly checkout form redirect URL:
-
In the left navigation bar, click
.
- In the Payment forms section, click Checkout forms .
-
On the right of your form, click
.
- In the new browser window, copy the URL in the address bar.
-
In the left navigation bar, click
-
Create a checkout button and add it to your web page.
Example:
HTMLCSS<a class="button" href="link-to-checkout-form">Buy now</a>
a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; display: inline-block; background: #0044d4; color: #ffffff; padding: 10px 20px; border-radius: 6px; text-decoration: none; color: initial; }
info
Rebilly supports the use of custom domains in hosted checkout forms and billing portals. Instead of using the default Rebilly domain: portal.secure-payments.app
, you can use your own. For more information, see Configure a custom domain.
Manage checkout forms
This process describes how to copy, preview, and delete checkout forms.
-
In the left navigation bar, click
.
- In the Payment forms section, click Checkout forms .
-
Select from the following:
-
Copy a checkout form URL: On the right of a checkout form, click
.
-
Make a copy of a checkout form: On the right of a checkout form, click
.
-
Preview a checkout form: On the right of a checkout form, click
.
-
Edit a checkout form: On the right of a checkout form, click
.
-
Delete a checkout form: On the right of a checkout form, click
.
-
Copy a checkout form URL: On the right of a checkout form, click
Filter checkout forms
Use this process to filter checkout forms in the Checkout forms page.
-
In the top right of the checkout forms table, click
Filters .
- In the first dropdown, select a filter.
- In the second dropdown, select a condition.
- Depending on the data selected in the previous steps, enter or select additional values, then click Apply filters .