The Text block allows you to add and edit body copy on any SeedProd page. It provides a user-friendly editor for writing and formatting text content, making it the go-to block for paragraphs, descriptions, and any written content on your page.
The block includes a visual WYSIWYG editor as well as a direct HTML editor for full control over your markup. You can adjust alignment, font size, text color, and typography, and optionally insert dynamic text tags to personalize content for each visitor.
Adding the Text Block to Your Pages
Follow these steps to add a Text block to your SeedProd page:
Step 1: Add the Block
Under Design > Blocks, drag and drop the Text block into the desired section of your page.
Step 2: Configure Content Settings
Once added, click on the Text block to open its settings. In the Content tab, you’ll find the following options:
- Text Editor: Enter and format your text content using the Visual Editor (WYSIWYG) or switch to Edit HTML to write markup directly. The visual editor supports standard formatting options such as bold, italic, links, and lists.
- Text Alignment: Set the horizontal alignment of your text — Left, Center, Right, or Justify — with per-device controls for desktop, tablet, and mobile.
- Font Size: Adjust the base font size for the text block using a slider.
- Insert Dynamic Text: Insert personalized dynamic tags into your text — such as the visitor’s name, location, or URL parameters — to display customized content for each visitor.
Step 3: Customize the Design
In the Advanced tab, you can customize the visual appearance of your Text block.
Styles:
- Typography: Set the font family, size, weight, style, line height, letter spacing, and letter case for your text.
- Color: Choose the text color.
- Text Shadow: Apply a shadow to the text using preset sizes (None, Hairline, Small, Medium, Large, X Large, 2X Large).
- Box Shadow: Apply a shadow to the block container using preset sizes.
Spacing:
- Margin: Set the outer spacing around the block on all four sides, with independent controls for desktop, tablet, and mobile.
- Padding: Set the inner spacing inside the block wrapper on all four sides, with per-device controls.
Attributes:
- Custom Class: Add one or more custom CSS classes to the block wrapper for targeted styling.
- CSS ID: SeedProd automatically generates a unique CSS ID for this block. You can use it to reference the block in custom CSS or JavaScript.
- Custom Attributes: Add custom HTML attributes to the block wrapper element. Enter each attribute on a new line using the key|value format.
Device Visibility:
- Hide on Desktop: Toggle to hide the block when viewed on desktop screens.
- Hide on Tablet: Toggle to hide the block when viewed on tablet screens.
- Hide on Mobile: Toggle to hide the block when viewed on mobile screens.
Animation Effects:
- Scrolling Effect: Apply a scroll-triggered animation to the block, including Vertical Scroll and Horizontal Scroll options with direction, speed, and viewport offset controls.
- Mouse Effect: Apply a mouse movement-driven parallax effect to the block.
Step 4: Save Your Changes
Once you have finished configuring the Text block and customizing its appearance, make sure to save your work.
You’ve successfully added a Text block to your page! Clear, well-formatted copy is one of the most important elements of any effective page. Experiment with typography, color, and spacing to create text sections that are easy to read and perfectly aligned with your brand.