How to Create a Contact Form in Joomla! with JSN Uniform
Download JSN UniForm from any credible source.,Install the zip file in Joomla back-end , In the back-end, go to Components -> JSN UniForm -> Forms. , Click button New-> Blank Form., Choose the tab Form Design to setup your contact form., Continue to...
Step-by-Step Guide
-
Step 1: Download JSN UniForm from any credible source.
Input the title and the description of the form.
You can use Captcha to prevent spammers or not. , You can choose to present your form in single page or multiple pages.
In this article I will build a single-page form with vertical layout.
Click add field to choose the suitable field.
Here I choose field Name. , A normal contact form often has below fields:
Name, Address, Email, Websites, File Upload and Message.
For message field, you can choose Paragraph text and change the title to Message field. , You can choose one of below actions:
No Action Redirect to URL Redirect to menu item Show article Show Custom message , You can show the contact form via menu item, In module position or Inside article -
Step 2: Install the zip file in Joomla back-end
-
Step 3: In the back-end
-
Step 4: go to Components -> JSN UniForm -> Forms.
-
Step 5: Click button New-> Blank Form.
-
Step 6: Choose the tab Form Design to setup your contact form.
-
Step 7: Continue to choose the fields for your form.
-
Step 8: In the tab Form Action
-
Step 9: you choose the action you want to after the form submission.
-
Step 10: When you finish your contact form
-
Step 11: click Save & Show button.
Detailed Guide
Input the title and the description of the form.
You can use Captcha to prevent spammers or not. , You can choose to present your form in single page or multiple pages.
In this article I will build a single-page form with vertical layout.
Click add field to choose the suitable field.
Here I choose field Name. , A normal contact form often has below fields:
Name, Address, Email, Websites, File Upload and Message.
For message field, you can choose Paragraph text and change the title to Message field. , You can choose one of below actions:
No Action Redirect to URL Redirect to menu item Show article Show Custom message , You can show the contact form via menu item, In module position or Inside article
About the Author
Nancy Reynolds
Enthusiastic about teaching lifestyle techniques through clear, step-by-step guides.
Rate This Guide
How helpful was this guide? Click to rate: