Form Builder

In this article, we will cover: 

• How to create a Form Builder Template - Blank
• How to create a Form Builder Template - Product Review
• How to create a Form Builder Template - Public Post
• How to create a Form Builder Template - Net Promoter Score
• How to create a Form Builder Template - Community Sign Up
• Current Elements
  •  

    Single-Line Text	Multi-Line Text	Website	Star Rating	Single Choice
    Multi Choice	Dropdown	Header	Heading	Paragraph
    Full Name	Email	Phone	Address	Spacer
    Line	File Upload	Image	Youtube	Vimeo
    Community Sign Up	Acceptance	Product Association	Rights Management Consent	Hidden
    Smiley Scale	Date	Birthday	Number	Single Matrix
    Multiple Matrix

• How to Manage Form Styles
• How to set a language for a Form Builder Template
• How to edit the Submit Button
• How to edit the Post-Submit message
• How to publish changes to a Form Builder Template
• How to get the Form Embed code
  • Embed Code
  • Language
  • Dialog
• How to archive/unarchive a Form Builder Template
• How to bulk archive Form Builder Template
• How to bulk unarchive Form Builder Templates boards
• How to duplicate a Form Builder Template
• How to rename a Form Builder Template
• How to delete a Form Builder Template
• How to view the Form Builder report
• How to download the report and the media files via Form Builder View Report 
• How to add a Form Builder Feed to a TINT board
• How to edit a label on a Form Builder feed
• How to delete a Form Builder feed
• How to pause or unpause a Form Builder feed
• How to switch on or switch off auto-moderation on a Form Builder Feed
• How to pre-populate fields on the Form Builder Form
• How to auto-tag content via a Form Build Submission
• How to collect Customer ID via Form Submission
• How to split (A/B) testing via Form Submission
• How to capture UTM parameters via Form Submission
• How to track a campaign source via Form Submission
• How to add a form to a Community Mission

How to create a Form Builder Template - Blank

1. Navigate to the Form Builder icon
2. Click +Add button in the right-hand corner
3. Click the Blank Template option
4. In the form builder window:
   On the left-hand side of the window, you will see your changes in real-time
   On the right-hand side, you will be able to edit any of the elements by clicking on it to change and click done to apply your changes or you can click + New Element to add a new Element. See Current Elements to see which elements you can currently add to your form.  We will be adding more soon
   
5. If you would like to move the elements around, you can drag and drop them in the position you like to see them in
6. Once you are happy with the changes, click Publish to activate your form

How to create a Form Builder Template - Product Review

1. Navigate to the Form Builder icon
2. Click +Add button in the right-hand corner
3. Click Product Review Form Template option
4. In the form builder window:
   On the left-hand side of the window, you will see your changes in real-time
   On the right-hand side, you will be able to edit any of the elements by clicking on it to change and click Done to apply your changes or you can click + New Element to add a new Element. See Current Elements to see which elements you can currently add to your form.  We will be adding more soon
   Prepopulated elements for this form are Header, Star Rating, Single-Line Text, Multi-Line Text, File Upload, Line, Full Name, and Email.   
5. To edit an element, click on the element you would like to edit and once you have finished, click Done
6. If you would like to move the elements around, you can drag and drop them in the position you like to see them in

How to create a Form Builder Template - Public Post

1. Navigate to the Form Builder icon
2. Click +Add button in the right-hand corner
3. Click the Public Post template option
4. In the form builder window:
   On the left-hand side of the window, you will see your changes in real-time
   On the right-hand side, you will be able to edit any of the elements by clicking on it to change and click Done to apply your changes or you can click + New Element to add a new Element. See Current Elements to see which elements you can currently add to your form.  We will be adding more soon
   Prepopulated elements for this form are Header, File Upload, Multi-Line Text, File Upload, Full Name, Email, and Single-Line Text. 
5. If you would like to move the elements around, you can drag and drop them in the position you like to see them in
6. Once you are happy with the changes, click Publish to activate your form

How to create a Form Builder Template - Community Sign Up

For this form to work, you will need to have a community attached to your account. When someone fills in this form, they will be added to your community.  To set this up

1. Navigate to the Form Builder icon
2. Click +Add button in the right-hand corner
3. Click the Community Sign Up template option
4. In the form builder window:
   On the left-hand side of the window, you will see your changes in real-time
   On the right-hand side, you will be able to edit any of the elements by clicking on it to change and click done to apply your changes or you can click + New Element to add a new Element. See Current Elements to see which elements you can currently add to your form.  We will be adding more soon
   Prepopulated elements for this form are Header, Full Name, Email, and Community Sign Up. 
