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 creators 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 creators.
The Details Section
Details Image
This image should feature something about your creator 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