Hosted 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 and click Save Checkout form .
  4. At the top of the screen, in the green notification box, click Preview .
  5. 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.
  6. 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.
  7. 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.

Related topics