Using the Form Widget in Composer 2

The Form widget allows you to display custom forms anywhere on your site. Perfect for registrations, contact submissions, surveys, and more, this widget helps you engage users with interactive content while maintaining a seamless page design.

Key Features

• Build unlimited custom forms using the Forms module.

• Insert forms as widgets anywhere on pages or panels.

• Integrates with backgrounds, article styles, and layouts for visually rich presentations.

• Fully responsive, optimized for desktop, tablet, and mobile devices.

• Configure submission behavior: stay on page, redirect, or custom action.

• Matches your site’s look and feel, streamlining the user experience.

How to Use

1. Create Your Form

   • In the Back Office, go to Modules → Forms.

   • Build your form with the required fields and settings.

   • Test it to ensure all functions work as expected.

2. Add the Form Widget to a Page

   • Open the page editor and click the Widget icon.

   • Navigate to Your Show → Form Builder.

   • Select the form you want to display.

3. Configure Submission Behavior

   • Set how the form will submit (typically a same-page refresh).

   • Optionally, combine with article styles or background settings to enhance appearance.

4. Save and Publish

   • Click Save to add the form to your page.

   • Preview on multiple devices to ensure responsiveness and styling.

The Form widget is a powerful tool for collecting user input, while keeping your site design consistent and user-friendly.

Watch the Video Demo:

Video Transcript:

The full module will allow you to build as many different forms as you like in the platform.
This video will show you how to insert these as a widget in your page of content.
When you insert your form, it can be used in conjunction with other features in the platform.
This is a simple layout, straight insert.
If we use them in conjunction with article styles and backgrounds, this can look a little bit more interesting.
To add a form, please go into the back office.
Please note you will have to set up your form first.
This can be done in Modules > Forms.
Once you've created and tested your form, you'll be able to insert this as a widget.
Please click on the widget icon and then find the FormBuilder.
This is inside the "Your Show" part.
Choose the form that you require and also how it's going to submit.
Normally this will refresh in the same page.
When you're done, hit Save.