Form Element

Form

The Form element is a versatile container that allows you to add various fields and buttons for collecting user information. It is the backbone of lead generation, user registration, or any type of data collection functionality on your webpage.

Purpose:

• To gather information from users in an organized and structured manner.
• Can include various input fields, such as name, email, address, and custom options like dropdowns or checkboxes.

Radio

Purpose: Provides mutually exclusive options for selection.

Use Case: Commonly used for surveys, quizzes, or selecting a single choice from a group.

Full Address

Purpose: Adds address fields, including city, state, and country, in one component.

Use Case: Perfect for shipping information or location details.

Button

Purpose: Adds a clickable button to your form.

Use Case: Commonly used for submission actions, navigation, or triggering popups. Customizable with text, color, size, and link functionality.

Input

Purpose: Collects text or numerical input from the user.

Use Case: Ideal for creating name, email, and phone number fields in forms.

Select Box

Purpose: Adds a dropdown menu for user selection.

Use Case: Suitable for options like country selection, preferences, or category selection.

Text Area

Purpose: Provides a larger input field for longer responses.

Use Case: Used for feedback forms, detailed inquiries, or comment sections.

Checkbox

Purpose: Allows users to check or uncheck options.

Use Case: Ideal for accepting terms and conditions, subscribing to newsletters, or selecting multiple preferences.

Miscellaneous Elements

Social Icon

Purpose: Adds links to social media platforms with recognizable icons.

Use Case: Enables users to follow or share content on platforms like Facebook, Twitter, or Instagram.

Custom Code

Purpose: Allows embedding of custom HTML, CSS, or JavaScript code.

Use Case: Useful for adding third-party integrations, custom tracking scripts, or additional design elements.

Divider

Purpose: Adds a horizontal line to separate sections.

Use Case: Enhances page layout by providing visual breaks between content.

Countdown

Purpose: Creates a timer counting down to a specific date and time.

Use Case: Great for urgency-driven campaigns, flash sales, or event reminders.

Widget Elements

Navigation

Purpose: Adds a navigation bar for easier page or section access.

Use Case: Ideal for creating menus with links to other pages or internal sections.

Google Map

Purpose: Embeds an interactive map for location display.

Use Case: Suitable for showcasing office locations, event venues, or service areas.

How to Use These Elements

Drag and Drop: Select the desired element from the builder menu and drag it into your column or section.

Customize:

Each element can be styled using the right-side customization panel.

Options include colors, alignment, borders, spacing, and interactive functionalities.

By understanding and effectively using these elements, you can create forms, add interactivity, and ensure professional design layouts tailored to your audience's needs.