Using HTML to Add Images, Links, and Text Formatting

Embedding Images and Media
Formatting Text

HTML formatting is supported in lots of places across Wufoo:

This article goes over a few popular ways to use HTML in Wufoo, but w3schools.com is a great resource where you can learn how to do more with HTML.

Embedding Images & Media

Learn how to add visuals into your form with HTML.

TIP! Use a Section Break Field We suggest pasting the HTML code for images, videos, maps, and other media into the Instructions for User field setting in a Section Break field, which doesn't collect any data. It's a blank canvas perfect for embedding media in your form!

Images
To add an image, enter the following HTML:
View raw code here.
Just replace https://example.com/puppy.gif with your own image URL, and edit the width and height. To make sure your media shows in your form, it must be hosted on a site that uses the latest version of HTTPS.
You can host the file in File Manager which will give you a direct link to use when adding the image. Click More next to the image in File Manager, and then click Get Link.
TIP! Add Logos in the Theme Designer You don't need to use HTML to add a logo to the upper-left corner of your form. Instead, use the Theme Designer. Learn more: Adding a Logo
Videos
Maps

Formatting Text

Learn how to style text in your form (like bold or underline), or make text into a link, with HTML.

If a field label contains HTML, rules will not work with that field.

Style (Bold, Italic, etc.)

Here are some popular tags you can use to format specific text in your form.

Tag	Description	Example Text
<b> Your text here </b>	Bold	Your text here
<i> Your text here </i>	Italic	Your text here
<del> Your text here </del>	Strikethrough	~~Your text here~~
<sup> Your text here </sup>	Superscript
<sub> Your text here </sub>	Subscript

TIP! Use Themes to Make Global Style Changes Themes let you control the fonts and styles across your entire form. For example, if you want to remove the bold style from all field titles in your form, change the Typography settings in your theme and then apply that theme to your form. Learn more: Designing & Applying Themes

Links
To make text into a link, use the following HTML:
View raw code here.
This example would create a link that looks and works like this: Wufoo
Just replace https://www.wufoo.com with the URL of the website you want to link to, and replace Wufoo with what you want your link text to say. The piece that says target="_blank" ensures that when people click the link, the website will open in a new tab or window so they won't be taken away from your form.

DocuSign Field

Building a Form

Getting Started with Wufoo

Wufoo

Using HTML to Add Images, Links, and Text Formatting

Embedding Images & Media

Formatting Text

Related Articles