Use this widget to create and edit text on your project pages. To add new text click + (W) in the widget bar and select Text.

Click the Text widget once to open general widget settings on the right side: Edit, Align, Animation, Rotation, Position, and Lock. Click Edit or double-click the Text widget, to access text properties such as typography (basic and advanced) and alignment. You can also add Links and special symbols (Insert), change Color, or split text into Сolumns.

Styles

To add a text style—e.g., H1 or Caption—select a text fragment and choose Typography in the widget controls. Click on the downwards arrow next to No style to see the whole list of styles. To create your own style or modify the defaults, click on the three dots next to their title: you can change font size, color, line height, tracking, etc. You can also make styles global, so they will appear in all your projects (both new and existing).

For SEO purposes, you can apply HTML tags—<h1>, <h2>, <h3>, or <h4>—to any style. As a result, the text in the final code will be wrapped with these tags. By default, the H1 and H2 styles are wrapped with <h1>…</h1> and <h2>…</h2> tags accordingly. All the other styles are defined with <p>…</p> tags.

Fonts

To add fonts from Adobe Fonts (Typekit), Webtype, Google Fonts, and type.today to a project click Typography in the widget controls, then click on the font’s title and select Library.

Additionally, you can use Google Tag Manager to add a tracking code from your font provider. This feature is available only for projects with a custom domain name.

Custom fonts do not transfer when a project is transferred to another account per user’s request. The destination account owner will have to re-upload any such fonts in the transferred project manually.

Alignment

Click Align to position the text inside your widget. Besides four basic alignments (flush left, flush right, justified, and centered), you can also select a right-to-left (RTL) orientation for your text in the Writing section.

Additionally, there are two resizing options:

• Auto height—the height of the widget changes automatically according to the length of the text
• Fixed size—set the fixed width and height for your widget and use arrows to select whether text should be shown at the top or bottom.

Advanced typography

Double-click the widget to access Advanced typography settings. Here you can transform your whole text to lower or upper case, add subscript and superscript, fill the text box with color, create lists, apply outlines, etc.