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"]:

4. Copy the shortcode.
5. Go to your WordPress Dashboard > Widgets, and under the Available Widgets expand the Custom HTML widget by clicking on it.
6. Choose a widget area where you want to show your contact form, e.g. the Footer 1 and click it on Add Widget.
7. The Custom HTML widget will be added to the Footer 1 widget area, and you'll see it already expanded.
8. 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:

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

Hope this will help