The Bottom bar is the grey bar in the bottom in the Forms Editor, and it's where you can adjust the settings of your Forms & Pages activity.


In this article


Settings

While in the Editor, open the Settings by clicking Settings on the Bottom bar.

bottomBar4.jpg

You'll see Form, Design and Validation Settings.

bottomBar7.jpg

Form Settings

In Form Settings you can adjust the working name and the page title of your activity.

Enter a working name under Name. This will only be visible to users inside APSIS One.

Under Page title, enter a title for the page where the Form or Page is hosted. This text will be shown in the browser where visitors open your activity.


Design Settings

Form Width

Adjust your activity's width by entering a measurement in pixels under Form Width (px).

The maximum width is 1500px.

Body Colour

To make the body colour transparent, click the X icon next to the colour code. The colour preview will be a white circle crossed with a red line.

Design3.jpg

Adjust the colour of the body by clicking the circle next to colour to open the colour picker.

Background

Adjust the colour of the background by clicking the circle next to colour to open the colour picker.

If you want to use an background image, click the Upload Image button.

Tile - this is the standard setting, it works everywhere where background images is supported. The image will be repeated both in x and y direction.

You can also choose between fill, fit or stretch;

Fill, this fills up the background, it will rescale your image and keep its dimensions and crop the image

Fit, will show the whole background image 1 time, it will rescale it, but will not crop the image

Stretch, will fill up the whole backgrund, rescale the image, stretch it out instead of cropping it.

Border Width & Radius

Adjust the thickness of the border by dragging the Width slider right for a higher measurement and left for a lower measurement.

The radius of the border will determine how round the corners will be. Drag the Radius slider right for a higher measurement and left for a lower measurement.

Design4.jpg

Border Colour

Adjust the colour of the border by clicking the circle next to colour to open the colour picker.

Design5.jpg


Validation Settings

The Validation Settings of your Forms & Pages activity is only available if you've chosen to create a Form.

Here you can choose how the form will look and behave if the visitor doesn't complete a field, or enters information in an incorrect format (letters in a phone number, for example).

bottomBar8.jpg

Highlight missed field

Tick the Highlight missed field checkbox to change the colour of the input field that the visitor missed.

Adjust the colour of the missed field by clicking the circle next to colour to open the colour picker.

bottomBar9.jpg

Missed field message

Under Message, enter the text you wish to display under the input field if the visitor doesn't fill it out before submitting your form.

bottomBar10.jpg

Note that this error message will only come up if you set it up as required, or in the event of the confirmation field not matching the original.

bottomBar14.jpg

Wrong format message

Under Message, enter the text you wish to display under the input field if the visitor enters information that doesn't match the format of your input field.

bottomBar11.jpg

Preview error messages

Toggle Preview error messages to see in the Forms Editor how it looks like when visitors don't fill out your form correctly.

bottomBar12.jpg

To test it, simply click on the Input Field Element and recreate what an incorrect response would be directly in the editor, like letters in a number type for example.

bottomBar13.jpg

Note that the error message and styling will only come up if you set up the input field as required, or in the event of the confirmation field not matching the original.

bottomBar14.jpg

Hidden Values

Capture data automatically and enrich your Profiles with Forms Hidden Values.

Configured in the Settings of the Form Editor, hidden values allows you to populate the Profiles from visitors who fill in your Form with Attributes, Tags, or Events.

Use the Hidden Values setting to automatically capture data from Profiles, depending on which Form they fill in. The values will be the same for each visitor that completes the Form, and allows for greater insights, a deeper understanding of your Audience, and the opportunity for more personalised communications in future marketing campaigns!

There are three types of hidden values:

  • Profile Attribute: Set the value of an Attribute for all visitors who complete your form.

    For example, this is useful if your campaigns are targeted in certain countries: set the Country Attribute value to Sweden for your Form for Swedish visitors. Each visitor who fills in the Form will have a Country Attribute with Sweden as a value!

  • Profile Tags: Use a Profile Tag to differentiate those who opt-in via your Form.

  • Event Property: Add a custom field in the Event data of the Form - Submit Event. Use this to further personalise the way you collect and act upon Event data.

    You can add more details to the Event data and later target Profiles with Segmentation, without adding any unnecessary Attributes or Tags to Profiles.

    For example, this might come in handy when testing which Form performs better, or during a seasonal offer. Read more about Forms & Pages Events...

Where do all the form responses go?

Take a look at our article about Forms & Pages Profile data...

Did this answer your question?