> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-quick-contact-form-extension/configuration.md).

# Configuration

Once the extension is installed successfully, go to **Stores > Configuration > MageComp > Quick Contact** to configure the extension for use.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FLYeYw42FGBByzaaUnMFi%2FConfiguration.png?alt=media&amp;token=13aaf0a1-91a5-42c3-9945-f56ff2729fc9" alt=""><figcaption></figcaption></figure>

* **Quick Contact:** Enable the extension from here.

#### Quick Contact Button Settings

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FkBMeo8pvQ6069FwXNGR8%2FQuick%20Contact%20Button%20Settings.png?alt=media&amp;token=d234a806-c1fa-42b3-9fc5-fba7dcfa79fa" alt=""><figcaption></figcaption></figure>

* **Button Position:** Set the position of the quick contact button - left, right, or center.
* **Button Style:** Choose the display style for the quick contact button: Icon, Text, or Icon+Text.
* **Button Text:** Set custom text for the quick contact button.
* **Upload Icon:** Upload a custom icon for the quick contact button.

#### Popup Settings

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F4VcxI87789L83CA9VdSf%2FPopup%20Settings.png?alt=media&amp;token=84557612-bacd-4870-bafa-e2332db722b0" alt=""><figcaption></figcaption></figure>

* **Title:** Set the title of the quick contact popup.
* **Text Color:** Set the text color of the quick contact form.
* **Gradient Color 1 & 2:** Set gradient colors for the quick contact popup to match your storefront branding.
* **Phone Number Field:** Show or hide the phone number field in the contact form.
* **Department Field:** Enable the department field to allow customers to select a department before submitting inquiries.
* **GDPR:** Enable it to display the GDPR consent checkbox in the contact form.
* **GDPR Text:** Set the custom text for the GDPR consent.
* **GDPR Link:** Set the redirect link for the GDPR consent.
* **CTA Button Text:** Set the submit button text for the quick contact form.

#### reCAPTCHA Settings

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FAo5jds4Z3dstQGJfkYPx%2FreCAPTCHA%20Settings.png?alt=media&amp;token=42ff3771-8841-48e3-9e4f-ede77eb89d25" alt=""><figcaption></figcaption></figure>

* **reCAPTCHA:** Option to enable or disable Google reCAPTCHA for the quick contact form.
* **reCAPTCHA Type:** Select the reCAPTCHA type from here.
* **Site Key:** Enter the site key you got while registering for Google reCAPTCHA.
* **Secret Key:** Enter the secret key you got while registering for Google reCAPTCHA.

#### Admin Settings

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FhdDcrlxVFw89Azn0MF3i%2FAdmin%20Settings.png?alt=media&amp;token=1499db20-fe89-4c83-b61d-15e573ae7b17" alt=""><figcaption></figcaption></figure>

* **Email ID of Admin:** Enter the Email ID of the admin who wants to receive customer query notifications.
* **Email Template:** Select an email template from the predefined available templates for the contact inquiry. You can even create your custom email template.
* **Email Sender:** Select the sender of the Email for the contact inquiry.
* **Email Subject:** Mention your custom subject title for the Quick contact email.
* **Inquiry Status:** Add multiple inquiry statuses.&#x20;
* **Default Inquiry Status:** Select the default inquiry status.

#### Auto-Responder Email

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FZndVHjWMNO7b4iaKU0SP%2FAuto-Responder%20Email.png?alt=media&amp;token=5f4063d7-106b-4229-9071-bdaebd27d4b3" alt=""><figcaption></figcaption></figure>

* **Auto-Responder:** Enable auto-response to customers.
* **Email Template:** Select an email template from the predefined available templates for an auto-response email.
* **Email Sender:** Select the sender of the auto-response Email.
* **Email Subject:** Mention your custom subject title for the auto-response Email.

#### Restrictions

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fg1E4vdekQJ9HBaDYkACc%2FRestrictions.png?alt=media&amp;token=d0864269-1152-44ca-af40-10b4f2d947a0" alt=""><figcaption></figcaption></figure>

* **CMS Pages:** Select CMS pages for which you want to restrict the display of the quick contact button.
* **Customer Groups:** Select customer groups for which you want to restrict the quick contact functionality.

#### Auto-Deletion Settings

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FRGDsO7yQt7Efi0eVE4KX%2FAuto-Deletion%20Settings.png?alt=media&amp;token=49167c8f-3a8d-417c-bb75-9883644250da" alt=""><figcaption></figcaption></figure>

* **Auto-Deletion:** Enable auto-deletion of contact inquiries.
* **Deletion Days:** Set the number of days after which customer inquiries will be deleted automatically.