Web Forms

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.

Web Form Example

The Web Forms page is a storage area for all your web forms that have been created within the Form Builder.

web form templates

SettingDescription
Create Form Template ButtonThis button will bring you to the Form Builder page where you can create your web form templates
Form NameThe name and ID of the web form.
PreviewClick the preview link to display a preview of the web form.
CreatedThe creation date of the web form.
Widget CodeInsert this code into your landing pages to generate and display the web form.
EditClicking the “Edit” link will open the web form in the Form Builder so that it may be edited.
Landing PagesDisplays 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.
ReplicateCreate 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.

Form Builder

Create web forms with the Form Builder. You can access the Form Builder page by selecting the “Create Form Template” 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 at the right side of the page.

web form builder

Setting/Customization

Here you can set the name of the web form, trigger actions upon form submission, and change the visuals of the form.

SettingDescription
Form NameThe name of the web form.
Form StyleThere 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 SubmitCheck the checkbox and enter a website URL. Upon form submission, visitors will be redirected to the URL you provided.
Success MessageCheck the checkbox and enter a message. Upon form submission, the message will be shown to your visitors.
Font size/colorAdjust the font size and color of the text in your web form.
Background colorSelect a background color and transparency for your web form.

Once you are done with the setting/customization, press the “Select Form Item” tab or the “Continue” button to start adding form items to your web form.

select opt-in form item

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.

SettingDescription
Custom Text AreaWrite 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 AddressInclude 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 FieldInclude 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 AreaInclude 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 MenuInclude a dropdown menu in your form. You can edit the field name/ID, label text, and options/values.
CheckboxesInclude 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.
RadiosInclude 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.
ButtonInclude 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 setting/customization and form items, 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.
  • In the General section, copy and paste the widget code in the “JavaScript/3rd Party Analytics” box. Make sure that the src URL is ‘https’ in the widget code.

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.

in Mobile Web