Contact Page Layout

The contact page of the CityLogic demo site was created with SiteOrigin’s free Page Builder plugin and the Contact Form 7 plugin. To achieve the same layout do the following:

  1. Install SiteOrigin’s free Page Builder plugin.
  2. Install the free Contact Form 7 plugin.
  3. Download the Page Builder layout file for this page which you will then be able to import.
  4. Edit your contact page and select the “Full Width, No bottom margin” page template from the “Template” dropdown located down the right hand side of the page.
  5. Click the “Page Builder” tab that is displayed on the right of the WYSIWYG editor. This will put the editor into Page Builder mode.
  6. Once the editor is in Page Builder mode click the “Layouts” button at the top of the editor. This will show you a popup, click the “Import / Export” link on the left and click the “Select Import File” button. Browse to the “citylogic-contact-us.json” file that you downloaded and double click the file. Then click the “Insert” button at the bottom of the popup. A small menu will appear, click “Replace Current” (this will replace all the current content in the editor) and then click once more to confirm.

Your contact page now has the same layout as the CityLogic demo contact page.