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...

11 Steps 1 min read Medium

Step-by-Step Guide

  1. 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
  2. Step 2: Install the zip file in Joomla back-end

  3. Step 3: In the back-end

  4. Step 4: go to Components -> JSN UniForm -> Forms.

  5. Step 5: Click button New-> Blank Form.

  6. Step 6: Choose the tab Form Design to setup your contact form.

  7. Step 7: Continue to choose the fields for your form.

  8. Step 8: In the tab Form Action

  9. Step 9: you choose the action you want to after the form submission.

  10. Step 10: When you finish your contact form

  11. 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

N

Nancy Reynolds

Enthusiastic about teaching lifestyle techniques through clear, step-by-step guides.

102 articles
View all articles

Rate This Guide

--
Loading...
5
0
4
0
3
0
2
0
1
0

How helpful was this guide? Click to rate: