Form Demo

00:03: Hi there and welcome to click forms.

00:05: For this tutorial, I will guide you through creating a basic contact form.

00:11: if you haven't yet created a form and click forms, then this is a great tutorial to start with

00:16: So, let's get started.

00:19: Once you have logged in, you will be taken to the dashboard.

00:22: click on the forms menu item to open the forms app.

00:27: once you are in the forms app, click on CREATE FORM

00:32: when you start a new form, you will be asked if you want to start from scratch with a blank form or if you would like to use a click forms template,

00:40: there are over 100 templates to choose from all created by our team. And these are often a great place to start.

00:48: For the sake of this tutorial. However, let's start with a blank template from scratch.

00:54: We are now in the form builder.

00:56: we'll start by giving our form a name, lets call it Contact Form.

01:01: to choose the question type, click on the right side of the field, and you can choose which type of question to ask.

01:08: we'll start with "first name"

01:10: Let's add the next question.

01:12: To display. The next question, click on the orange plus icon.

01:16: Adding a question using the orange plus icon, adds a question to the same page.

01:22: once again, choose QUESTION for your next field

01:26: and then once again, choose your question type

01:30: and choose "LAST NAME"

01:33: lets add another question

01:35: choose "QUESTION" type again

01:38: and now, we'll get their email address

01:42: In every field type, there are a number of advanced settings.

01:46: Often, the default settings work, just fine. But if you need to fine-tune things on any field, this is where you will find them.

01:54: Let's look at some of them.

01:56: tooltips are a GREAT way to give your users some additional help.

02:00: any text you type here will pop up, like this TEXT, when they hover over the round "I", in a question.

02:07: placeholder text is useful for showing an example of what needs to be entered.

02:12: for example, to show them they need to enter an email address in a certain way

02:18: Okay, let's create another section or page in our form questions in this section. Display only after the user has completed the previous section.

02:27: You create a new section by clicking on the blue plus icon.

02:32: choose a question type

02:34: lets add a phone number

02:37: lets add one more question

02:40: and, we will add a DATE field

02:43: Okay.

02:44: We've designed a basic contact form in two sections.

02:48: Now, let's create and save the form. Click on the create button to create and save the form.

02:55: You can now preview your form to see how it looks, by clicking on the preview button

03:00: to exit the form builder, click here

03:04: Click "Back to Dashboard" to finish creating and managing forms, and return to the main dashboard screen.

03:12: Well done, you have successfully created and configured a basic form in Click forms, including adding fields and customizing settings.

03:21: Click forms is a powerful form Builder and there are many ways to customize your forms, but hopefully now you have grasped the basics.

03:31: See you again soon for more tips and tricks.