In this article, we will cover all of the required and optional values for your marketing landing page.

The marketing landing page consists of 3 sections that are editable:

  • Hero section
  • Details section
  • Benefits section
  • Payment Terms section

Additionally, there are a few page level settings that can be customized. All of these are described below, and entirely configurable in the dashboard on your account. Let’s get started.

Here’s the layout:

The Hero Section

Background image

The hero background image is the first image that prospective ambassadors will see. This image should convey a good feeling about your company and/or products and be inviting. Note that this image will have a few lines of text and one or two buttons on top of it.

Image Dimensions & Format: 1425W x 420H pixels, JPG format.

Hero Title: 30 character maximum, leave empty for no display.

Hero Title Color: CSS color code, for example: #fff
Hero Title Shadow: CSS text property, for example: 0px 2px 4px rgba(0,0,0,0.8)


Hero Subtitle #1 (optional): 30 character maximum, leave empty for no display.

Hero Subtitle #1 Color: CSS color code, for example: #fff
Hero Subtitle #1 Shadow: CSS text property, for example: 0px 2px 4px rgba(0,0,0,0.8)

Hero Subtitle #2 (optional): 30 character maximum, leave empty for no display.
Hero Subtitle #2 Color: CSS color code, for example: #fff
Hero Subtitle #2 Shadow: CSS text property, for example: 0px 2px 4px rgba(0,0,0,0.8)

Video Link (optional): Embed a splash video for your prospective ambassadors.

The Details Section

Details Image

This image should feature something about your ambassador program or a specific brand image for your company. The image is not obscured by any text or buttons.

Image Dimensions & Format: 540W x 540H pixels, JPG format.

Image Border Rounding (example values): The purpose of this value is to match existing design esthetics already present throughout the online store.

  • 0 = Square corners
  • 10px = Corners rounded by 10 pixels
  • 50% = Forces the image to be circular

Details Title: 30 character maximum, required.

Details Description: 150 character maximum, required.

The Benefits Section

Benefits Image

This image should feature something about the results of joining the program, typically an image with a happy person/people is a good choice. The image is not obscured by any text or buttons.

Image Dimensions & Format: 540W x 540H pixels, JPG format.

Image Border Rounding (example values): The purpose of this value is to match existing design esthetics already present throughout the online store.

  • 0 = Square corners
  • 10px = Corners rounded by 10 pixels
  • 50% = Forces the image to be circular

Benefits Title: 30 character maximum, required.

The benefits description area is a series of 5 bullets, each with sub-text that can be provided. It is a good idea to mention program specifics here, for example, commission/payout rates or product sample policies.

Benefit Title #1: 30 character maximum.

Benefit Subtitle #1: 50 character maximum.

Benefit Title #2: 30 character maximum.

Benefit Subtitle #2: 50 character maximum.

Benefit Title #3: 30 character maximum.

Benefit Subtitle #3: 50 character maximum.

Benefit Title #4: 30 character maximum.

Benefit Subtitle #4: 50 character maximum.

Benefit Title #5: 30 character maximum.

Benefit Subtitle #5: 50 character maximum.

The Payment Terms Section

Payment Terms Section Title

The terms section title should reflect that these are the business terms for joining the program.

Payment Terms Section Description (optional): 80 character maximum

Use this to provide additional details or terms for your program.

Payment Type: 30 character maximum

Payment Rate: Either a percentage (%) of sales or pay per view/viewer ($)

Page Level Settings

Button Primary Color: CSS color code, for example: #e57211

Button Secondary Color: CSS color code, for example: #ffffff

Button Action Text: 15 character maximum. Example: “APPLY NOW”

Button Border Rounding: The purpose of this value is to match existing design esthetics already present throughout the online store.

  • 0 = Square corners
  • 10px = Corners rounded by 10 pixels
  • 50% = Forces the image to be circular
Did this answer your question?