Add campaign opt-in web forms to your landing pages. With our Form Builder, you can create web forms and select existing campaigns in your account for your audience members to opt into. You can also collect the contact information of your audience members as well as other data. Upon form submission, you can send a message to your new subscribers or redirect them to another page.
The Web Forms page is a storage area for all your web forms that have been created within the Form Builder.
|Create Form Template Button||This button will bring you to the Form Builder page where you can create your web form templates|
|Form Name||The name and ID of the web form.|
|Preview||Click the preview link to display a preview of the web form.|
|Created||The creation date of the web form.|
|Widget Code||Insert this code into your landing pages to generate and display the web form.|
|Edit||Clicking the “Edit” link will open the web form in the Form Builder so that it may be edited.|
|Landing Pages||Displays the number of landing pages that include the web form. You can click the “# Landing Pages” link to check all the landing pages with the web form in it.|
|Replicate||Create an exact copy of a web form. The new/replicate web form will have its own unique ID number. The replicated web form will have the same name as the original web form with the text “Copy” added to the end of it. Once replicated, changes to either the original web form or to the replicated web form will not affect each other.|
|[x]||Delete web forms from the platform by checking the boxes of the web forms you want to remove and then selecting the delete button at the bottom of the page.|
Create web forms with the Form Builder. You can access the Form Builder page by selecting the “Create Web Form” button on the Web Forms page. As you create your web form, you can see how your web form looks like with the form preview area on the right side of the page.
Here you can set the name of the web form, trigger actions upon form submission, and change the visuals of the form.
|Form Name||The name of the web form.|
|Form Style||There are two styles: Labels on Left and Labels Above.|
Labels on Left: Place the labels to the left of the fields. Eye tracking studies have shown that it creates a clear association between label and field.
Labels Above: Place the labels above the fields. This allows users to capture both labels and input fields with a single eye movement.
|Redirect after Submit||Check the checkbox and enter a website URL. Upon form submission, visitors will be redirected to the URL you provided.|
|Success Message||Check the checkbox and enter a message. Upon form submission, the message will be shown to your visitors.|
|Font size/color||Adjust the font size and color of the text in your web form.|
|Background color||Select a background color and transparency for your web form.|
Once you are done with the Form Settings, press the “Form Fields” tab or the “Continue” button to start adding form items to your web form.
Select Form Item
To the left is a list of form items that you can drag to the form preview area in order to incorporate them into your web form. Once you drag and drop a form item into the preview area, click the form item again for more options.
|Custom Text Area||Write your own custom text in the form and adjust the visuals of it, such as the font size, alignment, and whether to include a border or not.|
|Phone Number / Email Address||Include a “Phone Number” and/or “Email Address” form item in your web form in order to collect your audience members’ contact information and opt them into an existing MMS/email campaign. You can edit the label text, field text, and help text.|
|Form Field||Include a custom form field in your web form in order to collect additional data from your audience members. You can edit the field name/ID, label text, field text, and help text.|
|Text Area||Include a text area in your web form in order to collect other data from your audience members. We recommend using text area for data that requires a lot of text. You can edit the field name/ID, label text, and field text.|
|Dropdown Menu||Include a dropdown menu in your form. You can edit the field name/ID, label text, and options/values.|
|Checkboxes||Include checkboxes in your form. You can edit the field name/ID, label text, and checkboxes / checkboxes values. You can also select one checkbox to be checked by default.|
|Radios||Include radio buttons in your form. You can edit the field name/ID, label text, and radios / radios values. You can also select one radio button to be checked by default.|
|Button||Include a submit button for your audience members to click once they have finished completed the form. You can edit the button label and button theme.|
Once you have finished with Form Settings and Form Fields, press the “SAVE FORM” button on the top of the preview area to save your web form.
Web Forms FAQs
How can I add a web form to my landing pages?
In the Web Forms page, there is a widget code for each web form that have been created with the Form Builder. Copy and paste the widget code into your landing pages. If you are using our platform’s landing pages via the Landing Page Design Tool, there are two ways to add a web form:
- In the Opt-in Form section, simply select the Web Form you wish to add to the landing page and drag it to the phone preview area.
Where can I see the data that is collected when a visitor submits the web form?
For each subscriber’s phone number or email address, you can check all the data that was submitted under the ‘View Data’ column within the Audience Manager tab of your campaigns.
What is the difference between field name/ID, label text, field text, and help text?
- The field name/ID is the unique key that is used to identify the type of subscriber data you are collecting (for example: name, age, etc.). The field name/ID is required for all fields.
- The label text is the text shown to the left or top of a field based on the form style. The label text should be a clear indication of what the field is for your visitors.
- The field text is the text displayed within a field before a visitor enters a value. You can use a field text/placeholder as a short hint that describes the expected value of a field.
- The help text is the text shown under a field. You can add a help text to give additional information about the field.