Getting Started and Creation
You can find Forms in your sidebar under the Data Platform menu. Select the database you want your form to be linked to.
If you haven’t created any forms yet, an introductory screen will appear. Otherwise, you’ll see an overview of your forms. From there, you can edit your forms or create new ones:
Create Form: Give your form a name and select the linked database.
Import Fields: Automatically adopt fields from the selected database into your form.
Select Mode: Switch between the Landing Page view and the WhatsApp preview via the top bar.
The Editor: Setup and Structure
The editor is divided into three main areas for maximum clarity:
Left Side (Settings): Configure details like validation, labels, and placeholders.
Center (Interactive Preview): Your form is rendered live for direct testing.
Right Side (Layers): Manage the structure via drag and drop and add new screens.
Components and Logic
Field Types and Validation
Use various field types that adapt to your requirements:
Content: Headlines, sublines, text, and images.
Text Inputs: Standard fields or specialized types like email with automatic validation.
Selection Fields: Checkboxes, dropdowns, and multiselect components.
Intelligent Database Connection
Every field is connected via a technical name.
Automatic Mapping: JUNE suggests matching fields based on the data type.
Status Check: The layers tree shows whether a field is connected.
Required Logic: Fields marked as required in the database are mandatory by default. You can set additional fields as required in the form manually.
Conditional Forms (Condition Logic)
Use the condition component to create dynamic forms that show specific sections based on user answers.
Design and Branding
For styling your form, you have two primary options:
Themes: Use predefined presets.
Sitemap Styles: Activate "Use Sitemap Style" to inherit global colors and fonts for a consistent brand design.
Pro Features: Prefilling and Hidden Fields
Prefilled Values: Pre-fill fields with existing data (e.g., email) to increase conversion by activating "Enable Prefill" in the component settings of the desired field.
Hidden Fields: Pass background data like campaign IDs or lead sources.
Success Screen: Design a message or redirect users after the submit action.
Locales and Errors
Multilingualism: Define languages and translate labels per locale.
Response Messages: Centrally manage error messages for all active languages.
Publish and Integration
WhatsApp: Publishing occurs directly to Meta within the builder.
Landing Pages: Copy the form as a code snippet or use the integrated component.