Skip to main content

Documentation

Customizing Your Hosted Page

Set the look and feel of your page to match your brand.

You can customize your hosted page, and set the look and feel that will apply to all applicable Rapyd platform Hosted pages.

  1. Sign into Client Portal and navigate to Settings > Branding.

    64808935a4846.png

    Select Your Hosted Page to View

    The Preview bar, located above the preview window, will display a preview of your Hosted Checkout page branding. You can toggle between the Hosted Checkout Page, Hosted Subscription Checkout Page, Save Card Details Page, and Beneficiary Account Details Page. Branding settings affect all Hosted pages including Rapyd Collect, Disburse, and Issuing.

  2. On the Brand elements pane on the left side of the page, tap the Upload logo icon and upload an image file (png, jpg, jpeg, gif) containing your company logo.

  3. Tap the Brand color field to select the color of the buttons on the display.

    6480893866d87.png
  4. In the Fallback URL field, enter the URL of the page that appears when the process is completed or canceled when complete_checkout_url or cancel_checkout_url is not specified.

    6480893b5b1cb.png

    Complete and Cancel URLs

    Other Hosted pages may have different fields such as complete_url and cancel_url

    • Beneficiary Tokenization Page

    • Rapyd Verify Hosted Page

    • Hosted IDV Page

    • Hosted Page Card Token Object

  5. Remove any Payment Methods you will not accept (Hosted Checkout only).

    • Bank - Includes Bank Redirect and Bank Transfer

    • Card

    • Cash

    • eWallet

    6480893d4f0f8.png
  6. Choose your button text from the drop down (Hosted Checkout only).

    6480893f777ab.png
  7. (Optional) Customer Support Details - You can add your customer support contact information to be displayed on your hosted pages.

    648089417198f.png
  8. Tap the Save changes button at the upper right corner of the screen.

    customize-hosted-page-flow-7.png
  1. On the Branding page, switch between the mobile icon or desktop icon to view the preview of your hosted page.

    64808943a2ec8.png