HOW TO ADD A TEXT EDITOR BLOCK
The Text Editor Block is perfect for adding formatted text, links, and even buttons to your website. Here's how to add and customize it step-by-step!
STEP ONE
Log in to your Zibster account, then click on WEBSITE in the left-hand menu.
STEP TWO
CHOOSE YOUR PAGE
Select the page where you’d like to add your text—or create a new one.
You can add a text block in two ways:
- Quick Add: Click the Text icon on the right side of your screen to add a block to the bottom of the page.
- Drag & Drop: Hover over the Text icon, click and hold, then drag the block to your desired spot. Release when the teal line appears.
You can always move blocks around later by dragging them up or down the page.
STEP THREE
PICK A BLOCK STYLE
After adding your block, you’ll see layout options:
- Blank Block: Fully customizable and styled using your website’s global design settings.
- Pre-Designed Block: Choose from beautiful, professionally designed layouts.
Click Select to add your preferred style to the page.
STEP FOUR
ADD YOUR TEXT
In the Editor section, enter a Title and Text for your block.
- If you chose a pre-designed block, there will be placeholder text you can edit or remove.
- Need help writing? Click Ask Zibster AI in the top-right corner of the editor to generate content based on your prompt.
You get 50 AI requests/month with your Zibster Website Package!
PRO TIP!
Copying and pasting from outside sources (like Word or websites) can carry over unwanted formatting.
To paste as plain text, use:
- Mac: Command + Shift + V
- Windows: Ctrl + Shift + V
ASK ZIBSTER AI
Zibster AI can help you write blog posts, service descriptions, and more. Just click Ask Zibster AI and type a prompt like:
- “Write a blog post for a skincare business offering winter skincare tips.”
- “Help me describe my business coaching sessions in a warm, inviting way.”
Click Generate Text, review the copy and make edits.
Click Save Changes when you're ready.
ADDING A BUTTON TO YOUR TEXT EDITOR BLOCK
You can easily add a button to the text editor block with various action options:
Want to include a clickable button? You can choose what it does:
- None: Decorative only
- External Link: Opens another website
- Page: Links to a page on your site
- Form: Connects to a form from the Form Builder
- Marketing: Links to a campaign or landing page
- File: Opens a file (PDF, image, etc.)
- Phone: Adds click-to-call
- Email: Opens email client
- Address: Opens Google Maps
- Video: Embeds a YouTube/Vimeo video
- Pop-Ups: Triggers a popup for promos or sign-ups
LAYOUT OPTIONS
Choose a layout that best fits your content:
- One Column: Simple and clean
- Two Columns: Split your content in half
- Editorial Left: Great for quotes or highlights
- Editorial Top: Perfect for longer content sections
STYLING OPTIONS
Customize how your block looks, the stylilng options vary based on the layout you've selected:
- Text Wrap: Position text beside your title
- Title Alignment: Left, center, or right
- Button Alignment: Left, center, or right
- Left-Right Padding: Adjust spacing on each side
- Space Below Blocks: Control space between blocks
- Space Inside Blocks: Set padding inside the block
Click Save Changes to apply your customizations.
COLOR OPTIONS
Override your site’s default colors to style your block just the way you want:
- Title Color
- Text Color
- Button Text Color
- Button Background Color
- Background Color
Use the color picker or enter a HEX code. Don’t forget to Save Changes.
BACKGROUND
Make your block pop with a background image! Choose how it appears:
- Tile: Repeats the image
- Top Left: Anchors it to the corner
- Centered: Centers the image
- Cover: Stretches it to fill the background
Click Save Changes when you're done.
FONTS
Want to change your fonts? You can override your site’s defaults here:
- Title
- Paragraph
- Heading H1 / H2 / H3
- Button Text
You can adjust the font family, size, letter spacing, and line height. Click Save Changes to apply your updates.
ANIMATIONS
Add a hover animation to your button:
- None
- Fill
- Overlay
- Scale
- Arrows
Pick the one that fits your style and click Save Changes to lock it in.
