Text Editor: Adding style, links, icons and global tags to text modules

The Text Editor is a tool for adding and editing text, adding Global Data tags, HTML heading tags (h1, h2, etc.), adding tables and changing text styling.

The Text Editor appears at the top of your the Text module you are editing.

 

 

Text design

Apply different predefined text styles using the Text Editor's Design dropdown:

1. Highlight your text
2. Click the arrow in the design dropdown on the left of the ribbon. If no style is selected, it will say NONE
3. Select the preferred text style from the dropdown list.

 

You have the following eight predefined text styles, both in light and dark:

• Spot text
• Small spot text
• Headline
• Subtitle 
• Small subtitle 
• Preamble
• Body text
• Small text

You can modify the predefined styling of these text styles in Global Styling. Read this article to learn more about working with text styles. 

 

Edit H-tags for search optimisation

On the left side of the Text Editor ribbon, to the right of the design dropdown, you can see the H-tag (HTML heading Tags) dropdown.

H-tags help search engines read and prioritize text on your website:

• The H tags range from H1-H6 and indicate the importance and type of your content.
• H1 indicates your main title
• H2 your headers 
• H3 indicates your subtitles
• H4 to H6 indicate subtitles in descending order, following the same logic as above
• P means that the text is a paragraph.

Use H1-H6 for different types of headings and P for all body text on your website.

 

 

Local design options

Font family, font size, font weight, letter spacing and Paragraph height

Under the three dots, you can choose Font Family, Font Weight, Font Size, Letter Spacing, and Paragraph Height. Use these options to edit the design of a specific piece of text locally.

If you use this option, you only update the specific text module you are currently editing. To edit all similar text styles across the page, you should instead update your predefined text styles as described under Text design at the beginning of this article.

 

Bold, italics and underline

Apply bold, italic and underline style to your text locally under this option in the ribbon. 

 

Text color

Want to change the text color of one specific line or word? You can do so by clicking the circle shaped Color icon in the ribbon.

Here you can choose from your Global Colors, but you can also pick a new color by inserting a Hex code, or dragging the color picker. 

 

Clear formatting

Use this option to clear all formatting. Simply highlight the text and click the rubber icon in the menu.

 

Text alignment

Change the positioning of your text by using left, right, centre align or justify.

 

Add Global Content Tag

Use the globe icon to add a Global Content tag to your text, such as company description, name, phone number, or address. This allows you to update the information across the entire website efficiently. For example, if you tag the company phone number and it changes later, you only need to update it under Global Data, and it will automatically update everywhere the tag is used. 

To add a piece of Global Data, such as your company name or address:

1. Click on the globe icon
2. Select Insert and an overlay will appear
3. Click on the Add Global Data dropdown to select the Global Data item you want to include.
4. Click on Insert to add the content to your text.

 

  Global Data behavior

Using Global Data is the best way of adding business-specific content to your website as it's easy and quick to change. When using a Global Data item in the Text module, the content will automatically change once you update your business information in Global Data. This means that you only ever need to change your information in one place. Read more about Global Data tags here.

 

Add and remove links

Add a link to your text by clicking on the paper clip icon in the Text Editor. Click on Link to open the link interface where you add/change and set the behavior of your link. You can link to an external URL, an internal page, an email or a file for download. Select the preferred link type from the dropdown.

Enabling the option Open link in new tab will open your linked content in a new browser tab when clicked. Activate Set 'nofollow' property if you don't want search engines to follow the hyperlink. When this setting is enabled, your link will not affect the target's search engine ranking.

Remove a link from your text by highlighting the linked text, click the paper clip icon and selecting Unlink.

 

Add icon

Add an icon to your paragraph. Click on the star icon, select the desired icon from the list and click Insert.

 

Add a table

Using a table is a good way of providing visitors a structured overview of information, such as the services you provide, price lists, etc.

Add new table: add a new table by clicking on the table icon in the Text Editor and select the amount of cells you want in your table.

Click on the table to add elements or edit the table.

• Table properties: click on the first icon in the table overlay to open the table properties. Here you're able to change the design of your table such as spacing, border and width/height.
• Delete table: click on the second icon in the table overlay to delete your table. You can also delete your table by highlighting it and pressing delete on your keyboard.
• Insert row before or after: click on the two icons with a plus icon positioned horizontally (third and fourth icon) to add an extra row. You have two options when adding a new row - to add it before or after the row your cursor is currently positioned within.
• Delete row: click on the icon with an x on top of horizontal lines (fifth icon) to delete the row your cursor is currently positioned within.
• Insert column before or after: click on the two icons with the plus icon positioned vertically (sixth and seventh icon) to add an extra column. You have two options when adding a new column - to add it before or after the column your cursor is currently positioned within.
• Delete column: click on the icon with an x on top of vertical lines (eighth icon) to delete the column your cursor is currently positioned within.

 

Lists

the text editor gives you two list options: a numbered and a bulleted list. You create a list in your text by clicking on the icon of your preferred type of list.

 

Undo and redo styling 

Undo and redo your latest actions by clicking on the undo and redo icons located at the far right of the Text Editor. You can undo and redo back to the first edit of your text in a specific Text module.

 

Last updated: 19 July 2024