5. If you would like to move the elements around, you can drag and drop them in the position you like to see them in
6. Once you are happy with the changes, click Publish to activate your form
7. Now you can embed this form where you would like to.  Go to the section on how to embed a form

Note: The Address element is not automatically added and is not needed to publish the form, it is an optional element in this form. Also when setting this in the Settings, the rules are as follows if you haven't changed the element IDs:

• Email: Only email fields should be displayed in the dropdown.
• First Name: Only first name fields from Full Name elements should be displayed in the dropdown.
• Last Name: Only last name fields from Full Name elements should be displayed in the dropdown.
• Country: Only country fields from Address elements should be displayed in the dropdown.
• Zip Code: Only postal code fields from Address elements should be displayed in the dropdown.

How to create a Form Builder Template - Net Promoter Score

1. Navigate to the Form Builder icon
2. Click +Add button in the right-hand corner
3. In the form builder window:
   On the left-hand side of the window, you will see your changes in real-time
   On the right-hand side, you will be able to edit any of the elements by clicking on it to change and click done to apply your changes or you can click + New Element to add a new Element. See Current Elements to see which elements you can currently add to your form.  We will be adding more soon
   Prepopulated elements for this form are Header and Number Scale. 
4. If you would like to move the elements around, you can drag and drop them in the position you like to see them in
5. Once you are happy with the changes, click Publish to activate your form
6. Now you can embed this form where you would like to.  Go to the section on how to embed a form

Current Elements

