Formatting Text in Gravity Forms: Basic HTML Guide

Gravity Forms HTML Guide

by Aadil Vagh (aadil.vagh@footballwest.com.au)

Gravity Forms, used to create forms on the Football West website, allows basic HTML formatting for form descriptions, HTML text fields, and field descriptions. Below is a guide to help you apply simple formatting effectively.

To easily format text for Gravity Forms, use an AI tool like ChatGPT. For the best results, include the phrase “Format in HTML for use with Gravity Forms” when generating text. Then, copy and paste the formatted output into the required fields.

Basic HTML Tags

1. Paragraphs (<p>)

Use <p> tags to create paragraphs. Always close the tag with </p>.

Example:

<p>This is a paragraph of text.</p>
<p>This is another paragraph of text separated using the <p> tag.</p>

Output:

This is a paragraph of text.

This is another paragraph of text separated using the <p> tag.

2. Bold Text (<strong>)

Use <strong> to make text bold.

Example:

<strong>This text is bold.</strong>

Output:

This text is bold.

3. Italic Text (<i>)

Use <i> to italicize text.

Example:

<i>This text is italicized.</i>

Output:

This text is italicized.

4. Underlined Text (<u>)

Use <u> to underline text.

Example:

<u>This text is underlined.</u>

Output:

This text is underlined.

5. Line Breaks (<br>)

Use <br> to create a line break.

Example:

This is line one.<br>This is line two.

Output:

This is line one.
This is line two.

Lists

1. Ordered List (<ol>)

Example:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

Output:

  1. First item
  2. Second item
  3. Third item

2. Unordered List (<ul>)

Example:

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

Output:

  • First item
  • Second item
  • Third item

Hyperlinks (<a>)

Use <a> to add links.

Example:

<a href="https://footballwest.com.au" target="_blank" rel="noopener noreferrer">Visit FW Website</a>

Output:

Visit FW Website

Best Practices

  • Always close your tags properly (<strong>Text</strong>, <i>Text</i>, etc.).
  • Use <br> instead of empty <p> tags for spacing.
  • Do not overuse formatting (e.g., avoid making all text bold).
  • Test your formatting using the Gravity Forms preview feature.

This guide should help ensure text is well-formatted and easy to read in Gravity Forms. If you have any issues, double-check that all opening tags have corresponding closing tags.