How to add a form field and a form element to your page
In this article, you will learn how to configure individual form input fields and deploy structural form container elements to handle independent, multi-form layouts seamlessly on your pages.
What you will need:
- An active SystemeScale account.
- A sales funnel step page open inside the live editor canvas.
Part 1: Injecting and Adjusting an Individual Form Field
Individual form fields act as standalone data collection triggers. To place one onto your layout workspace:
Part 2: Deploying a Multi-Field Form Element Container
To scale and organize lead capture actions efficiently across compound landing pages, you can utilize the unified master Form element block. Rather than manually dropping fields, validation blocks, and submission elements as disjointed individual rows, the Form element container functions as an insulated structural wrapper. It packs your elements into an independent bundle, letting you run multiple separate form actions on the exact same page canvas without crossover conflicts.
Highlight the Form element container block on your active canvas to access three distinct configuration tabs located within the left properties manager control dashboard:
A. Managing the Elements Tab Menu
- Refine Standard Data Fields: Every fresh form container block loads default entry boxes (such as First name, Last name, Email). To remove redundant text blocks, click on the element row configuration inside the side tab dashboard.
- Inject Supplementary Fields: Scroll down to the bottom area of the side configurations tab to instantly add new default fields, integrate legal verification checkboxes, or introduce a CRM Custom field.
Information Intake Form
After your required inputs are generated, reorganize the vertical column presentation order by using the grip handles to drag and drop your field boxes in any configuration you prefer.
B. Styling via the Design Tab Menu
Open the secondary Design tab row layout block to tweak borders, frame row padding gaps, outer margin alignments, backgrounds, and element sizing. Note that centralized style properties, such as font typography families, are inherited directly from your global page setup parameters to ensure seamless design continuity.
C. Orchestrating Rules via the Actions Tab Menu
The Actions tab outlines precisely what tracking triggers and destination loops occur the moment a user submits the layout data container:
- Post-Submission Redirection Rules:
- No Redirection: Keeps page visitors right on the same viewport canvas after form submission, showing a clean localized success text alert block.
- Custom URL: Instantly routes the visitor's browser thread to a distinct secondary funnel thank you page step or an external domain destination link.
- Double Opt-In Controls: Toggle the double opt-in validation verification checkbox row parameter to prompt new subscribers to verify their email address before being recorded as confirmed leads.
- In-Editor Automation Rules: Trigger operations (like assigning tags, deploying automated campaigns, or dispatching individual follow-up email templates) inside the builder canvas space the millisecond a contact safely submits the form.
Click the primary Save changes panel block in the top-right platform header row to commit all changes safely to the servers.
Beyond the frontend builder workspace layout, your saved Form element configurations integrate seamlessly with backend processes. You can reference specific form container layouts when deploying "Funnel step form subscribed" triggers inside your dashboard Automation rules or multi-tier marketing workflow architectures.