website logo
⌘K
Explore our documentation
Contact APIANT support
What is APIANT?
Automation Editor
Key Concepts
Account Management
Managing Automations
App Connections
Building Automations
Alert Mappings
Troubleshooting
CRMConnect: Mindbody → HubSpot
CRMConnect: DonorPerfect → HubSpot
CRMConnect: DonorPerfect → ActiveCampaign
MailConnect: DonorPerfect → Mailchimp
ShopConnect
ShopConnect Settings
Sync Products
Manually sync Mindbody services/pricing options to Shopify
How to tag products in Shopify to prevent sync during sales sent to Mindbody
Retrying orders from Shopify → Mindbody
Manually pushing Mindbody orders to Shopify
Mindbody Pricing Discontinuation: Integration with Shopify
Guide to manually syncing Mindbody Packages with Shopify Products
Features that are not supported in ShopConnect
Automation Alert Reports
Linked Accounts
ZoomConnect
New features in version 4
Settings
General
Email & SMS
BOTs
MINDBODY
Zoom
ZoomConnect Mindbody Appointments - Setup and requirements
Troubleshooting
Assembly Editor
Key Concepts
Account Management
API Key Management
Managing Content
Building Assemblies
API Integrations
Other Assembly Types
Keyvalue Storage
Assembly development cycle
APIANT for Integrators
Help Forum
Automation Templates
Development Server
Module IDE
Shared App Connections
Tenants and Linked Accounts
APIANT Inline
Supported functionality
Embed Inline
Sandbox
Docs powered by
Archbee
Automation Editor
...
Building Automations
Forms Overview

Form Designer

5min

The form designer is a drag-drop design tool that lets you quickly build forms:

Form Designer
Form Designer


The left-side catalog contains the available form elements. To begin a design, drag and drop one of the container components into the form design area in the middle. Then drag and drop elements from the left side catalog into the containers.

Clicking a container or an element in the design will show that item's attributes on the right side. The design area itself that represents the overall form has attributes for controlling the form submission message text and the text of the default form submit button. Click the form design background to select it and show its attributes:

Form Attributes
Form Attributes


Containers have attributes, such as for centering themselves:

Centered Container
Centered Container


Elements have an attribute for their names. All element names must be unique within a form. The designer will auto-generate a unique name when an element is placed into the design. Generally you will want to rename elements that receive input so you can easily identify them within the automation. In the below case, this field is best renamed to "first_name":

Element Name
Element Name


Elements that are resizable have a yellow resize caret icon at their lower right that can be dragged to resize the element:

Resizing an Element
Resizing an Element


The HTML Page element can render frameable content such as a web page, animated gif, or video:

HTML Page Element
HTML Page Element


The Preview link at the top right of the form designer can be used to view how the form will be rendered:

Form Preview
Form Preview


Keyboard Controls

When a form element is selected, pressing the Delete key will delete the element.

Pressing the up arrow key will select the item's parent container.

Updated 03 Mar 2023
Did this page help you?
PREVIOUS
Forms Overview
NEXT
Cloning Items
Docs powered by
Archbee
TABLE OF CONTENTS
Keyboard Controls
Docs powered by
Archbee