Custom Branding and URLs

Configure custom branding elements including domains, colors, fonts, and logos for your Vrio hosted checkout and email communications.

Branding allows you to add in your Company or Brands:

  • Custom Domain
  • Colors
  • Fonts
  • Logos

These will be used depending on the Vrio Hosted Solutions that you plan to use. This includes:

  • Vrio Hosted Checkout
  • Default Responders, or Customer Communications
Key Takeaways
  • Once you have Branding, along with Items and a Payment Option added to your Campaign, you have access to the Direct Pay URL within the Campaign.
  • The Branding is specific to the Campaign in which you are in.

Custom Domain

The Custom Domain will be used for the Vrio Hosted Checkout. When a customer enters the checkout via either Direct Pay URL or the Carts API -> Checkout, this is the URL that the customer will see.

Create a subdomain to route traffic to your custom checkout.

For example, checkout.shop-airi.com. Once you select your subdomain, use the table below to update your DNS records to start routing traffic to your campaign’s checkout.

Note

Some DNS interfaces may need the full subdomain entered (checkout.shop-airi.com), others may only need the name of the subdomain (checkout).


Colors

Colors within Branding are used for the Vrio Hosted Checkout and Responders, or customer communication.

Define the color scheme to be used for the campaign. These colors will be used for the Checkout and Default Responders, if applicable.


Checkout Colors

Below is a guide on how the colors are used within the Checkout:

SectionDescription
Primary ColorSection Headers
Emphasis ColorCall to Action Buttons
Header/Nav ColorHeader Background
Footer ColorFooter Background
Primary Font ColorFont color used on Section Headers
Emphasis Font ColorFont color used on Call to Action Buttons
Header/Nav Font ColorNA

Responders

Define the Primary and Secondary fonts to be used for the campaign.

These will be used on Default Responders only.

SectionDescription
Primary ColorNA
Emphasis ColorCall to Action Buttons
Header/Nav ColorTop Section Background Color
Footer ColorBottom Section Background Color
Primary Font ColorNA
Emphasis Font ColorFont color used on Call to Action Buttons
Header/Nav Font ColorFont color used on Top Section Background Color

Fonts

Fonts are also set within Branding and used across the Hosted and Default components of the Campaign.

Checkout Font

FontDescription
Primary FontFont family used on all Section Headers
Secondary FontFont family used for all non-section headers

Responder Font

Define the Primary and Secondary fonts to be used for the campaign.

FontDescription
Primary FontFont family used on all Section Headers
Secondary FontFont family used for all non-section headers