# How to create a Joomla contact form Using Joomla and want to add a contact form to your web project? The **integrated form function** is a good start. For more extensive or complex forms, you can choose from a range of plugins. So how exactly do you create and add a Joomla form? And what information should be included? ## Quick guide to add a Joomla contact form The quickest way to add a [Joomla](https://www.ionos.com/digitalguide/hosting/cms/joomla-the-basics-about-this-open-source-cms/) contact form to your website is via the backend **Contact** menu: 1. Open “**Components**” from the left side menu. 2. Click on “**Contacts**” and the sub-menu also called “**Contacts**”. 3. Select “**New**” or “**Create first contact**”. 4. Enter the name of your contact form (e.g. “Contact”) and a correspondence email address. 5. Save the contact for the Joomla contact form via the same-named button. 6. Launch “**Menus**” from the left-hand menu. 7. Select “**Manage**”. 8. Click on “**New**” and create a new entry with the title “**Contact form**”. For “Menu type” enter “**Single contact**”. 9. Save your entry. --- ### Tip Still looking for a solution to get started with your **web project using Joomla as a content management system**? Get [Joomla hosting](https://www.ionos.com/hosting/joomla-hosting "Joomla hosting from IONOS") from IONOS today and install the open-source platform in a single click. --- ## Step-by-step tutorial to add Joomla contact form without plugin Joomla provides a contact form **by default**. You can access the feature via the backend of the content management system to create a simple Joomla form. The individual steps are summarized below. ### Step 1: Create a contact The first step in creating a Joomla contact form using the integrated function is a **contact profile**. Here you’ll define a corresponding email address to send all contact requests to. Once you’ve registered in the backend, call up “**Components**” from the side menu and select “**Contacts**” and the sub-menu of the same name. Click “**New**” or “**Create first contact**” if you haven’t added yours yet. [![Image: Joomla backend: “Contact” menu](https://www.ionos.com/digitalguide/fileadmin/_processed_/b/4/csm_joomla-backend-contact-menu_a046c93809.webp "Joomla backend: “Contact” menu")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/joomla-backend-contact-menu.jpg) Joomla backend: “Contact” menu. There are two fields to fill in for the contact. Enter a “**Name**” for the contact such as “Contact”. In the “**Email**” field enter the correspondence email address for the Joomla contact form. Finally, click “**Save**”. [![Image: Create contact profile in Joomla backend](https://www.ionos.com/digitalguide/fileadmin/_processed_/5/6/csm_create-contact-profile-in-joomla-backend_ba55b5fa78.webp "Create contact profile in Joomla backend")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/create-contact-profile-in-joomla-backend.jpg) Create contact profile in Joomla backend. In the listing of the “Contacts” menu you should now be able to see and edit the profile any time. [![Image: Contact in Joomla backend](https://www.ionos.com/digitalguide/fileadmin/_processed_/2/5/csm_contact-in-joomla-backend_afc1f167f3.webp "Contact in Joomla backend")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/contact-in-joomla-backend.jpg) Contact in Joomla backend. ### Step 2: Create a Joomla contact form Next, create a Joomla contact form and connect it to your contact profile. Launch the “**Menu**” to the left of the backend menu and select “**Manage**”. Click “**New**”. [![Image: Manage menus in the Joomla backend](https://www.ionos.com/digitalguide/fileadmin/_processed_/6/c/csm_manage-menus-in-the-joomla-backend_de0314855d.webp "Manage menus in the Joomla backend")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/manage-menus-in-the-joomla-backend.jpg) Manage menus in the Joomla backend. Enter a “Title” for your “Contact form”. In “Menu Details” enter “Single contact”. Save the changes. [![Image: Create new menu in Joomla](https://www.ionos.com/digitalguide/fileadmin/_processed_/d/f/csm_create-new-menu-in-joomla_7f36495e1c.webp "Create new menu in Joomla")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/create-new-menu-in-joomla.jpg) Joomla: Create new menu in Joomla. To the left, you should now see the menu item “**Contact form**”. Open it by clicking the **plus sign** (“Add site menu item”) ### Step 3: Embed form You can now link the created form to a module or a menu to add it to your project. From the main navigation, insert it as follows: 1. Open “**Menus**” from the left-hand menu. 2. Click “**Main Menu**”. 3. Enter “**Contact form**” for the title field. 4. From the “**Menu Item Type**” select the option “**Contact**” (in “Select Contact”). Select the contact to link the form to the desired email address. 5. Hit “**Save**”. [![Image: Create a Joomla contact form in the backend](https://www.ionos.com/digitalguide/fileadmin/_processed_/b/e/csm_create-a-joomla-contact-form-in-the-backend_3c87bb7c9a.webp "Create a Joomla contact form in the backend")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/create-a-joomla-contact-form-in-the-backend.jpg) Create a Joomla contact form in the backend. As a test, you can fill in the details afterwards and submit the form to check how it works. ## Create a Joomla contact form using a plugin If Joomla’s native features aren’t enough to satisfy the needs of your project, you can use a [Joomla extension](https://www.ionos.com/digitalguide/hosting/cms/joomla-extensions/). Just be sure that the selected extension matches your Joomla version and is actively maintained. Here’s an example of how to set up a Joomla contact form using the extension [visforms](https://www.vi-solutions.de/en/joomla-form-extension-visforms "Website of the Joomla contact form plugin"). --- ### Note The basic version of visforms is available for free. A subscription gives you access to additional features such as bootstrap and Ulkit layouts. --- ### Step 1: Install Joomla contact form plugin First you need to install the extension. As with [Joomla templates](https://www.ionos.com/digitalguide/hosting/cms/best-free-joomla-templates/ "Best free Joomla Templates") you can do this via the backend: 1. Register in the Joomla backend. 2. Click on “**System**” in the side panel. 3. Select “**Extensions**” under “Install”. 4. If you’ve already downloaded a plugin, select its installation package. Otherwise, proceed to step 5. 5. Click “**Install from Web**”. 6. Use the search function to find the desired extension. 7. Select the desired extension and click “**Install**”. [![Image: Joomla backend: Install visforms from web](https://www.ionos.com/digitalguide/fileadmin/_processed_/a/d/csm_joomla-backend-install-visforms-from-web_541ae69eee.webp "Joomla backend: Install visforms from web")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/joomla-backend-install-visforms-from-web.jpg) Joomla backend: Install visforms from web. ### Step 2: Create a Joomla contact form Once you’ve installed the Joomla form extension, it will pop up under “**Components**” to the left. You can use the menu to create your Joomla contact form. For visforms, click the button of the same name and then “**Form Factory**”. Now specify a **form title** which will be displayed on your website. Define the database name of the Joomla contact form in “**Form name**”. [![Image: visforms: Add title and name of Joomla contact form](https://www.ionos.com/digitalguide/fileadmin/_processed_/d/7/csm_visforms-add-title-and-name-of-joomla-contact-form_0db02d94db.webp "visforms: Add title and name of Joomla contact form")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/visforms-add-title-and-name-of-joomla-contact-form.jpg) visforms: Add title and name of Joomla contact form. Now create the Joomla form by choosing a template to customize. You can also design all fields, names and labels individually. Once you’ve made your selection, press “**Create Form and Fields**”. [![Image: Create Joomla contact form using visforms](https://www.ionos.com/digitalguide/fileadmin/_processed_/f/5/csm_create-joomla-contact-form-using-visforms_80ec3927dc.webp "Create Joomla contact form using visforms")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/create-joomla-contact-form-using-visforms.jpg) Create Joomla contact form using visforms. --- ### Tip Working on your Joomla project and still looking for the perfect web address? [Register your domain today](https://www.ionos.com/domains/domain-names "Register domain with IONOS") with IONOS and benefit from SSL/TLS certification and your own email address. --- ### Step 3: Add contact form You can link visforms to a module or to a menu to add them to your web page. Follow the steps below to add your contact form to the main menu navigation, for example: 1. Access “**Menus**” on the left. 2. Click on the sub-menu “**Main Menu**”. 3. Click “**New**”. 4. Select a strong title. 5. Enter “**Visforms**” -> “**Formular**” as menu type. 6. Select the Joomla contact form you created earlier. 7. Hit “**Save**” and publish the form. [![Image: Joomla contact form created using visforms](https://www.ionos.com/digitalguide/fileadmin/_processed_/0/2/csm_joomla-contact-form-created-using-visforms_37489077e3.webp "Joomla contact form created using visforms")](https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots_2022/joomla-contact-form-created-using-visforms.jpg) Joomla contact form created using visforms. ## What should be added to a Joomla contact form? Knowing which fields to add to a contact form can be a bit of a challenge. You’ll want to collect your visitors’ contact details and achieve conversions using the form. A rule of thumb is to **only ask for the information you actually need**. The less information users need to provide, the higher the potential for conversion. In most cases, three entry fields suffice: - Name - Email - Message This information is a good basis as you can collect your visitor’s email address and then **address them by their name** when sending a reply. If desired, you can make these fields **mandatory** and other sections **optional**. This way you can collect other details without turning users away because of too many fields to fill. --- ### Tip Want to bring your Joomla website up to legal standard? Find out how to educate your visitors about the use of cookies using [Joomla cookie notice plugins](https://www.ionos.com/digitalguide/hosting/cms/joomla-cookie-consent-plugins/) in our Digital Guide. --- This is a markdown version of: [https://www.ionos.com/digitalguide/hosting/cms/joomla-contact-form/](https://www.ionos.com/digitalguide/hosting/cms/joomla-contact-form/) for AI/LLM consumption.