> For the complete documentation index, see [llms.txt](https://thembay-docs.gitbook.io/greenmart/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://thembay-docs.gitbook.io/greenmart/theme-configuration/contact-page.md).

# Contact Page

We use the Contact Form 7 plugin

### <mark style="color:purple;">**1. Create a Contact Form**</mark>

Use this plugin to make the contact form on the contact page. Navigate to **Contact - Contact Forms**, there is a form named **Contact Form 1**, if you want to create a new form, click on the **Add New** button.

Click on the form title to edit the form, copy this code, and paste it into the **Form** box:

{% hint style="info" %}

1. **Contact form  Code for demo WPBakery**
   {% endhint %}

```
<p><span class="fa fa-user"></span> [text* your-name placeholder "Name"] </p>
 
<p><span class="fa fa-envelope"></span>[email* your-email placeholder "Email"] </p>
 
<p><span class="fa fa-pencil"></span>[textarea your-message placeholder "Message"] </p>
 
<p style="text-align:right;"></span>[submit "Send"]</p>// Some code
```

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FIxoNR7TkKZYoBKyEIExt%2FScreenshot_11.png?alt=media&amp;token=ddb8581d-6f1f-4b40-aeec-f94517fd883f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
2\. **Contact form  Code for demo Elementor**
{% endhint %}

```
<div class="form-horizontal row">
    <div class="col-12">[text* text-59 placeholder "Name*"]</div>
    <div class="col-12">[email* email-191 placeholder "Email*"]</div>
    <div class="col-12">[text* text-590 placeholder "Subject"]</div>
    <div class="col-12">[textarea textarea-838 placeholder "Message*"]</div>
    <div class="col-12">[submit "Submit question"]</div>
</div>
```

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FwAz8QCta9kaVMm8fdmHj%2FScreenshot_12.png?alt=media&amp;token=df5849ef-62aa-4ad1-8375-b6dca94d32f2" alt=""><figcaption></figcaption></figure>

### <mark style="color:purple;">**2. Create a Contact Page**</mark>

{% hint style="info" %}

1. **Contact page for demo WPBakery**
   {% endhint %}

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FexXgg5X4TNEV3BnxZzrk%2FScreenshot_13.png?alt=media&amp;token=adf48b7e-4c5d-4271-b68f-2a3d6e3d64ba" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2F8kNUbb668M6uDz6c8YPJ%2FScreenshot_14.png?alt=media&amp;token=22059e16-3883-4f80-9e41-a1ce3a8bc2ef" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FJwcM1txjYdMDuDtSrFAA%2FScreenshot_19.png?alt=media&amp;token=1fd7faea-5c58-479d-b80c-b03b629aa530" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2Fl9yvjxTET0EiJBFW5OPf%2FScreenshot_16.png?alt=media&amp;token=5562b600-aff7-4dc4-ada3-02d68fa8cd45" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FiSJ8atlPAULsVkrdgZIr%2FScreenshot_17.png?alt=media&amp;token=f9033ce4-1b0d-478b-8276-dbe4d2790d5c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2Ftf7UbcwnZIYV8f3P81Rp%2FScreenshot_18.png?alt=media&amp;token=e51af7f5-bb94-48ac-8a5e-295d5c97f2f9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
2\. **Contact page for demo Elementor**
{% endhint %}

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FexXgg5X4TNEV3BnxZzrk%2FScreenshot_13.png?alt=media&amp;token=adf48b7e-4c5d-4271-b68f-2a3d6e3d64ba" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2Ffq2f01Y1drJivXYOtNun%2FScreenshot_20.png?alt=media&amp;token=6ece0a13-ed29-41af-9d70-166c5607987b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FT8Yb8dAYvhQb4C1NFfcO%2FScreenshot_21.png?alt=media&amp;token=c87fc504-d269-4139-af06-c397edf30c15" alt=""><figcaption></figcaption></figure>
