Skip to main content

Style your survey questions, introduction, and answer text

Using HTML tags you can add hyperlinks; change text size, make the text bold, or italic, or add an indent to your survey.

Written by Agnieszka

You can use inline HTML modifications in Email or Shareable link and Website or in-product surveys. Use this feature to style your introduction text with bold, italics, hyperlinks, and many more! See what can be achieved below and learn how to use it in your project!

💡 If you want to style your question text, you can do that with our built-in feature - learn more about it here!

Add a hyperlink

  • Choose if you want to hyperlink the whole question or just a part and click on the 🔗 icon:

  • After you type your URL, click Enter to save it.

  • From the preview, you can not only see how this text will look to respondents, you can actually click on it to be taken to your given URL:
    ​

Style your survey text

Add a line break

To split your question into several lines, mark a place in the text and press Enter.

Use bold font

In your question's body, highlight a part of the text you want to make bold and click on the B icon:

💡 The question field of all questions in Website or in-product surveys is designed to be bolded by default. You can additionally make parts of the introductions in this survey type bold.

Use italic font

While editing your question, highlight the text you wish to make italic and choose the I icon:

Resize the survey text

You can make the text smaller by using the following HTML tags in a question's text:

<small>YOUR TEXT HERE</small>

Create a list in your survey

List items in a question by using this HTML code in the question's text:

<ul>
<li>YOUR TEXT HERE</li>
<li>YOUR TEXT HERE</li>
<li>YOUR TEXT HERE</li>
</ul>

You can see an example of a list used in a single-choice selection:
​

List of allowed tags and attributes

Here you can find a list of allowed HTML tags you can use in your surveys:
​

'a': ['class', 'href', 'name', 'style', 'target' (only '_blank')],
'b',
'br',
'div': ['class', 'title'],
'em',
'h1',
'h2',
'h3',
'h4',
'i',
'img': ['src', 'alt', 'title', 'class', 'width', 'height'],
'label': ['for'],
'li': ['class'],
'p': ['class'],
'small': ['class'],
'span': ['class', 'title'],
'strong',
'table': ['summary'],
'tbody',
'th': ['abbr', 'class'],
'td': ['abbr'],
'tr',
'ul'

Best Practices

Use HTML tags to add a picture to your survey

Learn how to use an HTML tag to insert a picture into your survey question or answer!

Recall respondent attributes

Insert an attribute or a respondent's answer to a previous question to personalize the experience.

📞 If you have any questions or need further assistance - feel free to reach out to our team via chat or email: support@survicate.com

Did this answer your question?