When it comes to form design, headers usually receive all the attention, but footers are also important. The footer gives you another opportunity to grab a customer or lead’s attention or even ask them to take a certain action. Using some custom code and the code editor feature in the ClickDimensions form designer, it’s easy to add images to the footer of a form and take advantage of this valuable real estate.
Please note that this code is provided as-is. ClickDimensions support is not able to support custom code requests.
Navigate to the form and open the form designer. On the designer’s navigation toolbar, click to open the code editor. Once the code editor opens, the HTML is read only, which means you cannot edit the form’s code from this screen.
Once the code has saved, add the HTML component from the Form Component area.
If you would like to insert images, text or HTML into your form, you can do so by using our HTML component. Open the Properties window to edit the HTML component. You can ensure that your image is clickable here, as it provides an easy way to navigate customers to a certain webpage, like your home page, by using Image Map Properties.
You can even include a means of contacting your company, whether that is a telephone number, a link to a contact page or both.
This information in the HTML component will appear with the footer image. Once you’re happy with your HTML component set up, click Submit in the bottom right corner, and your changes will be saved and you will be taken back to the designer.
Interested in customizing your form even further using the code editor? The ClickDimensions web content editors allow users to make some stylistic changes, such as changing the field layout, font colors, font type, etc. However, using CSS allows for many more styling options in addition to what is provided out of the box. This help article contains many CSS examples that can be added to your web content in the code editor in order to modify your form’s styling.