How to Create Custom Forms in Moodle Using Edwiser Forms

How to Create Custom Forms in Moodle Using Edwiser Forms

Forms are the ultimate necessity for lead generation, query resolution, and customer retention on any website. On your e-learning website especially, forms can be a great tool to help visitors connect with you better. A form can be a communication portal to help capture pre-enrollment inquiries, student support, or to collect a user’s contact information, and improve the overall user experience.

Building Forms in Moodle

Out of the box, Moodle does not have a web form builder. You need to have some knowledge of HTML to create forms on your Moodle website. This makes things difficult and inconvenient if you don’t have any background in coding. 

But not having forms isn’t an option. Your e-learning website might offer great content or courses. Yet, some of it may be rendered useless if students aren’t able to connect or interact with you to move ahead. 

However, there is one web form extension that overcomes these shortfalls, to bring to you a comprehensive form builder solution.

Edwiser Forms –  a Drag & Drop Form Builder for Moodle

Edwiser Forms plugin takes charge of all the powerful web form building needs. You do not need to meddle with HTML. Edwiser Forms Plugin allows for code-free form customization which even a non-developer could very well do. It is a multipurpose form builder with a spambot filter for your Moodle website.

Let’s explore the other features of the plugin:

#1. Conditional Logic Edwiser Forms can be used to create simple as well as complex forms. The smart conditional logic feature helps you create dynamic forms. In a nutshell, the form fields will change in response to different types of user queries. This way, multiple possibilities can be explored in a single form.

 #2. Multi-Page Forms A long, never-ending form with indefinite scrolling can be annoying. You can build neat forms with multiple pages without compromising on their content.

 #3. Mobile Responsive Layout This allows for seamless access to all form types across a variety of devices. 

#4. Easy to Embed There are absolutely no placement constraints when it comes to adding your forms on the website. You are free to add your web forms wherever you want across your website. Go ahead and experiment to see what works best for you.

 #5. Spam Protection Edwiser Forms Plugin is well equipped to tackle spambots. All your entries are guaranteed to be authentic.

#6. 20+ Ready-to-Use Form Fields You will be saving a lot of time when you have access to more than 20 readymade form fields with drag and drop functionality. Standard fields, advanced fields, and HTML elements could be easily added in a jiffy. 

#7. Readymade Form Templates Another time-saving hack! You could use the pre-existing form templates to create different types of forms aligning with your requirements. Edwiser Forms Plugin offers pre-made templates such as simple contact form, feedback form, support form and more.

Check out the rest of the features here, if you haven’t yet.

Here’s a quick guide to show you how to create custom forms in Moodle.

The documentation will help you with the installation of Edwiser Forms to get started, after which you can execute the below steps:

Steps to build Forms in Moodle using Edwiser Forms

#1. Login to Moodle

Edwiser 36 Administration Search SS1

Log into your Moodle website and click on Site Administration on the left-hand side

#2. Add New Form

Edwiser 36 Administration Search SS2

Once in Site administration, go to >> Plugins tab and scroll down to Edwiser Forms Free. Click on Add new form, which is the first option.

#3. Choose the Right Template

Add New Form SS4

A collection of templates will be displayed for you to pick one from. The View All Forms at the top right corner gives you access to other available templates. The paid version allows you to unlock and explore more templates. Select the template of your choice according to your requirement.

#4. Populate the Fields as Required

Add New Form SS5

Say, for instance, you want to create a basic feedback form. Click on the Simple Feedback Form template from the list of readymade templates. It opens a Settings page where you will be required to populate the fields with the desired information.

  • Add a suitable and relevant title in the TITLE box for you and your users, to provide more clarity in terms of what the form does exactly.
  • Add a short description for your feedback form in the DESCRIPTION box. Tell them their feedback makes a sure-fire difference. It helps you come up with better things. Let your users know that their feedback could be utilized for making constant improvements. 
  • ALLOW DATA EDIT allows users to edit their submitted information.
  • FORM CONFIRMATION EMAIL MESSAGE displays an appropriate message post submission of data/feedback in this case.

Click on Build Form after filling up the above-mentioned fields.

Add New Form SS6

#5. Build Form

After clicking on Build Form, the feedback form with all the necessary fields is generated.

Add New Form ss7

Apart from the contact details, there are fields asking how your users feel about the course, the interface, whether or not they liked it, any improvements to be done and their ratings too. This way you have a holistic view of what your users think about you, for you to act upon.

#6. Preview Form and Save All Changes

Next, you can Preview your form and click on the Save Changes button at the top right corner after which you will be taken to a page where all your created forms will be listed.

Form Preview

Add New Form SS8

 

List of Created Forms

View All Forms SS9

Make sure you enable the form under the Manage tab. Click on it to enable, if it is disabled. You can even add new forms, if need be, using the Add New Form option. You can also edit created forms, enable or disable them and manage them the way you want, just in case. Convenient right?

#7. Embed the Form on the Target Page

Finally, it is time to incorporate this form into your webpage, in fact wherever you wish to place it on your Moodle website. Easy-Peasy, we promise!

Simply copy the shortcode on the desired page, as per your preference of form placement and there you have it, your own web form on the page of your choice, tailor-made to your business needs. Your task of getting to know your users/students is sorted.

View All Forms SS10

Further, you can click on Customize Page and after copy-pasting the shortcode, the form gets successfully embedded into your web page.

Dashboard SS12

It’s a Wrap, folks!

And that’s about it! You have a fully functional web form. Who knew form creation and set up in Moodle would be so hassle-free? Try our free version of Edwiser Forms Plugin and see for yourself.

 

1 thought on “How to Create Custom Forms in Moodle Using Edwiser Forms”

  1. Avatar of abdo-zal

    Thank our for this plugin
    please can you help me to find way to remove
    Click here to view form in new tab.
    from the bottom ofthe form

Leave a Comment

Your email address will not be published. Required fields are marked *