The actual form is created in the form editor. In the editor, we now put together the final form from the created questions and the contact form and insert logic branches or redirects. To create a new form, click on the “Forms” menu item in the plugin menu:
You can now create a new form via the plus button at the bottom left of the screen and access the form editor. You will see an empty white area, your area for creating the form.
Funnelforms has one of the most modern and simple form editors for WordPress and conditional logic.
Form editor
In the left sidebar you will find all previously created questions and at the end of the sidebar the contact forms as well as a “Redirect” field for redirecting to a thank you page.
You can now drag and drop the question elements onto the white area.
Note: Funnelforms is a Multi-Step-Form, which means that at least two steps are always necessary in the form. The usual structure is therefore to first create the desired questions, then a contact form which appears after all questions at the end of the form.
For example, if you want to have 3 steps in your form, place the questions in the appropriate order:
Add contact form
Once you have created all the relevant steps for your form and added the questions, you need to add your contact form at the end of the form. This will appear at the bottom of the sidebar under all questions:
Note: A contact form may only ever be placed at the end of the form after all questions, as this is where the form closes and the data is saved/transmitted from this moment onwards.
Add URL redirect
To add a redirect to a thank you page after successfully submitting the form, drag the redirect field behind the contact form and enter the corresponding URL in the field:
Note: A redirect may only ever be set at the end of the form after the contact form or after the questions.
Connecting elements and questions
Now it is necessary to connect all elements and questions with each other and breathe life into the form. The purple circles indicate the point where you can draw a connecting line to another element. Hold down the mouse button in the purple circle and drag the connection to the desired element:
The element addressed is highlighted in purple. Release the mouse button to set the connection. To delete a link, simply release the mouse button in the empty area.
Link all your elements, including the contact form and the redirect field if applicable, so that all questions are linked:
To finish, click on the “Save” button in the top right-hand corner of the page. A message appears: “Save successful”. If errors occur or entries are missing, an error message will appear.