The text widget

The text widget is the primary tool for adding text to your sites, pages and pop-ups. Learn how to format and style your text as well as add links and more here.

Using the text widget

To get started, simply click and drag it to the location you wish to add text, or use an existing text widget from one of our templates.

Editing text

You can click on any text directly and start typing to edit it, or hover over the text and click the edit icon to open the text widget settings.

We support multiple paragraphs, so you can hit the return/enter key to add even more content. Use shift + return/enter to create a new single-spaced line.

If you make a mistake, you can use standard undo and redo keyboard shortcuts (command/ctrl + z to undo, and command/ctrl + y to redo).

The text widget settings are movable. Therefore, if the settings are in the way of the text you are editing, simply click and drag the text widget settings to be better positioned for your editing.

Selecting text type

Use the text type to call out the headlines for your text and the "normal text" type when writing in more of a paragraph form.

Headline SEO tags

Some users want to make sure they have an SEO H tag on their page. You can make sure of this by using the headline types, as each size setting within the headline types corresponds with an H tag like so:

• Jumbo, Headline 1 = <h1>
• Headline 2 = <h2>
• Headline 3 = <h3>

More on tracking and SEO here.

Formatting text

Below the text type, you can change your text's font as well as adjust the size of the text and spacing between the lines of text.

You can increase the size and spacing of your text — for larger sizes, consider using a different text type.

You also have the option to bold, italicize, underline, or strikethrough text, respectively.

Customization and styling details

• To set a default font for text widgets on your page or site, click Styles in the left sidebar of the builder, then "Font Styles" and choose your desired typeface.

Customizing text, bullet and icon color

Use the color picker to choose from your brand colors, recent colors, or click ADD next to "Recent Colors" to enter hex codes or select a different color for your text.

When editing a bulleted list, select the color picker, then the "List Item" tab to change the bullet, number or custom icon color as seen below.

Creating lists and adjusting alignment

Click the alignment icon to select left-, center-, and right-aligned text.

Select the bulleted list icon to create a list with checkmarks, bullets, numbers, or custom icons. Select the bottom crossed out icon to remove the list styling.

Creating links

You can link any text to a pop-up, Calendly pop-up, page section, landing page or external URL. Highlight the text you’d like to turn into a link and click the link icon in the widget settings. Then, choose your link’s destination. You can also learn more about creating pop-ups here. ​For more on linking options, click here.

Add superscripts, symbols and emojis

On a Mac:

To add a trademark symbol, superscripts, emojis etc. to text on your page, place your cursor where you would like to insert it. Then navigate to your browser's top menu bar and click Edit, then Emoji and Symbols. A window will appear where you can search and select the character you're looking to insert. Once selected, the character will be inserted onto your page.

On a PC (Windows 10 Chrome):

To add a trademark symbol, superscripts, emojis etc. to text on your page, place your cursor where you would like to insert it. Right click, then select Emoji. A window will appear where you can search and select the character you're looking to insert. Once selected, the character will be inserted onto your page.

Use a custom font

While we do provide a number of Google's most popular fonts, you might have one specific to your brand or business that you'd like to use with Leadpages.

To apply a custom font in Leadpages, navigate to the Settings tab on the left-hand side of the builder, then Analytics.

In the section below "Head Section Tracking Code," paste the following code:

FONT_LINK_HERE

<style>
* {
 FONT_FAMILY_CSS_HERE !important;
}
</style>

Then navigate to Google Fonts to find your custom font. Once you've selected your font, copy the font's standard embed font link and replace the FONT_LINK_HERE line with it in Leadpages.

Next, in Google Fonts, copy the text below "Specify in CSS" and replace solely the FONT_FAMILY_CSS_HERE text in Leadpages.

Example using the ZCOOL QingKe HuangYou font:

Available fonts

Below are the fonts available in the Leadpages builder.

Tips and frequently asked questions

Can I use different icons for each item in my bullet list?

Your selected icon will apply to the entire list. However, you can create multiple lists within the same text widget if you separate them with an empty line.

Can I upload my own text/font style?

We provide a curated selection of 60+ of the most popular Google Fonts.

We don’t support uploading custom fonts at this time, though you can use web fonts if you’re comfortable with CSS and HTML.

If you’re pairing text with an image or a calendar event, consider using a more specific widget.

You can read more about our Image + Text widget here.