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. 1. Find the block type you want in the left sidebar palette
  2. 2. Click on the block type to add it to the bottom of your page
  3. 3. The new block will be selected automatically for editing
  4. 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. 1. Hover over a block to reveal the drag handle on the left
  2. 2. Click and hold the drag handle (grip icon)
  3. 3. Drag the block up or down to the desired position
  4. 4. Release to drop the block in its new position
  5. 5. Changes are saved automatically

Deleting Blocks

To remove a block:

  1. 1. Hover over the block you want to delete
  2. 2. Click the red trash icon on the right side
  3. 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.