Marketing 360® lets you create and manage forms for your business. This article will explain the creation process, as well as how to edit the forms you've already made.
For most forms, it is a good practice to connect them to the CRM as you create them. This will save time and confusion later, not to mention the possibility of losing out on valuable customer data.
To access your forms, navigate to the Global App Bar in the top-left corner of your dashboard and select Forms.
There are two options for creating a new form: building a new form from scratch, or duplicating an existing form.
Click the Create Form button at the top of the page, then enter a name for your form. This name is internal-only and will display on your forms page, so be sure to give it a name descriptive enough to differentiate it from your others.
If you use the Marketing 360® CRM, the name entered here will automatically create a new contact source in your CRM.
To duplicate a form, simply click the overflow menu next to a form, click “Duplicate”, and confirm in the modal that appears.
Duplicating a form will copy over:
- Form Fields
- Form Field Settings (including descriptions, placeholder text, form field validation rules, etc.)
- reCAPTCHA settings
- Thank you message/page
- Button text
Duplicating a form will NOT copy over
- Form Field Mappings and Form Submission Rules - these will still need to be setup from the Leads Inbox.
- Form CSS
- Form Notifications
After creating or duplicating a form, you'll be redirected to the Edit Form page. Click + Add Field to add new fields to your form. The Primary fields ("Name", "Email", and "Phone Number" fields) are added to your form automatically.
The name field is required if you want your form submissions to create or update Leads or Contacts in your CRM. However, if you do not wish to add the user(s) as CRM Leads or Contacts, then you can click on the "trash can" icon to remove that field.
In the Add Field window, select what type of field you'd like to add. The available field types are outlined below.
In order to sync responses to your CRM fields, you'll need to use the same field type on your form as the field you plan on syncing it to in the CRM.
| Basic Fields |
Basic Fields Description |
| Name |
Use this field to collect a user's name. This field is automatically mapped to the name column in your contact source. |
| Email |
Use this field to collect a user's email address. The field will require a value that includes the @ symbol. |
| Phone Number |
Use this field to collect a user's phone number. The field will require a valid phone number format like 555-555-5555 or (555) 555 5555. |
| Website |
Use this field to collect the user's website. The field will require the user to enter a URL starting with either http:// or https:// |
| Text Field |
Use this field to allow your users to enter a custom text value in a standard text field. |
| Long Text Field |
Use this field to allow your users to enter a custom text value in a larger text field. This is a great option for longer content like a review. |
| Number |
Use this field to collect a number value. The field will only accept numerical values. In order to accept a value with a decimal, please use a text field instead. |
| Date |
Use this field to allow your users to enter a date with an easy to use date picker. Dates are submitted with mm/dd/yyyy formatting. |
| Time |
Use this field to allow your users to enter a time of day. The field uses 12 hour time and requires AM / PM. If you need to use 24 hour time, please use a text field instead. |
| Date Time |
Use this field to collect a date and time in a single field. |
| Dropdown |
Use this field to allow your users to select one value from a drop-down list. This is a handy solution when you've got a long list of options. |
| Radio |
Use this field to allow your users to select one value from a list of options. This is a better solution for shorter lists of options. |
| Checkboxes |
Use this field to allow your users to select multiple values from a list of options. |
| Payments Fields |
Payment Fields Description |
| Product |
Use this field to include the product(s) the user will pay for when submitting the form. Products can be displayed using the following options:
Single Product: Give the user one basic product to purchase.
- Standard CSS options
- Quantity option can be on or off
- Has option for product description
- Can be set as ‘hidden’ if the user has no reason to select a quantity or see the product details at all. (Good option for form that only sells one product w/ no quantity)
- https://madshot.net/ef4b3f3edd31.png
List Products:
Drop down: Gives the user the option to select one product form a drop down list.
- Standard CSS options
- Quantity can be turned off or each dropdown option can display its own quantity.
- No product description
- https://madshot.net/48ede22ea23e.png
Radio Button: Gives the user the option to select one product from a list of radio buttons.
- Standard CSS options
- Quantity can be turned off or each radio option can display its own quantity.
- No product description
- https://madshot.net/006cffc08932.png
Checklist: Gives the user the option to select multiple products from a list
- Standard CSS options
- Quantity can be turned off or each checklist option can display its own quantity.
- No product description
- https://madshot.net/a8f17f5e3211.png
User Defined Product: Gives the user a text field where they fill in the amount to pay.
- Standard CSS options
- No options for quantity
- Includes option to set minimum and maximum purchase amounts
- Includes option to set custom error message when a user does not enter a value between min / max purchase amount.
- https://madshot.net/bf4f1983facc.png
|
| Credit Card |
This field will display fields to enter a card number, expiration, CVV, zip code, cardholder name, and receipt email.
- Has the option to auto-populate the cardholder name with the form’s ‘name’ field by default. Alternatively, if the standard ‘name’ field is included in the credit card field, a user could submit the form and enter someone else’s name as the cardholder.
- No CSS options.
- https://madshot.net/7518801194b1.png
|
| Total |
This field will display the overall total price of all products selected in the form.
- Standard CSS options
- https://madshot.net/af3ead695ee4.png
|
| File Upload |
Users can attach a file to the form.
- If an image file, it must be in .jpg, .jpg, or .png format
- If a document, it must be in .doc, .docx, .pdf, or .txt format
- Max upload size is 10MB
|
To customize existing form fields, click the overflow menu on the right of the form field, then select Edit from the dropdown menu.
Field mapping
You can set up field mapping (more on that below) to sync your form responses to the CRM. Remember, in order to sync responses with field mapping, you'll need to use the same field type on your form as in the CRM. By default, your Primary fields (such as "Name", "Email", "Phone Number", and "Address") are automatically mapped.
If the field you're editing has options (dropdown, radio button, or checkbox type fields), a checkbox will be available to "Copy over options from the following CRM field". This will pull in the options in the selected CRM field for easy setup. You're welcome to change how these options display on your form by changing the field label.
Enter a Form Field Label for the field. This is the text visible to users.
Then, select a Form Field Label Position for the label to display. If you'd rather not display a label, select the Hide Label option.
Field display options (optional)
Enter a Description for the form field. Please note: For security reasons, we are not able to allow HTML in these fields.
Enter Placeholder text that will display in the field before the user enters a value. To keep the form functional for all users, do not rely on placeholders instead of visible labels.
Add Custom CSS Class(es). You can modify the appearance and function of your form fields for different devices and screen sizes. Here is more information about how to add Custom CSS Classes to your form.
Important Notes About CSS Classes:
When listing a CSS class, do not include the period at the beginning of the class.
If more than one CSS class is needed, separate them with a space. Do not use a comma.
Field validation rules (optional)
If you'd like to force the user to fill out the field, select the Required option.
If there is a maximum amount of characters a user can submit, limit the number of characters a user can submit by entering a Max Length.
If there is a minimum amount of characters a user can submit, enter a Min Length.
To display a customized error message when requirements are not met, enter a Custom Error Message. This message will display only if the user incorrectly fills out a field, like entering a phone number in an email field.
If specific formatting is needed, enter a Pattern (leave this blank if you're not familiar with regular expressions.)
From time to time, you may need to include additional elements in your form to separate certain sections of the form or provide instructions or extra info for your users.
| Header |
Headers will display a nice large headline on the form. This is a great option to provide additional structure to your form or separate sections to keep your form user friendly and easy to submit! |
| Subheader |
Subheaders work similar to headers, but with slightly smaller text. If your form is getting long, use headers & subheaders to provide structure. |
| Paragraph |
Paragraphs will display basic text. This is handy if you need to give users additional info or instruction they'll need to submit your form. |
19. Add Form Headings, Subheadings, or Paragraphs as needed.
20. Repeat steps 3 through 19 as needed.
Enable reCAPTCHA
Click the Enable reCAPTCHA switch to reduce spam submissions on your form.
Note: reCAPTCHA will be automatically be turned on for any form with a Credit Card field, and cannot be turned off. This is to protect customer’s credit card information.
Configure "Thank You" page or message
When a user submits a form, they will receive a message that their response has been submitted. You can either redirect users to a "Thank You" page on your website, or you can simply configure a small "pop-up" window that displays.
If you have a page on your website that you would like to redirect users to after submitting the form, enter it in the text box labeled Redirect URL. If you do not want to redirect users to any page, then fill out the fields labeled Title and Description to configure the message that will display to users after they submit your form.
Set up notifications
You can specify which users receive an email notification whenever a user submits your form. Enter the name and email address ot the user(s) that you would like to receive notifications, then select the blue Add Notification button.
When you create a notification, the user's name and email address will appear in a section labeled Existing Notifications.
Set submission rules
Submission Rules will determine exactly how a new contact will be added to the CRM.
Submission rules are managed from the Leads Inbox - Marketing 360 Forms page. To navigate to this page from within the Forms app, click Navigate to the Leads Inbox.
From there, click the overflow menu next to the form you would like to edit, and select Submission Rules.
- In the first field, select a Contact Type for the new contact in the CRM. A dropdown menu will appear when you click on the field.
- Select the status that will be assigned to the new contact.
- Select what tags will be assigned to the new contact, if applicable.
Select who the contact will be assigned to.
If the option, Round robin is selected, contacts will be mapped to selected assignees, one at time. For example, if three assignees are selected, the first contact created through this source will be assigned to the first assignee, the second contact to the second assignee, the third contact to the third assignee, and the fourth contact back to the first; and then the process will be repeated.
Duplicate submission rules
Use this section to determine what happens if a user submits the form more than once. These settings are all optional
- Click Enable to update an existing contact if they resubmit their information through this source.
- Select a Contact Type to use when a contact resubmits their information. Then select whether the new type should be added to the existing settings, or replace it instead.
- Select a Contact Status to use when a contact resubmits their information. Then select whether the new status should be added to the existing settings, or replace it instead.
- Select a Tag to use when a contact resubmits their information. Next, select whether the new tag should be added to the existing settings, or replace it instead.
- Select whether or not to overwrite mapped fields with values from duplicate submissions. This is also an optional setting.
Note: Leaving this setting checked means that a duplicate submission can overwrite the values of the fields mapped to this source. Otherwise, a history item is simply created, and any possible change to individual fields is ignored.
Field Mapping, like Submission Rules, can be set through the Leads Inbox in the CRM.
-
Navigate to the Global App Bar in the top-left corner of your dashboard and select CRM.
-
Once in the CRM, select Leads Inbox from the page menu, then select Marketing 360 Forms from the left sidebar menu.
If you click on the button within the form that says "Take me to Leads inbox" you'll be at this same step.
-
Click on the overflow menu next to the form you would like to edit, then click on Field Mapping.
If you would like your form submissions to go directly into your CRM Contacts Table, toggle "Create submissions directly as CRM Contacts" switch ON.
If you would like submissions to go to your Leads Inbox, toggle this OFF.
Then, choose the CRM field that you would like to sync with each form field.
When you have finished, click Save.
Prevent duplicates
Recommended: To avoid duplicate CRM contacts, select the option to not create a new contact upon submission.
Let's say you already have a contact named John Doe in your CRM, but another individual of the same name fills out your form. What now? Should a new John Doe be created in the CRM or should the existing one be updated? How can you tell? The solution lies in finding something in each user's submission that'll be unique, like their email address or phone number. For this example, let's choose their email.
For a reference, here's the info already saved in the CRM for 'John Doe #1'.
| First Name |
John |
| Last Name |
Doe |
| Email |
john.doe@email.com |
| Phone |
555-555-5555 |
| Service of interest |
Marketing |
Here's the information submitted by 'John Doe #2'
| First Name |
Johnathan |
| Last Name |
Doe |
| Email |
john.doe@email.com |
| Phone |
123-456-7890 |
| Service of interest |
Web development |
With the 'Prevent Duplicates' option selected, the CRM will check if the user's value already exists.
Since the email already exists in the CRM, the values from the second submission will be saved for the existing contact instead of creating a new one.
Here's the resulting info saved for this contact in the CRM.
| First Name |
Johnathan |
| Last Name |
Doe |
| Email |
john.doe@email.com |
| Phone |
123-456-7890 |
| Service of interest |
Web development |
To design your form, head to the Design tab and use our design options to customize your form’s fonts, colors and button style. These design options will automatically pull from the information on your Brand Profile - Assets page, but are editable on each form individually as well.
For more advanced customization, you can add CSS to your form using the Advanced Styling options.
Once your form is complete, then you will want to add it to your website. Check out this article to walk through how to find your form's embed code and add it to your website.
