Layout Templates are flexible templates that can be used in Lead Liaison for globally styling web forms and landing pages or creating repeatable web page templates that mirror the entire look and feel of your company's website. The %%content%% placeholder should be inserted into your template. When the Layout Template is applied to a web form or landing page the form/landing page will be inserted into the contents of the Layout Template in place of the %%content%% placeholder. 

Creating Layout Templates

To create a Layout Template do the following:

Full Screen Mode: Click anywhere inside the editor and press F11 to view it in full screen mode. Press Esc to exit. 

Search: Place your cursor inside the code editor and click Ctrl + F (PC) to search code within the editor.

Make sure to include the %%content%% placeholder. Your landing page or web form will be inserted in place of this value in your Layout Template.

It's recommended to strip down your layout template to get rid of any excess HTML tags or JavaScript code that might reside in the original page. For example, a <base> tag might be in the template, which would change all page links, or JavaScript code, which might redirect a user or introduce adverse behavior.


Default System Style Sheet

You can view the default system Style Sheet here: https://app.leadliaison.com/CSS/magic-form.css. To remove all styling from your Layout Template uncheck the box as shown in the screenshot below. Note, unchecking the box will remove all styling on the %%content%%. For example, when a webform is inserted into the %%content%% placeholder all default system styling on the web form will be removed. 

Here's an example of a web form that was inserted into the %%content%% placeholder with the default system styling removed

Managing Layout Templates

To manage your Layout Templates do the following:

Applying Layout Templates

Layout Templates can be applied to your web forms or landing pages as follows:

Web Forms

Landing Pages