Working with Blocks
Blocks are the building components of your pages. Each block type serves a specific purpose and can be customized to match your content needs.
Adding Blocks
To add a block to your page:
- 1. Find the block type you want in the left sidebar palette
- 2. Click on the block type to add it to the bottom of your page
- 3. The new block will be selected automatically for editing
- 4. Configure the block content in the right sidebar
Available Block Types
Hero Section
Large header section for page introductions
Create impactful page headers with:
- • Title and subtitle text
- • Description paragraph
- • Background image with overlay
- • Primary and secondary CTA buttons
- • Left, center, or right alignment
Text Content
Rich text editor for paragraphs and formatted content
Write formatted content with HTML support:
- • Headings (H1-H6)
- • Paragraphs with styling
- • Bulleted and numbered lists
- • Bold, italic, and underline text
- • Links and blockquotes
Video
Embed videos from YouTube, Vimeo, or direct uploads
Display video content with:
- • YouTube video embeds
- • Vimeo video embeds
- • Direct video URL (uploaded files)
- • Optional title and description
- • Autoplay and controls settings
Image
Single image with optional caption and link
Display images with:
- • Image URL (from Media Library)
- • Alt text for accessibility
- • Optional caption text
- • Optional link URL
- • Aspect ratio options (1:1, 4:3, 16:9, 21:9, auto)
Features Grid
Display features or services in a grid layout
Showcase features with:
- • Section title and subtitle
- • Multiple feature items
- • Icon selection for each feature
- • Title and description per feature
- • 2, 3, or 4 column layouts
Call to Action (CTA)
Prominent section to drive user action
Create engaging CTAs with:
- • Headline and description
- • Primary button with link
- • Optional secondary button
- • Style variants: Default, Gradient, Dark
Countries
Display partner countries with flags
Showcase Pacific partner countries:
- • Section title and subtitle
- • Country name and flag emoji
- • Optional description per country
- • Responsive grid layout
Partners
Display partner organizations with logos
Feature partner organizations:
- • Partner name and logo image
- • Optional link to partner website
- • Optional description
- • Responsive grid layout
Testimonials
Display quotes from users or partners
Showcase testimonials with:
- • Quote text
- • Author name, role, and organization
- • Optional author avatar
- • Carousel or grid layout
Block Settings
Each block has common settings that control its appearance:
- • Padding - None, Small, Medium, or Large spacing around the block
- • Background Color - Custom background color for the block
- • Full Width - Extend block to full page width
Reordering Blocks
To change the order of blocks:
- 1. Hover over a block to reveal the drag handle on the left
- 2. Click and hold the drag handle (grip icon)
- 3. Drag the block up or down to the desired position
- 4. Release to drop the block in its new position
- 5. Changes are saved automatically
Deleting Blocks
To remove a block:
- 1. Hover over the block you want to delete
- 2. Click the red trash icon on the right side
- 3. Confirm the deletion when prompted
Warning
Deleting a block cannot be undone. However, you can restore the entire page to a previous version using the Version History feature.
