> 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/frontend-display-of-quick-contact-form.md).

# Frontend Display of Quick Contact Form

After configuring the required settings, a Quick Contact Button will be displayed in the frontend and will be accessible to customers on every website page and anywhere within each page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FU3HtHJYGu0UGSivNDUuX%2FFrontend%20Quick%20Contact%20Button.png?alt=media&amp;token=8ee01993-3ddf-4670-9e96-5a4ce0be0773" alt=""><figcaption></figcaption></figure>

Clicking on the quick contact button will open a Quick Contact Form. Customers can add details like name, email address, phone number, department selection, comment, and up to 5 files as attachments, then submit the form.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FSuQIM3jz1J1PnOeTZMNE%2FFrontend%20Quick%20Contact%20Form.png?alt=media&amp;token=740b8903-fb35-4ffc-93c4-4041be1035d6" alt=""><figcaption></figcaption></figure>

Once the customer successfully submits the query, they will be acknowledged with a thank-you message.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FS485w7D7znRCrPCkoJN0%2FThank%20you%20Message.png?alt=media&amp;token=e8697528-47c5-4ffa-bbe4-7ae87a62f862" alt=""><figcaption></figcaption></figure>