Working with Section Templates in Smart Builder

Follow

Smart Builder provides you with pre-designed sections templates you can easily switch out or onto your page.

Each section is thoughtfully designed based on landing page best practices, with the intent to help you unlock more conversions.

Each pre-designed, modular section template can be mixed & matched on your landing page:different-section-templates

This article will explain how to work with Section Templates in Smart Builder.

Adding a New Section

  1. Navigate to your landing page in the Smart Builder.
  2. Hover your cursor over an existing section (or near where you’d like to add your new section).
  3. Locate the plus icon that appears beneath the existing section:
    add-a-section
  4. From the window that appears, choose your designed section layout from the list available.
    choose-a-section-template-to-add-onto-landing-page
  5. Your section will appear on the page for you to further customize & update!

To view all existing section templates on your landing page and a hierarchal list of your page elements, navigate to the Content tab in Smart Builder . 

Customizing, Repositioning, or Deleting a Section Template

Once you’ve added a new section, you can edit its properties:

  1. Click on the section you’d like to update.
  2. Icons will appear at the bottom of the section to edit the section properties:
    section-formatting-options

Change Layout

Update the template of a current section by clicking the Change Layout icon. A window will appear at the bottom of the page, with different section templates to flip through:

Change layout option in Smart Builder.

Update Section Padding

Section Padding allows you to add extra space, or padding, inside your section. Here is an example:
add-section-padding

Section Styles

Click the pen icon to edit a section's Styles, such as adding a background color or image to that section only.
background-formatting-options-for-section

More (Move a Section Up or Down)

Click the ellipsis to see More formatting options to move sections up or down.
more-section-formatting-options

To edit written copy or content within your sections, check out our documentation on editing text in Smart Builder.

Delete a Section

Click the trashcan to Delete a section from your page. Delete a section from your page in Smart Builder

Grid Positioning

No more guessing if your page elements are equal distance from one another. Use the grid positioning feature to align your page content in a more structured way, by snapping items to the grid:

  1. Click an element within your page section to highlight it.
  2. Use the drag icons (box icons on either side of the element) to reposition the element:
    smart-builder-grid
  3. Snap the elements to the grid as you resize it.

Remember to Save & Publish your page to finalize these changes.

Related Articles

Editing Text in Smart Builder

Editing the Mobile Version of your Page in Smart Builder


Do you agree or disagree with this statement: This article helped me find the information I needed quickly and easily.

Select an option and leave us some feedback in the comments:

Strongly DisagreeDisagreeSomewhat DisagreeUndecidedSomewhat AgreeAgreeStrongly Agree

Measuring Customer Effort Score with Nicereply