Using HTML to Add Images, Links, and Text Formatting
HTML formatting is supported in lots of places across Wufoo:
- Section Break Fields
- Instructions for User
- Confirmation Emails & Messages
- Form Titles & Descriptions
- Field Labels
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.
To add an image, enter the following HTML:
Just replace http://example.com/puppy.gif with your own image URL.
To embed a video, grab the embed code from a video website like YouTube or Vimeo and paste it into your form. You can usually find the embed code for a video in the Share options for that video.
The embed code will look something like this:
The video will end up looking like this when you view your form:
To embed a map, grab the embed code from a maps website like Google Maps and paste it into your form. You can usually find the embed code for a video in the Share or the Link options for that map.
You can usually find iframe codes in the Share or Embed options for a map, and the HTML will look something like this:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d228611.25294358036!2d-82.59650605382204!3d27.997780751096553!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88c2b782b3b9d1e1%3A0xa75f1389af96b463!2sTampa%2C+FL!5e0!3m2!1sen!2sus!4v1462565615208" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
Learn how to style text in your form (like bold or underline), or make text into a link, with HTML.
Here are some popular tags you can use to format specific text in your form.
|<b>Your text here</b>||Bold||Your text here|
|<i>Your text here</i>||Italic||Your text here|
|<del>Your text here</del>||Strikethrough|
|<sup>Your text here</sup>||Superscript||Your text here|
|<sub>Your text here</sub>||Subscript||Your text here|
To make text into a link, use the following HTML:
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="new" 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.