Fusion Builder Custom Page Templates

07/12/2018

When saving your custom page layout as a template, it will not only save the content you have, but the settings you've set for the page as well. This ensures that your page layout is intact and identical when you load it into another page. We've also added options that give you maximum flexibility on how to load the page template into a new or existing page. Please continue reading below to learn more about the Fusion Builder's custom page templates.

Saving Custom Page Templates

When you save a page layout as a custom page template, it will also save the settings of the page itself along with the page content. These are the settings that are saved:

  • Entire Page Content - All Containers, Columns and Fusion Builder Elements currently on the page.
  • Page Template - The page's current 'Template' setting in the Page Attributes box.
  • Custom CSS - All custom CSS set on the page via the Custom CSS icon on the Fusion Builder.
  • Fusion Page Options - All your settings in the Fusion Page Options panel.

How To Save Custom Page Templates

Step 1 - In the 'Pages' tab of your WordPress admin sidebar, click to create a page or choose an existing one. Enable the Fusion Builder by clicking the 'Use Fusion Builder' button on top of the page.

Step 2 - On the Fusion Builder's main toolbar, you'll find the 'Save Page Layout' icon. Clicking this icon will bring up the Library window.

Step 3 - Enter a name for your page template in the text box provided and then click the 'Save Template' button. Once saved, your custom page template saved in the library.

Step 4 - Close the Library window.

Fusion Builder Save Custom Page Template

Loading Custom Page Templates

When loading a custom page template into a new or existing page, you'll be presented with three options; Replace All Page Content, Insert Above Current Content, or Insert Below Current Content. Selecting Insert Above Current Content or Insert Below Current Content does not import the Fusion Page Options to prevent overwriting your current settings.

Replace All Page Content - Loads everything the custom template includes such as the entire page content, page template, custom CSS and Fusion Page Options. Please note that selecting this option will overwrite everything currently on the page, such as Custom CSS and the Page Template setting.

Insert Above Current Content - Loads the entire page content directly above your existing content. This setting appends any Custom CSS above existing code, and overwrites the Page Template setting. This setting does not load the Fusion Page Options and will not overwrite your current Fusion Page Options settings.

Insert Below Current Content - Loads the entire page content directly below your existing content. This setting appends any Custom CSS below existing code, and overwrites the Page Template setting. This setting does not load the Fusion Page Options and will not overwrite your current Fusion Page Options settings.

Fusion Builder Load Template

How To Load Saved Custom Page Templates

Step 1 - With the Fusion Builder enabled, click the ‘Library’ tab. This will open the Library window.

Step 2 - On the 'Templates' tab, you’ll see a list of your saved custom page templates. Decide on what page template you want to load.

Step 3 - When you hover over the 'Load' button you will see a 'How To Load Template?' tooltip; Choose how to load the template (Replace All Page Content, Insert Above Current Content, or Insert Below Current Content).

Step 4 - Close the Library window.

Fusion Builder Load Saved Template