Magnolia - Contact Page

Using the contact page

If you imported the demo content, the contact page is already set up for you! Go to the Pages tab in your dashboard and open the Contact page to fill in your own text and image.

Setting up the contact page

If you didn't import the demo content, here's how to set up the contact page in the Gutenberg editor:

  1. Make sure the Ninja Forms plugin is installed and activated.
  2. Go to Pages > Add New. Give your page a name, like Contact.
  3. In the top left corner, click the blue plus icon (+) to add a block. Search Columns and add the block.
  4. Inside the right column, click the blue plus icon. Add a Ninja Forms block and select the contact form.
  5. Inside the left column, click the blue plus icon. Add a Heading block add your text (in the demo, "Contact Magnolia").
  6. If you'd like to add the email and phone number box, add a Custom HTML block and paste this bit of code.
  7. Add a Text block and fill in your text.
  8. Add an Image block and select your image.
  9. You're all done! Click Publish or Update to save.