There are 9 content options you can use on your landing page. We'll dive into each below!

To add content to your layout, simply drag and drop the box you'd like to add. Once in the layout, click into the content to bring up the customization options in the right hand column.

COLUMNS

Drag and drop a new column into the template. Customizations appear in the right hand column of the builder.  

Columns
Click into the type of column you would like added.

Row Properties
Select the row background color, content background color and upload an image as the background.

Toggling the "More Options" button will allow you to adjust the padding specific to the top, right, left and bottom: 

Column Properties
Select background color, padding and border for each column. If the item you are working on has more than one column, click into the column tabs to update the properties:

Toggling the "More Options" button will allow you to adjust the padding and border specific to the top, right, left and bottom: 

Responsive Design
Toggle the buttons to turn on or off for Hide on Desktop, Hide on Mobile and Do Not Stack on Mobile.

  • Make use of Do Not Stack on Mobile and Hide on Mobile feature to further optimize your landing page display on mobile devices.
  • When Do Not Stack on Mobile is enabled, it will keep all columns inline within a single row, instead of cascading each column one after the other. This setting only applies to mobile view.
  • When Hide on Mobile option is enabled, it will simply hide that row on mobile devices. 

In the layout, you will see the columns available and "No content here. Drag content from right." in blue box(es). This row and the columns in it are now ready for content. 

Use the "X" in the formatting bar to close:

BUTTON

Drag and drop a button into the template. Customizations appear in the right hand column of the builder.  

Link
Choose if this button link should open in the same tab or a new tab, then enter the URL in the box provided:

Colors
Choose text and background colors for the button:

Spacing
Alignments allow you to choose left, center or right-aligned text. Line Height puts more or less space between lines of text.

Toggling the "More Options" button will allow you to adjust the border and padding specific to the top, right, left and bottom.

General
Adjust the container padding for the button. Toggling the "More Options" button will allow you to adjust the padding specific to the top, right, left and bottom.

Use the "X" in the formatting bar to close.

DIVIDER

Drag and drop a divider into the template. Customizations appear in the right hand column of the builder.  

Line
Use the slider to adjust the width of the divider. Line options include solid, dotted or dashed, and you can adjust the weight and color. Align allows you to choose a left, center or right-aligned divider.

General
Adjust the padding of the container the divider is in. Toggling the "More Options" button will allow you to adjust the padding specific to the top, right, left and bottom.

Use the "X" in the formatting bar to close.

HTML

Drag and drop HTML into the template. Customizations appear in the right hand column of the builder.  

HTML
Inject HTML in the box provided.

General
Adjust the padding of the container the HTML is in. Toggling the "More Options" button will allow you to adjust the padding specific to the top, right, left and bottom.

Use the "X" in the formatting bar to close.

IMAGE

Drag and drop an image into the template. Customizations appear in the right hand column of the builder.  

Image
Click Upload Image to find previously uploaded images or to upload a new image.
Apply Effects & More allows you to place filters, crop, add text, etc. to the image selected.

Align allows you to choose to left, center or right-align the image. Use the slider to adjust the width of the image. Add alternate text to the image as a placeholder. Using keywords in ALT text will be helpful for SEO.

Action
Choose if this image should link to a URL. If so, select if the URL should open in the same tab or a new tab, then enter the URL in the box provided.

General
Adjust the padding of the container the image is in. Toggling the "More Options" button will allow you to adjust the padding specific to the top, right, left and bottom.

Use the "X" in the formatting bar to close.

SOCIAL

Drag and drop social into the template. Customizations appear in the right hand column of the builder.  

Icons
Simply click in to the social icon(s) you would like to add to the page. When you do, a box will appear allowing you to add your direct URL.

The Icon Type drop down allows you to choose the formatting of the icons.

General
Adjust the padding of the container the social icons are in. Toggling the "More Options" button will allow you to adjust the padding specific to the top, right, left and bottom.

Use the "X" in the formatting bar to close.

TEXT

Drag and drop text into the template. Customizations for the text box appear in the right hand column of the builder.  

Clicking into the text box will allow you to edit the text, and provides formatting options for the text itself.

Text
Adjust the Color of the text by selecting the color box. Align allows you to choose to left, center or right-align the text. Line Height puts more or less space between lines of text.

Links
You will make text hyperlinked in the text block itself. The option provided here allows you to use the inherit body styles of the page for the links included.

General
Adjust the padding of the container the text is in. Toggling the "More Options" button will allow you to adjust the padding specific to the top, right, left and bottom.

Use the "X" in the formatting bar to close.

VIDEO

Drag and drop video into the template. Customizations for the video appear in the right hand column of the builder.  

Link
Add a video URL to automatically generate a preview image on the page. The image will link to the provided URL.

General
Adjust the padding of the container the video image is in. Toggling the "More Options" button will allow you to adjust the padding specific to the top, right, left and bottom.

Use the "X" in the formatting bar to close.

FORM

Fields

Required and Hidden Group Fields
Email Address -- BenchmarkONE uses email address to match to existing contacts in the system, so this field is always required.
Sales Rep & Contact Status --  These are required fields, but will be hidden from the visitor. The selection chosen for these fields will be the same for all contacts who submit the form.

Additional Field Options
To add additional field options, choose from the Add New Field drop down. You will see standard contact information, custom fields and an option to add a tag. Note that the tag field is hidden from the visitor and the same tag will be applied for all contacts who submit the form.

To edit the fields, use the pencil icon to the right of the field name. 

A modal box will appear to update the field. Change the label and placeholder text, and choose if the field should be required.  

Select Update Field when changes are complete.

Selecting "Show More Options" will provide border, padding and color options for the fields.

Layout
Use the slider to adjust the Width of the form.  Alignment allows you to choose left, center or right-aligned fields. Space Between Fields will put more or less space between each field.

Labels
Choose the font size, color and alignment of the labels.

Selecting "Show More Options" will provide padding options for the fields.

Button
Choose colors for your text, background and hover text. Change the wording for your button in the box provided.
Alignments allow you to choose left, center or right-aligned text. Use the slider to adjust the width of the divider.

Selecting "Show More Options" will provide border, padding and margin options for the button.

General
Adjust the padding of the container the button is in. Toggling the "More Options" button will allow you to adjust the padding specific to the top, right, left and bottom.

Use the "X" in the formatting bar to close.

Did this answer your question?