Custom Branding and URLs

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
  • Vrio Hosted Customer Portal
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, Customer Portal and Responders, or customer communication.

Define the color scheme to be used for the campaign. These colors will be used for the Checkout, Customer Portal 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

Customer Portal Colors

Below is a guide on how the colors within the Campaign Branding are used within the Customer Portal.

SectionDescription
Primary ColorSection Headers
Emphasis ColorCall To Action Buttons
Header/Nav ColorNavigation Background Color
Footer ColorFooter Background
Primary Font ColorFont color used on Section Headers
Emphasis Font ColorFont color used on Call to Action Buttons
Header/Nav Font ColorFont color used for text on the Navigation

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

Customer Portal 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