Adding a Contact Form 7 in the Hueman theme widget areas

Here's the best way to add a  Contact Form 7 form in the Hueman theme widget areas and make it display nicely:

  1. We assume you've already created a contact form with the Contact Form 7 plugin.
  2. From your WordPress Dashboard > Contact > Contact Forms, Open the editor page for the contact form you want to add.
  3. Each contact form has its own shortcode, that will look like [contact-form-7 id="1940" title="Contact form 1"]:

Contact Form 7 shortcode

  1. Copy the shortcode.
  2. Go to your WordPress Dashboard > Widgets, and under the Available Widgets expand the Custom HTML widget by clicking on it.
  3. Choose a widget area where you want to show your contact form, e.g. the Footer 1 and click it on Add Widget.
  4. The Custom HTML widget will be added to the Footer 1 widget area, and you'll see it already expanded.
  5. In the Custom HTML widget Content field, do the following to wrap the shortcode you copied before in a proper div element: write <div class="themeform">, then paste the shortcode you copied before, then write </div>, to close the previously opened div element:

CF7 widget

  1. Click on the Save button.
  2. Done, here's how it will look in your footer:

CF7 widget - Hueman

Hope this will help   🙂