Layout Builder Template Library

What is the Layout Builder Template Library?

The Layout Builder Library is a repository of platform supplied pre-created layouts as well as your custom sections or Layout Builder pages that you create. It preserves "snapshots" you take while in Layout mode of your Sections or Page layouts. 

 

Import a Section or Template into a Layout

Several Sections have already been pre-created by the SiteFarm and Strategic Communications teams to start you off with pleasing and proportional layouts to get you started. This is probably the easiest way to begin your exploration of using Layout Builder and it's very straightforward.

  1. First, Layout Builder works best if you consider, at a minimum, disabling the Sidebars if you want to achieve a full-width, edge-to-edge effect. Use the steps in the Regions Override to turn off the Sidebar regions.
  2. To import from your Layout Builder Template Library, go to the page where you want to include the page or section and click its Layout tab.
  3. Decide where in the page layout you want to insert your section or page and click the corresponding Import from Library button.
  4. The Template Library tray will slide out from the right side of the screen. Click on the entry you want to add.
  5. The page will update and display the import, complete with whatever images and text were included in the original.
  6. Once in place, you can edit the added section as needed. At this point, for ease of identification of a Section, consider updating the Section's administrative name if you find it helpful.
Current List of Available SiteFarm Templates:

 

A listing of our current pre-created templates and sections for use in Layout Builder
Thumbnail Description Type
A screenshot example of a template section containing three pre-created Tile Link blocks.
3 Tile Links Section Section
A new default homepage layout
Default Sitefarm Landing Template
Preview of the full homepage with Tile Link blocks
Landing page with Tile Links Template
Homepage template using priority link blocks in an overlay
Homepage With Priority Links Template
Preview of text section with an aside
Text Section With Aside Section
Stacked alignable promo section
Stacked Alignable Promos Section Section
Alignable promo block intro section
Alignable Promo Intro Section Section
5 icon priority link block menu section
5 Icon Priority Links Menu Section
Four Tile Links with no gaps stretching from one edge of your browser to the other provided sidebars are not enabled in Regions Override.
4 Tile Links Edge-to-Edge Section Section
Three Marketing Highlight blocks with a solid background color making a full section.
3 Marketing Highlight Section With Bckgrnd Color Section
Two Marketing Highlight - Horizontal blocks using the overlay text style section
2 Horizontal Marketing Highlight Section Section

All available templates can be viewed from your Layout Builder Template Library:

  1. Navigate to Shortcuts » All content.
  2. From the sub tabs under the title "Content" look to the far right for "Layout Builder Library" and click the link.
  3. A dashboard will load showing you each entry's Image, Label, Type, Creation and Changed dates, and Author. This is the easiest view to see and click on the associated images, and these options are available from within your page when importing a desired template.

How to save your creations to your site's Template Library

  1. While in Layout mode, decide if you want to add a Section or add a Page.
  2. For a Section, locate it on the page and click its Add to Library link.
    Location of the Save to Library for a layout builder section

     

  3. For a Page, scroll down to the bottom of the page and click on the vertical three dot icon and, once the menu slides out, click Add to library.
    Location for saving a page layout builder to the template library from the service tray.

     

  4. A side tray will slide out from the right side of your screen and offer two fields:
    • Label - Required. Provide a brief title to identify the section or page in your Template Library
    • Image - Optional. Upload an image to represent your section or page for easy identification. We recommend using a screenshot of the layout to represent your Section or Template; Layout Builder, in this context, won't interact with the Media Library because the image used in this spot is intended for a single, one-time use. Prep your image locally and use it for your upload when ready.
      Add Section to Library
      Add Template to Library

       

       

       

  5. Whichever type you select, click the Add Section/Template button to finish.

 

 

Review and Maintain your Template Library

 You can access your full Template Library from the Content screen:

  1. Navigate to Shortcuts » Content.
  2. Click the Layout Builder Library tab from the tab menu located beneath the Content page title.
  3. The Library dashboard will list the following fields:
    • ID - element's identification code
    • Image - optional image uploaded by the user when the template was created
    • Label - text description provided by the user when the template was created
    • Type - Section or Template
    • Source Content - Which page was used to generate the template
    • Created - Date created
    • Changed - Last updated date
    • Authored by - User who created the template
    • Operations links - Edit, Clone, Delete
  4. The dashboard allows you to search by Label and by Type.
Layout Builder Template Library dashboard