Contact Forms

Make sure to install and activate the plugin Contact Form 7, without the plugin you won't be able to create contact forms.

Shortcodes

The contact forms are created on the WordPress dashboard menu item called Contact, you can configure them and use them later via the Elementor element shortcode. An example of use.

Shortcodes for Black

[contact-form-7 id="your id" html_class="c-form" title="Contact Form"]

Shortcode for White

[contact-form-7 id="your id" html_class="c-form-white" title="Contact Form"]

Information: Make sure you have html_classinto shortcode.

Shortcode for Freelancer Home Page

[contact-form-7 id="your id" html_class="c-form c-form--small
 c-form--no-gap c-form--transparent"  title="Contact form Freelancer"]

Forms

We created three kind of Contact Forms Classic Ctyle, Creative Style or Freelancer Form You can choose which you want to set on you page by setting the code below into your forms:

Classic Style

<label>First Name (required)
    [text* your-name] </label>

<label>Last Name (required)
    [email* your-email] </label>

<label>Email (required)
    [text* your-subject] </label>

<label>Message (required)
    [textarea* your-message] </label>

[submit class:c-button class:c-button--left "Send Message"]

Creative Style

<label>[text* your-name placeholder "Name (required)"]</label>

<label>[email* your-email placeholder "E-mail (required)"]</label>

<label>[text* your-subject placeholder "Subject (required)"]</label>

<label>[textarea* your-message placeholder "Message (required)"]</label>

[submit class:c-button class:c-button--left "Send Message"]

Freelancer Form

Information: This form is created for Freelancer Home Page. But you can use anywhere you want.

<label>[text* your-name placeholder "Name*"]</label>

<label>[email* your-email placeholder "Email*"]</label>

<label>[textarea your-message 10x5 placeholder "Message"]</label>

[submit class:c-button class:c-button--full "Send"]