When you have implemented Usabilla and set up your forms you may have noticed that for paragraph form elements that there is a checkbox that says "enable HTML". In this article, we'll go over how you can use this feature to enrich your feedback forms and campaigns with HTML.
For this article, we recommend that you have some basic understanding how web pages work and that you are familiar with using Usabilla for Websites. This article is still being updated, so if you have any feedback use the feedback button or the widget at the end of the page.
The enable HTML feature allows you add basic HTML to your Usabilla for Website feedback forms and Campaigns. HTML stands for Hypertext Markup Language (HTML). HTML is used for creating web pages and can be read by your web browser. Having HTML available in Usabilla for Websites allows you to really get creative with your feedback form and campaigns. Most common uses include:
- Adding a link to your feedback form that links to your customer support pages.
- Adding an iframe to your feedback form thank you page that integrates Facebook on the thanks you page.
- Adding images to your campaign and asking for feedback about them.
HTML works with tags that can be recognized by the encapsulating "<..>". To start using the "Enable HTML" feature simply go to your Usabilla Feedback form or Campaign and add a "Paragraph Element". When you've added a paragraph element click on it to edit it. In the "edit" modal that appears you notice that there is a text area where you can add the text and there is a checkbox below it. Tick the checkbox with the label saying "Enable HTML" to start using HTML in your Usabilla Feedback forms and Campaigns.
In the following sections, we'll go over the most common HTML tags that you can add to your Usabilla for Websites Feedback forms & Campaigns, and how you can use them by providing examples. We've made sure that the examples are as descriptive as can be so that learn from them and use them as a starting point. If you want to know more about how to use these HTML tags we highly recommend checking websites like W3schools.com
Links, also known as hyperlinks, can be used for linking to another web page. In addition to linking to another web page, you can use links also use links for other purposes like open the mail program of the user or dialing a phone number when the user uses a phone to access your web page.
Each link tag can be recognized by the letter "A" which is encapsulated by chevrons like this<a> </a>. In between the opening and closing tag you can add text which will be displayed as the link. In the JSFiddle down below you'll find several examples of the links that you can use. In the JSfiddle you'll also see that each <a> element has properties. These properties allow you to define your link for styling but also for specifying how the link should be opened.
Images can be very helpful when you're trying to explain something or when you want to make it a little more visual. Images can be added by using the <img> tag. While most HTML tags have a closing and opening tags, the <img> is a so-called open-ended HTML tag. This means you do not have a closing tag.
More to be added...