Adding and Configuring One Column Text on a Webpage
Overview
The One Column Text component allows users to add and display formatted text content on event webpages. It is commonly used for descriptions, instructions, or informational content. This article explains how users can add and configure the One Column Text component on a webpage using the Web Builder.
Step-by-Step Approach
1. Access the Web Builder
- On the Event dashboard, go to the Content module.
- Select the Pages submenu.
- Open the required page in edit mode.
2. Add the One Column Text Component
- From the component panel, locate One Column Text.
- Drag and drop the One Column Text component onto the desired section of the webpage.
3. Enter or Edit the Component ID
- Select the One Column Text component.
- In the component settings panel, enter or edit the ID field.
- The ID can be used for navigation or styling purposes.
4. Enter or Edit the Title
- In the Title field, enter or update the title text, if applicable.
5. Select a Dependency
- From the Dependency select field, choose a dependency if required.
- The component visibility updates based on the selected dependency conditions.
6. Select Section Version Type
- From the Section Version Type select field, choose the appropriate version.
- This controls which version of the content is displayed.
7. Edit the One Column Text Content
- Edit the text directly in the Web Builder.
- Use the available styling and formatting options to format the content, such as font style, alignment, or lists.
8. Select Merge Tags
- From the Merge Tags select field, choose the required merge tags.
- Merge tags dynamically display event or participant data within the text.
9. Manage One Column Text Placement
- Reposition the One Column Text using drag-and-drop within the page layout.
- Ensure the One Column Text placement aligns with the page design.
10. Save and Apply Changes
- Publish the webpage to apply the configured One Column Text settings.
- Preview the webpage to validate the One Column Text placement and behavior.