How to build a form with no-code and AI

Click "**New project**"

Click "**Create with AI ✨**"

By default the "**Form**" option is selected; leave this as is.\ \ Where you're asked to **enter a domain**, if you'd like to create a form for your own project, enter your preferred domain name.\ \ If you don't have your own project in mind for this lesson, feel free to follow along with this example where you'll create a feedback form for current students (like yourself) that are enrolled in 100DaysofAI.

Enter a description of the form you'd like to create. \ \ It helps to **provide a couple of examples of specific questions, question formats and topics you would like to feature in your form**. \ \ If you're following this example below, here's some text for you to copy:\ \ *Please create a feedback form for students that are currently enrolled in the 100DaysofAI challenge. A mandatory question should ask whether students are enjoying the course, scored using a 1 to 5 star rating. Other topics should include feedback about their favourite lessons, their ideas for improving the challenge and topics they have questions about.*\ \ Click "**Generate**"

You'll now see a preview of your form that's been fully generated by AI! ⚡\ \ Scroll through the "**Choose style**" and "**Questions per page**" customisation options to see how your form design changes, using the arrows highlighted below to scroll through the pages of your form.

Once you've found a style you like, click "**Use For Free**"

**Enter a Project Name** and then select the "**Answer-based Outcomes**" option. \ \ You're selecting this option because you're going to use conditional logic in one of your questions that will result in a different outcome depending on the user response. \ \ More on this later...

Click "**START EDITING**"

By default, you'll be shown the first page of your form. \ \ The rest of your form's pages will be accessible from the menu at the bottom of the page. \ \ If you're following along with this specific 100DaysofAI example, **don't worry if your form looks different to the one displayed below.**\ \ You're going to add a qualification question to the first page of your form. This will help you to understand how conditional logic works.\ \ **Before you do that, you should remove any elements from the page that aren't required and add any elements that may improve the page design.**\ \ **To remove elements**, click the form element you'd like to remove and then click the X symbol within the element container. \ \ **To add elements**, click and drag the element you'd like to add from the right hand menu onto your form page.\ \ **To reposition elements**, click and drag the element you'd like to move above or below another element.\ \ In this following example, a divider line is added below the headline and introductory text, a Yes/No question element is added and the "Start" button will be removed.

Once you've styled the page how you like it, add the "**Yes/No**" element to your form.

In this example, only **current** students should be able to complete the feedback form. Students that select "Yes" are taken to the next page, users that select "No" will be taken to a page explaining that this form is not intended for them. \ \ If you're creating a form for your own project, use a similar concept to this to pre-qualify your users and learn conditional logic. \ \ For example, you may want to add questions such as "Are you a current client?", "Do you use Android or iPhone?", "Have you run more than 1000 miles this year?" \ \ You can think of this as an essential prerequisite for your form that ensures you only collect data from the users that you need it from.

Click the drop-down menu within the "**Click Behavior**" settings and select "**Logic jump: answers link to specific pages**"\ \ A pop-up will appear explaining that "**Logic Jumps**" are a premium feature, and you'll be limited to collecting 10 submissions if you use this feature on the free plan. \ \ This is fine as you're just experimenting, so click "**Continue editing**" on the pop-up.

Using the drop-down menu options below both the "Yes" and "No" answers, map "Yes" to "Outcome #1" and "No" to "Outcome #2".

You'll now be given the option to select which page to send users to, depending on whether they answer "Yes" or "No". \ \ Set "JUMP TO PAGE" to "Next page" for "Yes". \ \ Set "JUMP TO PAGE" to "Outcome #2" for "No".

Navigate to the form page "**Outcome #2**"

This is the page that will be displayed to users that you **don't** want to collect data from (in this example, those that answered "No" to the first question).\ \ Customise the content of this page so that it makes sense to those who you'll be qualifying out. \ \ It's best practice to add content that explains to the user why they're seeing this page and what to do if they have questions.\ \ Click the elements you'd like to edit and then customise them using the content elements menu on the right-hand side of the page.

When you're finished, navigate back to the first page in your form.

Click through the rest of the pages in your form to see how AI has interpreted your earlier prompt to create a series of different questions and answer formats.\ \ Spend a few minutes exploring the questions and elements that have been generated. Remember, if you'd like to edit an element, simply click it and explore the customisation options on the right-hand menu.

Found a page that you don't need? You can remove it by clicking the X as highlighted below on the page preview.