Eleanor - Custom Contact Page

Set up contact page

  1. Install and activate the Ninja Forms plugin.
  2. Skip this step if you imported the demo content. Go to Pages > Add New. Give your page a name. In the righthand column under Template, select "Contact." Click Publish.
  3. Go to Forms > All Forms. A basic contact form will have already be set up for you or you can create a new form.
  4. Copy the shortcode under “Shortcode.” It’ll look something like this: [ninja_form id=1]
  5. Go to Appearance > Widgets. Drag a Custom HTML widget into the Contact Page - Right widget area. Paste your shortcode in the text box. Save.
  6. In your Eleanor theme file, go to the Custom Codes folder and open the "contact-page" file. Copy all of the code inside.
  7. Go to Appearance > Widgets. Drag a Custom HTML widget into the Contact Page - Left widget area. Paste the code in the text box. Update the code with your own phone number / hours / any other information you wish to add. Customize it as much as you’d like!
  8. Once you’ve finished making changes, hit Save.