๐Ÿ˜Feel The Love ๐Ÿ˜ Enjoy Up To 70% Discount on Quix PRO & Club Membership! Redeem Now

ThemeXpert Blog

How to Create a Joomla Contact Form with Joomla Form Builder

Create-a-Joomla-Form
Shifat Jaman


7 mins

Have you ever used a contact form? Of course, you are. It can be a google form, subscription form, or any website's contact page.

But, do you know how to create a form or a contact form?

If yes, then high five. If not, then this blog is for you.

In this blog post, I am going to show you how to create a Joomla Contact form with Joomla Form builder.

Let's see then. 

Multipurpose Use of a Joomla Contact Form

  • Contact us form: The most common use of a form. To maintain interaction with the customer, collect the customer information as well as make yourself reachable, there is nothing better than a contact form.
  • Support form: Support a must needed thing in any industry where the company mostly depends on its customer. With the support form, they can quickly get in touch with the customer. The customer can share their problem through the support form.
  • Subscription form: You often notice many online base commerce sites; also, software firms offer subscriptions for their customers or visitors. There the customer has to fill a form with the email address for further notification updates. That is a subscription form.
  • Application form: We all know about the google application form, right? It is a perfect example of an application form. There you can collect some selected information by providing some info giving field without any hassle.
  • Booking form: Booking form usually used for booking requests. Hotel booking, ticket booking, accommodation, and booking appointments are the most common use of a booking form. It is like the other categories but differs in the date and schedule field.

Option 1: Default Joomla Contact Form Component

Let's see how to create a form with the Default Joomla Form Component. It is available on every Joomla site and doesn't require you to install anything new. However, the lack of features and options for the Joomla default form element does not make it accessible compared to the existing form extension.

Create the Joomla Contact Formโ€‹

First, you need to login your Joomla administrator with username and password. Then go to Components -> Contacts.

On this page you will see a green New button to create a new contacts page. Click the green "New" button. Enter your name in the Name field and any other details you want on the contact form. At last click the "Save & Close" button when you've finished.

There you will get a different tab as an option to create the Joomla form like Miscellaneous information, display, form, and publishing. "Display" tab is to change the Display Format of your Joomla contact form, where the display format's plain option will give the best layout for your form.

Link the Contact Page Into Joomla Menuโ€‹

Now, we will move into the menu option to make sure that people can see the contact form. To do so, go to Menus -> Main Menu -> Add Menu Item.

Then set a "Menu Title" for your Joomla contact form, this is what people will see while browsing your site.

After that click "Contacts" and choose "Single Contact" from the drop down.

Now, we specify the exact Contact item by clicking the "Select" button next to "Select Contact". Then choose the form we've created before "My form".

That's all you have to do. Now, visit the front of your site and you'll see the Joomla form visual there. The complete Joomla Contact Form looks like below.

Option 2: Using Joomla Form Builderโ€‹

We use Quix Form Builder, the revolutionary and one of the best Joomla form element to create a form. This element will help you to build any type of form including contact form, registration form, questionnaire etc.

1
1

Let's see you how to create a contact form with Quix Joomla Form Builder.

After successful installation open a new page with Quix from the Joomla administration dashboard. A page will appear like below,

It will take you to the Quix page builder interface. Here, add a section and then click add new element.

Now, from the robust element list of Quix page builder search for the revolutionary Joomla form builder element. Quix form builder is a pro element for Quix; therefore, you have to migrate or upgrade your quix plan either.

Great Job! You are done with the basic process. It's time to create the form with Quix Joomla contact form builder.

After adding the form element a popup will appear showing three tabs - General, Styles ,& Advanced. These tabs will help you to modify the form in your way.

You can add new fields, change the color and font, change button settings and many more. 

Add multiple fields as per your need by clicking the red+ icon. Duplicate any field just in a click with the duplicate button. Also delete any unnecessary field by clicking the delete icon.

You can also apply some basic setting into the individual field like title, label, placeholder, required button and many more.

You can add an email option, submit button and also define action after submit.

Style the form, field, label even the button with the style tab option. Also apply advanced settings like border, background, box shadow, animation, custom css.

After completing your styling simply click the "Apply" button. That's it. This is the basic process to create a Joomla form using Quix Joomla form builder and the result is shown below. Now save your work and go to the page preview. You will be able to see your new form live on your site.

Some Lucrative Form Designsโ€‹ Build Using Quix Form Builder 

You know the process of how to create a form using Quix form builder. But do you know that the design output has no bound with Quix? You can design any type of form for any purpose of use.  Allow me to show some demos build upon Quix Joomla form builder. 

Contact form using some bold background colors with aa lot more details,

Contact form for a reataurent reservation with integrated calender and time schedule,

Email contact form for sending message,

Contact form with integrated social network site buttons underneath,

Contact form for a Doctor appointment, 

Contact form with integrated open street map inside, 

Contact form for food order confirmation,

Get Some Inspiration From Our Existing Template

The purpose of using a contact form can be enormous. Therefore, for the multipurpose site, the contact form should be relative as well as functional. If you need some extra motivation or inspiration, whether for your site contact form, then you can check our premium Joomla templates contact page. Also, you can use our pre-made form section from the massive collection of Quix form builder.

Let's see some of them.

If you want to make a contact form for your Kindergarten website then you can get motivation from Kindergarten Joomla Template

If you want to make a contact form for your Travel website then you can get motivation from Valley Joomla Template

If you want to make a contact form for your SAAS website then you can get motivation from Epsilon Joomla Template

If you want to make a contact form for your Agency website then you can get motivation from Agencio Joomla Template

If you want to make a contact form for your Business Portfolio website then you can get motivation from Startup Joomla Template

If you want to make a contact form for your Medical website then you can get motivation from Curex Joomla Template

If you want to make a contact form for your Gym website then you can get motivation from Fitness Joomla Template

If you want to make a contact form for your Event website then you can get motivation from Eventia Joomla Template

If you want to make a contact form for your University website then you can get motivation from Edumodo Joomla Template

Wrapping Up 

This is all for you guys. Hope the above content gives you a complete idea about how to create a form with Joomla page both. The choice is yours whether you want to create your form with default Joomla form component or Quix Joomla form builder. But my recommendation will be Quix Joomla Contact Form Builder, and you know the reason.

Announcing Quix 3.0
We Are Back From Our Annual Retreat 2020!

Build better website with ThemeXpert

Get access to all premium Joomla templates and
next generation page builder Quix.

Join our club
 

Comments (0)

There are no comments posted here yet

Leave your comments

  1. Posting comment as a guest. Sign up or login to your account.
Attachments (0 / 3)
Share Your Location