# The Solodev Contact provides a simple way to collect inquiries, feedback, and requests. Customize fields, manage submissions, and ensure every message reaches your team. - **Create and manage forms with ease** – Build and update forms quickly through an intuitive module. Add or remove fields as needed to capture the right information. - **Fully customizable fields and design** – Control how your form looks and functions. Match your brand’s style while tailoring inputs to fit your communication needs. - **Keep your audience connected** – Give users a direct line to your team. From support requests to general questions, make sure every interaction is seamless and reliable. ## Prerequisites - Have a [Solodev CMS](/quickstart). - Have a [Website](/websites/add-website/). !!!Note: We use Bootstrap 5 in our packages. You can update your code to match your own framework, styles, or preferences as needed. !!! ## Step-by-Step Setup Guide These steps will guide you through the process of installing the Contact Form Module and getting it live on your page. {% tabs %} {% tab title="Step 1: Install the Contact Form" %} 1. Navigate to Modules

In your CMS dashboard, click Modules in the left navigation menu
Click the Add Module button

2. [Add the module](/modules/add-module/)

Give your contact form a name
Select from the three options:
- Datatable: Creates a simple data table structure
- Module: Builds a custom module from scratch
- Package: Installs a pre-built module from a zip file
For the purpose of this tutorial, select Package: and use this zip file .
Click Submit.

{% endtab %} {% tab title="Step 2: Create your Contact Form" %} 1. Navigate to `Websites > example.com > web files > content`

Create a folder called contact
In the contact folder, create a new code file called contact.tpl

2. Add the contact code using the example template provided below. ```html contact.tpl

Contact Us

Provide support or capture leads from your website. Easily customize the fields and view all your submission details in the Contact module.

[form id=""]

Need more information?

Add more details about how your customers can engage with you about your products and services.

123-456-7890
email@email.com

``` !!!danger Important! You need to add the ID number of your contact datatable to the form shortcode within the `id=""` attribute. !!! 3. Click Publish. 4. Navigate to `Websites > example.com > www`

Create a folder called contact
In the contact folder, create a page called index.stml

5. [Insert your contact form file](/websites/page-overview/#add-a-file-to-page) into the page you just created. 6. Click Publish. 7. Go to your website and refresh the page to see your contact form in action. Contact Page

{% endtab %} {% endtabs %} ## Support Support for Contact form is handled directly through Solodev's global help desk. For more information regarding support queries, go to [www.solodev.com](https://www.solodev.com/). !!!Note: To learn more about shortcodes and how they work, visit our [shortcodes](/shortcodes) documentation. !!!