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.

Example checkout form

For an interactive example, see Example checkout.

Create a hosted checkout form

  1. In the left navigation bar, click settings icon , then click Checkout forms .
  2. Click Add Checkout form .
  3. Complete the form.
  4. 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 .
  5. Click Save Checkout form .
  6. At the top of the screen, in the green notification box, click Preview .
  7. 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.
  8. Obtain the Rebilly checkout form redirect URL:
    1. In the left navigation bar, click Settings icon , then click Checkout forms .
    2. On the right of your form, click Preview icon .
    3. In the new browser window, copy the URL in the address bar.
  9. 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;
    }
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.

  1. In the left navigation bar, click Settings icon , then click Checkout forms .
  2. Select from the following:
    • Copy a checkout form URL: On the right of a checkout form, click Copy icon .
    • Make a copy of a checkout form: On the right of a checkout form, click Clone icon .
    • Preview a checkout form: On the right of a checkout form, click Preview icon .
    • Edit a checkout form: On the right of a checkout form, click Edit icon .
    • Delete a checkout form: On the right of a checkout form, click Delete icon .

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 Filter icon .
  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