Prepare: Editing a Custom Form: Using HTML Code

You can use simple HTML code to add additional formatting, links and images to your custom forms:

Here are some helpful HTML codes to use in custom forms:

This is the text I want to bold

This is the text I want to italicize

This is the text I want to underline

When you add the line break operator at the end of a sentence

the text afterwards will be displayed on the next line down.

This is the text I want in red

This is the text I want to be larger

Use the following string example

<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

Just replace the URL "http://www.w3schools.com/" with your own URL

and the text "Visit W3Schools!" with your own text.

Pro tip: add the operators outside of this string to make the hyperlink underlined.

To add an image you will need to use a text paragraph type field and the following code,

where the 'img src' is the URL of the image:

<!DOCTYPE html>
<html>
<body>
<center>

<img src="http://www.schoolmint.com/wp-content/themes/sm/images/retina/pc-phone.png">

</body>
</html>

If you added the code above to a text paragraph field, the image below will be displayed upon saving.

For more formatting options, you can reference any HTML help site!

Try out different combinations in Sandbox (your test site) to reach your desired formatting before saving it in Production (your live site).