Element	Options
Single-Line Text
Multi-Line Text
Website
Star Rating
Single Choice	When you click on edit (3 options which is the default - you will be able to add more and will see the following:
Multiple Choice
Dropdown
Header Already added and repopulated with the title and caption
Heading
Paragraph
Full Name
Email
Phone
Address  You can choose the country/countries that you would like to see in the form.  Currently, this change is not reflected in the live update of the form
Spacer	To add spacing to your form
Line	No edit option
File Upload
Image
Youtube You can use the Video URL or ID, both work.  You have the ability to hide or display the controls and enable autoplay (though autoplay may be blocked by the browser if the video starts with sound). For accessibility, if subtitles or closed captioning are available on YouTube and the user enables them, they will display in the form's language, provided it’s available.
Vimeo You can use the Video URL or ID, both work.  The display controls set to Yes by default because, with both control and autoplay disabled, users would have no way to play the video. Additionally, we can't set the default language for subtitles or closed captioning, so users will need to manually choose their preferred language when it's available.
Community Sign Up
Acceptance This element is to collect consent/acceptance for things such as being put on a mailing list, reading, and agreeing to a legal document that is not hosted on TINT.  This is not to be confused with Rights Management Consent as this will not trigger content to go into UGC Studio. This is for tracking purposes. In the report, the column for this element will show true if ticked and will be blank if not ticked
Production Association
Rights Management Consent This element triggers it to go into UGC Studio and making it rights requested content with the Green Rights Approved banner
Hidden  This field type when used with the parameter data-form-valuesin the form embed, allows for the collection of additional information that you may wish to collect/add via a form submission.  For example, add tags to categorize a post, different IDs for A/B testing, client IDs or any specific data that would enhance your form's ability to capture detailed information.
Smiley Scale
Date The format is standardized to ISO8601 format (YYYY-MM-DD) but the input will be familiar to the user in their locale and with a calendar (browser permitting)
Birthday This is the same as Date except that this element will autocomplete with the user's birthday (if available)
Number
Single Matrix
Multiple Matrix

 

How to Manage Form Styles 

You can manage the style for all form versions at the bottom of the page on the right-hand side.  By clicking on this it will open a new pop-up. 

Style	Options
Font	Inherit from Website is currently the option
Font Size	Change the font size here
Background	Change the color here
Corner Radius Style	Square or Rounded
Form Header
Form Headings
Form Fields
Submit Button	Solid and Outline have the same version of options
Success Message

How to set/change/remove a language for a Form Builder Template

Translate your page into multiple languages by adding language to your Form Builder Template.  This saved having to duplicate forms and you can have it all under one form template.

1. Navigate to your Form Builder Template that you would like to edit
2. Click on +add another or click on Language Settings
3. This will open a new popup window on the right-hand side
4. Select the language you want, either scroll or you can search for it in the search bar and then click add language.  This will put it in the language list.  If you would like to delete a language, click on the bin next to the language name. 
5. Click on Done

How to edit the Submit Button

1. Navigate to your Form Builder Template that you would like to edit
2. Click on the Settings cog in the right-hand corner
3. A new pop-up will open and here you will be able to edit the Submit Button text
4. Click Done to apply

How to edit the Post-Submit message

1. Navigate to your Form Builder Template that you would like to edit
2. Click on the Settings cog in the right-hand corner
3. A new pop-up will open and here you will be able to edit the post Submit message. You will have three options:
   Show Success Message - click on edit Success Message and this will open another pop-up window for you to change the Title and Message
   Redirect to URL - put in the URL where the form needs to be redirected to
   Hide the form - this will hide the form once the submit button has been hit
4. Click Done to apply 

How to publish changes to a Form Builder Template

1. Navigate to your Form Builder Template that you would like to edit
2. Click on the green Publish button in the right-hand corner.  If the Publish button is blacked out, it means that there's nothing has been changed to publish
3. This will reflect the changes on any embedded form for this Form Builder Template

How to get the Form Embed code

Embed code

1. Navigate to your Form Builder Template that you would like to edit
2. Click on the Settings cog in the right-hand corner
3. Click on Embed
4. A new pop-up will open and here you will be able to find the embed code. Display as will default to Form for the embed code.  We have separated it into two sections as if you already have a TINT board on the webpage, you will not need the first section of code.

An example of the embed code:

<script async src="https://www.tintup.com/app/dist/tint.js"></script>
<div data-team-id="360919" data-form-id="186"></div>

Language

The preset option is Inherit from Website. With this option, the system will look for the lang parameter on the website.  Most websites have <html lang="LANGUAGE_CODE"> as their first element. For example, here's a snapshot from our TINTup.com website:

If you have chosen multiple languages in your form, if you click on the dropdown and choose the language you would like, the data-form-locale element in the script will change.  

For example: 

<script async src="https://www.tintup.com/app/dist/tint.js"></script>
<div data-team-id="360919" data-form-id="186" data-form-locale="fr"></div>

How the language option works when searching for a language to use:

1. Check for an exact match: The system will first attempt to find the exact locale chosen within the configured set of languages. If this match is found, it will use that locale for the website's content.

2. Check for base language match: If the exact match is not found, the system will then check for a match with the base language regardless of the country code. If this match is found, it will use the base language for the website's content.

3. Check for wildcard match: If neither of the above matches are found, the system will then check for a match with the base language and any country code. This wildcard match will ensure that the system can identify and use the most appropriate base locale.

4. Fallback to configured language: If no matches are found, the system will use one of the configured languages in the form as a fallback option. This ensures that the website can display content in a language that is appropriate for the user's locale even if the exact language code is not explicitly specified.

A language option example

Let's look at a scenario where a website is set to display the user interface in the es-XL locale. To accommodate this request, the system would search for any Spanish locale configuration and utilize it to display the interface in Spanish. If no specific Spanish locale is found, the system will default to one of the configured languages.

For example, if a form is configured with the following languages:
French (Canada) -fr-CA
Spanish (Spain) - es-ES
English (United States) - en-US

If a user attempts to access the form using the es-XL locale, the system would first search for the exact match, es-XL, which doesn’t exist.  Then it would search for a broader match, es, but no specific configuration for this locale would be found as the form only has es-ES as a Spanish option. Finally, it would search for a wildcard match, es-*, and locate the es-ES configuration to display the form.

Another scenario would be, if a user attempts to access the same form using the ak-GH locale, the system would follow the same steps. Because this language does not exist at all as a selection in the form, the system would default to one of the configured languages, such as fr-CA, es-ES, or en-US. While this may not be the exact language requested, it ensures that the user can at least access the form and complete their task.

Dialog

1. Navigate to your Form Builder Template that you would like to edit
2. Click on the Settings cog in the right-hand corner
3. Click on Embed
4. A new pop-up will open. We have separated it into two sections as if you already have a TINT board on the webpage, you will not need the first section of code.
5. To get the dialog version of the code, you will need to change Display As to Dialog.    
6. This will change div in the code to dialog and you will be able to copy this

For example: 

<script async src="https://www.tintup.com/app/dist/tint.js"></script>
<dialog data-team-id="360919" data-form-id="186"></div>

You can do a lot with the dialog so it displays in a modal or non-modal popup instead of in a regular embed.  Here's an example of how you can add the form to a button:

 

How to archive/unarchive a Form Builder Template 

1. Navigate to the Form Builder icon
2. Click on the ... next to the Form Builder Template 
3. Click on Archive. If already archived, click on Unarchive
4. The status will change from ACTIVE (green) to ARCHIVED (grey)

How to bulk archive Form Builder Templates

1. Select the Form Templates you would to archive by using the tickboxes
2. A small pop-up will appear at the bottom of the list
3. Click Archive
4. The Form Templates will deactivate and disappear.  It might end up on another page if you have more than a page worth of Form Templates but the Form Templates will remain selected

How to bulk unarchive Form Builder Templates boards

1. Select the Form Builder Templated you would like to unarchive by using the tickboxes
2. A small pop-up will appear at the bottom of the list
3. Click Unarchive
4. The Form Builder Templates will unarchive and go back to the position it was in before deactivation

How to duplicate a Form Builder Template

1. Navigate to the Form Builder icon
2. Click on the ... next to the Form Builder Template 
3. Click on Duplicate
4. A new pop-up will appear on the right-hand and you will be able to edit the name of the Form Builder Template here
5. Click Cancel to cancel create the duplicate or click on Create to create the duplicate Form Builder Template
6. The duplicate Form Builder Template will appear in the list

How to rename a Form Builder Template

1. Navigate to the Form Builder icon
2. Click on the ... next to the Form Builder Template 
3. Click on Rename
4. A new pop-up will appear on the right-hand and you will be able to edit the name of the Form Builder Template here
5. Click Cancel to cancel the changes or click on Edit to apply the name change

How to delete a Form Builder Template

You will need to archive the Form Builder Template before you can delete the template. 

1. Navigate to the Form Builder icon
2. Click on the ... next to the Form Builder Template 
3. Click on Delete
4. A popup box will appear asking Are you sure? This action will permanently delete your Form. Are you sure you still want to continue? Click Cancel to cancel the action on deleting the Form Builder Template or click Ok to go ahead with deleting the Form Builder Template

How to view the Form Builder report

1. Navigate to the Form Builder icon
2. Click on the ... next to the Form Builder Template 
3. Click on View Report

How to download the report and the media files via Form Builder View Report

1. Click on ... next to the Form Builder template that you would like the report for
2. Click on View Report
3. Click on Download 
4. This will bring up a popup window on the right-hand side
5. Then pick the date range and if you want to download the media files at the same time.   
6. Click Export which will open a small pop-up saying downloading your submission file.  Please beware that this could take a few minutes if you have a lot of submissions and/or media files. 
7. Once complete, it will say click to download
8. Click on the link and this should trigger it to download to your device

How to add a Form Builder Feed to a TINT board

1. Go to your TINT board and locate the CONTENT panel found on the left-hand side of the page. The Content panel is where you add connections to your TINT.
2. Click on the Form feed
3. A new popup will open on the right side.  Click on SELECT FORM to select the Form Builder Template that you would like to set up the feed for
4. You will have three options: Media, Author Name and Post Body.  Pick the combination that you like to see.  Unlike an Experience Builder feed, you have the option to select Media since you can place multiple file uploaders in your form. 
5. Once you have done this, click Add Social Feed
6. Your feed will appear in seconds on the left-hand side under the Content panel

How to edit a label on a Form Builder feed

By default, the label for the feed itself will be the name of your Form when you set up the feed but you can change this to whatever you wish.  

1. Go to the feed you would like to edit
2. Click on the Settings cog
3. Click on Edit Name
4. Rename the feed to what you would like it to be 
5. Click on the tick to confirm or the x to cancel
6. Your feed should be renamed

How to delete a Form Builder feed

1. Go to the feed you would like to edit
2. Click on the Settings cog
3. Click on Remove Feed
4. A pop-up notification will appear with Are you sure? All content on this social feed will be deleted and cannot be recovered. Re-adding the exact feed will not recover these posts.  You will be presented with two buttons - No, Keep Feed or Yes, Delete Feed
5. The feed should disappear if you pressed Yes, Delete Feed

How to pause or unpause a Form Builder feed

You can pause or unpause your Form Builder feed if you don't want to ingest content or want to restart ingesting content.

To Pause the feed:

1. Go to the feed you would like to pause 
2. Click on the pause icon to pause the feed
3. A popup box will say Are you sure? All content on this social feed will be paused and no new content will be ingested until its is un-paused
4. Click on Yes, Pause Feed
5. This will Pause the feed

To Unpause the feed:

1. Go to the feed you would like to unpause
2. Click on the Play icon to unpause the feed
3. This will unpause the feed

How to switch on or switch off auto-moderation on a Form Builder Feed

If you would like to change the method of moderation (auto or manual) that you originally set up on the feed, it is possible to change this on the feed itself

1. Go to the feed you would like to change
2. Click on the lock icon to change the moderation of the feed.  The lock will be open or closed depending on whether the feed is on auto or manual moderation
3. If auto-moderation is being switched on: A popup box will say Are you sure? By unlocking this feed, the content will now be unmoderated, and will be marked as visible as to the public automatically and Click on Yes, Unlock Feed

How to pre-populate fields on the Form Builder Form

By adding the following parameter, data-form-values="" into the form builder embed, selected fields can be pre-filled. Insert the desired values within the quotes as a query string.

For example, data-form-values="first_name=John&last_name=Doe" would pre-fill the first name as John and last name as Doe, assuming that the form element id for first name is first_name and the form element id for last name is last_name. 

Depending on your goal, you might seek to automate this process, which would require further coding.  It's important to remember that the desired values must be encoded for URLs.

How to auto-tag content via a Form Build Submission

You can auto-tag a post when a user submits their form. To set this up, you will need to do the following two steps:

1. Add the element Hidden on the form and Publish. Take note of the Form Element ID as this is what you will use in the next part. To get this, click on the element. You can also add multiple Hidden elements but in this example, we will only be using one and the Form Element ID is hidden_0.
   
   
2. To get the web embed: Retrieve it from TINT by navigating to your form, clicking on the cog on the right-hand side, selecting "embed" and copying both elements or editing it if it is already embedded.
3. Now you will need to modify your form embed script. To trigger the tagging element of the script, you will need to add: data-form-values="data-form-values="hidden_x[]=xxxxxx"

This is an example

<script async src="https://www.tintup.com/app/dist/tint.js"></script>
<div data-team-id="360919" 
data-form-values="hidden_0[]=test%20for%20article" 
data-form-id="1499"></div>

This will trigger my hidden_0 element to auto-tag with test for article tag when to any submission that comes in.

To see these tags on your posts in the Public PaaP or Ratings and Review feed, you need to make sure that you set your Post Tag element the same as the hidden element that you have put in your form and embed.

As shown in my example, the tag test for article contains spaces. However, in code, spaces must be represented in a specific way, such as "test%20for%20article".  This is the same for other characters so to ensure your text is displayed and tagged correctly, you can use an encoder to convert it properly.  Click here for a tool to encode or decode. 

How to collect Customer ID via Form Submission

You can collect customer ID when a user submits their form depending if they are logged in or not. By tracking what users do via their customer ID, you can create a profile to understand their behavior. This helps in analyzing their engagement and preferences. This can be used to help maintain user sessions and recognize returning users.   When a form is submitted, the hidden field's value will be included in the form report. To set this up:

1. Add the element Hidden on the form and Publish. Take note of the Form Element ID as this is what you will use in the next part. To get this, click on the element. You can also add multiple Hidden elements but in this example, we will only be using one and the Form Element ID is customer_id.
   
   
2. To get the web embed: Retrieve it from TINT by navigating to your form, clicking on the cog on the right-hand side, selecting "embed" and copying both elements or editing it if it is already embedded.
3. Now that you have both parts of the embed code, you will need to add additional code around the embed and possibly modify it to ensure it fits and pulls the customer ID from the appropriate div elements in your website's code. If you are unsure which div elements to include, please consult the team that manages your website or reach out to our Support team.

This is an example:

How to split (A/B) testing via Form Submission

You can create different versions of the form based on specific parameters you set, allowing you to compare them and determine which one performs better. To track this, you can use a hidden element to identify which version of the form was used without displaying this to the user, and this information will appear in the report. 

To set this up: 

1. Add the element Hidden on the form and Publish. Take note of the Form Element ID as this is what you will use in the next part. To get this, click on the element. You can also add multiple Hidden elements but in this example, we will only be using one and the Form Element ID is ab_test_variant.
   
   
2. To get the web embed: Retrieve it from TINT by navigating to your form, clicking on the cog on the right-hand side, selecting "embed" and copying both elements or editing it if it is already embedded.
3. Now that you have both parts of the embed code, you will need to add additional code around the embed and put in the parameters that you would like to use to differentiate the forms that you are testing. If you are unsure of how to do this, please consult the team that manages your website or reach out to our Support team.

This is an example where you will see form a or b which is done by a randomizer:

How to capture UTM parameters via Form Submission

You can capture different UTM parameters via a Form Submission to gain deeper insights into the effectiveness of your marketing campaigns.  To track this, you can use the hidden element to include the UTM parameters in the form submission report.

1. Add the element Hidden on the form and Publish. Take note of the Form Element ID as this is what you will use in the next part. To get this, click on the element. You can also add multiple Hidden elements and we will be using multiple. The hidden elements are utm_campaign, utm_medium and utm_source

   .
   
2. To get the web embed: Retrieve it from TINT by navigating to your form, clicking on the cog on the right-hand side, selecting "embed" and copying both elements or editing it if it is already embedded.
3. Now that you have both parts of the embed code, you need to add some additional code around the embed, include the UTM parameters in the URL, and write the code to capture these UTM parameters. If you are unsure of how to do this, please consult the team that manages your website or reach out to our Support team.

How to track a campaign source via Form Submission

You can monitor the origin of a campaign (e.g., newsletter, social media) via the form submission. This will help in identifying the sources of your traffic and determining which campaigns are generating form submissions.  It also attributes form submissions to specific marketing sources, which helps in understanding the ROI of various marketing channels.

To set this up: 

1. Add the element Hidden on the form and Publish. Take note of the Form Element ID as this is what you will use in the next part. To get this, click on the element. You can also add multiple Hidden elements but in this example, we will only be using one and the Form Element ID is campaign_source.
   
   
2. To get the web embed: Retrieve it from TINT by navigating to your form, clicking on the cog on the right-hand side, selecting "embed" and copying both elements or editing it if it is already embedded.
3. Now that you have both parts of the embed code, you need to add some additional code around the embed, include the parameters in the URL, for example, https://yourwebsite.com/form-page?campaign_source=newsletter, and write the code to capture these parameters. If you are unsure of how to do this, please consult the team that manages your website or reach out to our Support team.

How to add a form to a Community Mission

1. You will need to create your form. 
2. Navigate to the Form Builder icon
3. Click +Add button in the right-hand corner
4. Here you pick Blank Page, Product Review, or Public Post.  Depending on what kind of form you want your members to fill in
5. In the form builder window:
   On the left-hand side of the window, you will see your changes in real-time
   On the right-hand side, you will be able to edit any of the elements by clicking on it to change and click done to apply your changes or you can click + New Element to add a new Element. See Current Elements to see which elements you can currently add to your form.  We will be adding more soon
6. If you would like to move the elements around, you can drag and drop them in the position you like to see them in
7. If you want your member's content to go into UGC Studio, you will need to make sure that you add Rights Management Consent element to the form.
8. Click Publish when you are happy with your form and you want to render the form
9. You will need the embed code for the form to put in your mission.  To get this:
   1. Click on the Settings cog in the right-hand corner
   2. A new pop-up will open and here you will be able to find the embed code.  We have separated it into two sections as if you already have a TINT board on the mission, you will not need the first section of code.  Keep this page open

   An example of the embed code:

   <script async src="https://www.tintup.com/app/dist/tint.js"></script>
   <div data-team-id="360919" data-form-id="186"></div>

10. Then you will need to create your mission hub or add it to an existing missing and your activity. Navigate to the mission page on another browser page.
11. Click on Mission Hub if you want to a new mission hub or click into a mission with the arrow 
12. If you already have an activity page for this, click on it to access it. Otherwise, click on the activity page option on the left-hand side to add one, then click on it to enter.
13. We would recommend putting the form on an activity page.  Click here for more information on how to set up your mission hub and activity.
14.  Whilst on the activity in the mission page section, click on HTML to be able to paste the code in the window.  Copy both sections of code where you would like to see this.  Now you can switch back to WTSIGWYG and you will see the form load. 
15. Click Save 

If you have any additional questions regarding Form Builder, please contact Support at support@tintup.com.