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

# Setup Contact Page

**How to Set Up the Contact Page**

1. **Create a New Account on Formspree**
   * Visit [Formspree](https://formspree.io/) and create a new account.

     <figure><img src="https://3544205785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsxsVIBoPMDT76ATKbkDl%2Fuploads%2FzXt16sM4uoCpPqYWQhBH%2FScreenshot%202024-12-03%20at%2010.57.29%E2%80%AFPM.png?alt=media&amp;token=94165c9c-0d4d-4aab-9a02-a429f1a318c3" alt=""><figcaption></figcaption></figure>

2. **Create a New Form**
   * After logging in, create a new form.

     <figure><img src="https://3544205785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsxsVIBoPMDT76ATKbkDl%2Fuploads%2FG2caX8z55zR4JqrEcQc1%2FGroup%201327.png?alt=media&amp;token=c63796c2-8a03-4178-9b63-9564c1dab3cf" alt=""><figcaption></figcaption></figure>

3. **Enter Your Form Title**
   * Provide a title for your form (e.g., "Contact Us").

     <figure><img src="https://3544205785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsxsVIBoPMDT76ATKbkDl%2Fuploads%2FInabvVhRiiK0ATkTJ98v%2FGroup%201326.png?alt=media&amp;token=3e211843-c28a-400a-aeea-fe4c5946730f" alt=""><figcaption></figcaption></figure>

4. **Update the Contact Page ID**

   * Go to your contact page in your blog and look for the **xxxxxx** placeholder.
   * Replace **xxxxxx** with the form ID you received from Formspree.\
     Example: `https://formspree.io/f/xxxxxx`<br>

     <figure><img src="https://3544205785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsxsVIBoPMDT76ATKbkDl%2Fuploads%2FJC5JOmf0OXfoY6n8v54v%2Fsa.png?alt=media&amp;token=791ae34a-b2c2-4ecb-bcea-dabd490d8cfd" alt=""><figcaption></figcaption></figure>

5. **Update the reCAPTCHA Key**

   To protect your form from spam, update the **Google reCAPTCHA key**.

   * [Click here to generate your reCAPTCHA key.](https://www.google.com/recaptcha/about/)
   * Replace the placeholder key in your form settings with the newly generated one.<br>

     <figure><img src="https://3544205785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsxsVIBoPMDT76ATKbkDl%2Fuploads%2FtAayQka55gydHgjJy7ks%2FScreenshot%202024-12-17%20at%209.25.10%E2%80%AFPM.png?alt=media&amp;token=c21b4391-2761-4574-a9af-1e97311d75c0" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Note:** Ensure you import all the associated pages and tools from the template files to enable the custom contact page to appear correctly. Once imported, edit the contact page and replace the **xxxxxx** with the Formspree ID you generated.
{% endhint %}

This guide ensures the process is clear and professional for setting up the contact page.
