Last updated 2 months ago

Accept payments using Rebilly checkout forms

Rebilly checkout forms are the fastest way to start accepting payments. No developer experience required.

What we're building

Checkout

This is running in test mode and will not generate a real charge. Use our test card: 4111 1111 1111 1111, any 3 digit CVV, and any future expiration date to test.

How it works

Your AppCustomerRebillyPayment gatewayClick to purchaseredirect to Rebilly hosted checkout formEnters payment informationSends payment requestReturns responseDisplay payment card declined card errorDisplay thank you and order summary pagealt[is rejected][is approved]Click "back to app" linkYour AppCustomerRebillyPayment gateway

Get started

1. Set up Rebilly

First check that you have:

  1. Signed up
  2. Connected a gateway account.
  3. Added a product and pricing plan.

2. Build your Rebilly checkout form

  1. Go to settings > checkout forms.
  2. Add new checkout form.
  3. Fill out the form settings.
  4. Preview and test your checkout form.

The preview link is the URL for your hosted checkout form. You will need this later.

3. Add a checkout button on your webpage.

Add a button on your website that will take your customers to the Rebilly hosted checkout form where they will complete their payment.

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

4. Redirect your customers to Rebilly hosted checkout form

Set up your checkout button to redirect your customers to the Rebilly hosted checkout form. The redirect link is the preview link for the checkout page you built in step 2.

where to find the preview url

the preview url is the redirect url

5. Try it out!

Test the entire flow. If you are in the sandbox environment, test using our test cards. If you are in the live environment, test using a real payment card.

Buy now