Use the Text content type to add a container and text editor with a “What You See Is What You Get” view of the content to the stage. In addition, you can add links, images, variables, and widgets to the text from the editor toolbar. You can access the text editor directly from the stage or from the toolbox Settings. Changes made directly to the stage are saved automatically. To learn more, see: Using the Editor.
Formatted Text on Banner
To add text
In the Page Builder panel under Elements, drag a Text placeholder to a row, column, or tab set on the stage.
Drag Text Placeholder to Stage
Use the editor to enter and format text, as needed. To learn more, see: Using the Editor.
Text Editor with Content
When complete, tap Save.
To add a link
The Insert Link button in the editor makes it easy to add a hyperlink to an image in the gallery. However, it can also be used to create an inline link in text, provided that you have the URL in advance. Unlike the Widget button, the Insert/Edit link button is not integrated with pages, products, or categories in the store.
To create a link for a telephone number or email, see: Adding Custom Variables.
In the storefront, navigate to the page that is to be the target destination for the link. You can either paste the fully qualified URL, or a relative URL that omits the reference to your store domain.
Full URL https://mystore.com/women/tops-women/tees-women.html Relative URL ../women/tops-women/tees-women.html
In the text editor, select the “Shop Tees >” text in the third line. Then, on the editor toolbar, choose Bold ( ).
Again select the “Shop Tees >” text in the third line. Then, on the editor toolbar, choose Insert/edit link ( ).
In the Url field, enter the relative link that you prepared.
Set Target to “None”.
This setting opens the page in the same browser window, rather than opening a new tab.
In the Title field, enter “Shop Tees.”
The Title link attribute is used by some browsers as a tooltip.
Tap OK to save the link, and return to the Page Builder workspace.
To change text settings
Hover over the text container. Then in the toolbox, choose Settings ( ).
Because the text container is tightly nested inside another container, make sure that you have the correct toolbox.
Update the content and settings as needed, using the field descriptions at the end of this page for reference.
When complete, tap Save in the upper-right corner to save the settings, and return to the Page Builder workspace. Then again in the upper-right corner, tap Save to save all changes to the page.
|Move||Moves the text container to another valid place on the page.|
|(label)||TEXT||Identifies the current container as a text element.|
|Settings||Opens the text container properties in edit mode.|
|Hide||Hides the text container.|
|Show||Shows the hidden text container.|
|Duplicate||Makes a duplicate copy of the text container.|
|Remove||Deletes the text container and its content from the stage.|
|Editor||Used to enter new text or edit existing text. You can also enter and edit text, and add links, images, variables, and widgets from the editor toolbar.|
|Alignment||Determines the horizontal alignment of text. Options:
|Border||Determines the border style that is applied to all sides of the text container. Options:
|Border Color||Determines the color of the container border. Specify the color by choosing a swatch, clicking the color picker, or by entering a valid color name or equivalent hexadecimal value.|
|Border Width||Determines the width in pixels of the container border.|
|Border Radius||Specifies the size of the radius that is used to round each corner of the container border.|
|CSS Classes||Specifies the names of CSS classes from the current style sheet which apply to the text. Separate multiple class names with a space.|
|Margins and Padding||Determines the size, in pixels, of the outer margins and inner padding of the text container. Enter the corresponding values in the visual representation of the container. Options: