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

1. In the left navigation bar, click , then click Checkout forms .
2. Click Add Checkout form .
3. 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 .
4. Complete the form, then click Save Checkout form .
5. At the top of the screen, in the green notification box, click Preview .
6. 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.
7. Obtain the Rebilly checkout form redirect URL:
   1. In the left navigation bar, click , then click Checkout forms .
   2. On the right of your form, click .
   3. In the new browser window, copy the URL in the address bar.
8. Create a checkout button and add it to your web page.

   Example:

   HTMLCSS

   Copy

   Copied

   <a class="button" href="link-to-checkout-form">Buy now</a>

   Copy

   Copied

   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;
   }

Manage checkout forms

This process describes how to copy, preview, and delete checkout forms.

1. In the left navigation bar, click , then click Checkout forms .
2. 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 .

Filter checkout forms

Use this process to filter checkout forms in the Checkout forms page.

1. At the top of the checkout forms table, click .
2. In the first dropdown, select a filter.
3. In the second dropdown, select a condition.
4. Depending on the data selected in the previous steps, enter or select additional values, then click Apply filters .

Related topics

• Test transactions .