Pages 2.0

This article details what the Text Widget is and how to manage it.

What is the Text Widget?

The Text Widget allows you to incorporate and format text content on your page, streamlining your content creation process. Whether you're writing compelling narratives, sharing informative articles, or simply adding descriptive text, this tool has you covered.

You can write in your own words or quickly generate engaging content by leveraging our AI Writing Assistant. The widget's extensive formatting options, including bold, italic, underline, strikethrough, and text alignment, allow you to emphasize key points and enhance readability. You can also add hyperlinks to provide additional context or direct users to relevant resources.

For structured content, lists and code blocks offer efficient ways to organize information. Additionally, tables enable you to present data in a clear and concise manner. To further customize your text widget, you can add a header, adjust the background color, and fine-tune padding and corner rounding to match your overall design aesthetic.

For more information about adding widgets to your page, please see this article.

How to use the text widget

Once you’ve added the text widget to your page, you can begin creating your content.

Quick insert

To add content using the widget, follow these steps:

1. Click in the blank input area. This will reveal a plus icon on the left side of the widget.
2. Click the plus icon. A menu of options will appear.
3. Select the desired content type: - Insert image: To upload and embed an image from your computer.
   • Insert video: To embed a video using its URL or embed code.
   • Unordered list: To create a bulleted list.
   • Ordered list: To create a numbered list.
   • Insert horizontal line: To add a visual separator.
   • Insert code: To embed code snippets.

Manual text input

Simply click within the text field and start typing your desired text.

AI-assisted writing

Starting with AI

Don't have a starting point for your text? No problem! Our AI-assisted writing tool can help you generate initial content. Here’s how:

1. Click the Write with AI button.
2. Input a brief description of the content you want to generate.
3. Choose the desired tone (formal or casual) and language for your text by clicking the drop-down menu at the top left.
4. Click Generate to receive AI-generated text.
5. You can further refine the text by clicking Rewrite to generate alternative options or Edit Prompt to modify your original prompt.
6. Once satisfied with the generated text, click Add to Post to add it to the text widget.

Editing written content with AI

Want to enhance your written content? Our AI-assisted writing tool can help. Simply:

1. Highlight the text you'd like to improve.
2. A tool window will appear. Click the purple AI button.
3. Choose your preference: - Adjust tone– Select a formal or casual tone.
   • Format text– Bulletize, elaborate, or shorten your text.
   • Correct grammar– Identify and fix grammatical errors.
   • Translate language– Convert your text to a different language.
4. Once the AI generates suggestions, you can: - Edit the prompt– Modify the original instructions for more tailored results.
   • Regenerate text– Request new suggestions.
   • Replace or add text– Incorporate the AI's output into your original text.

Best practices

• Provide clear and specific prompts - Clearly articulate the topic and the desired outcome. - Consider who will be reading the content to adjust the language and style accordingly.
• Iterate and refine - Use the AI-generated text as a starting point, not a final product. - Review the generated text carefully for accuracy, clarity, and coherence. - Try different prompts to get different outputs and find the best fit for your needs.
• Be aware of AI limitations - Always verify the accuracy of the generated content. - Use AI responsibly and ethically, avoiding plagiarism and misinformation.

Text formatting

Highlight the desired text to access the following formatting options:

• AI-assisted writing– Use AI to enhance your writing.
• Heading levels– Choose from Heading 1, Heading 2, and Heading 3 for different sizes and levels of importance.
• Basic formatting – Apply bold, italic, or strikethrough styles to text.
• Hyperlinks – Add clickable links to your text.
• Text alignment– Align text to the left, right, center, or justify.
• Text color– Customize the color of your text.
• Text background– Add a background color to your text.
• Lists– Create bulleted or numbered lists.
• Indentation – Increase or decrease the indentation of text.

You can click More options for more customization options:

• Underline– Add an underline to your text.
• Code blocks– Insert code snippets with proper formatting.
• Code view– Switch to a code view for advanced formatting.
• Tables– Create tables to organize data.
• Clear formatting– Remove all formatting from selected text.

How to manage the text widget

To manage the text widget:

1. Navigate the page group where the widget resides.
2. Click the pencil icon at the top right of the page to open the page editor.
3. Hover your mouse over the widget until it is highlighted in blue, and click on it.
4. Select the settings(gear) icon at the top right of the widget.
5. A new window will open where you can adjust the widget's settings. You can switch between the Configure and Styles tabs to adjust what is displayed and how the content is displayed.

Configure

• Widget header – Add a header to the widget. Once toggled, you can type the widget’s header in the text field that appears above the widget.

Styles

• Background color–  Select the background color of the section. The colors available to you will depend on what the system default is and the brand style you are using.
• Padding–Adjust the amount of background visible behind the widget. You can set a value between 0px and 100px. A larger value will show more of the background, making the section header and content appear smaller. A smaller value will minimize the background visibility, making the widget appear larger. Adjust the slider to fine-tune the amount of padding.
• Round corners–Round the corners of the widget between the values 0px and 100px. A larger value will make the widget corners appear rounder, whereas a lower value will make them appear sharper.

More information about widgets

To read more about what widgets are and how to resize, copy, and delete them, please refer to this article.

FAQs

How can I add images or other media to my text widget?

While you cannot directly add images or other media types to the text widget, you can easily integrate them into your page using other widget types. Simply add image, video, or iFrame widgets to the same section as your text widget and adjust the locations and dimensions accordingly.

How can I ensure my text is accessible to users with disabilities?

When formatting your text, we recommend using appropriate heading levels, alt text for images, and other accessibility best practices.