Adding & Arranging Blocks
Blocks are the building components of every Leenkies page, each serving a specific purpose.
How to add blocks from the palette
There are two ways to add a block:
Drag from the palette
The block palette on the left lists every available block type. Click and hold a block card, then drag it onto the canvas. A visual indicator shows where it'll be inserted. Release to drop it into position.
Dragging a block from the palette onto the canvas
Use the add-block divider
Between every pair of blocks on the canvas, a small "+" button appears. Click it to open a modal listing all block types. Select one and it's inserted at that exact position -- great for precise placement without dragging.
Add-block divider button between two blocks on the canvas
Block categories
Content
The largest category, covering all content display blocks:
- Links -- Clickable link cards with multiple visual styles.
- Rich Text -- Formatted text with bold, italic, lists, and more.
- Expertise -- Skill tags displayed as badges.
- Content List -- Structured title/description pairs.
- Showcase -- Portfolio items with images, categories, and links.
- Brands/Clients -- Logo displays for companies you've worked with.
- FAQ -- Collapsible question-and-answer accordion.
- Testimonials -- Customer quotes with name, company, and review text.
- Media -- Images or embedded YouTube videos.
- Contact Form -- Lead capture form with customizable fields.
Monetization
- My Products -- Display digital products from your Leenkies catalog.
- External Products -- Showcase products from external stores with images and links.
Services
- Appointments -- Booking widget showing your available booking types.
Essentials (pinned)
The Header and Footer are always present on every page. They can't be dragged from the palette -- edit them by clicking on them in the canvas.
Drag-and-drop reordering
To reorder blocks, click and hold the drag handle (grip icon) on any block card, then drag it up or down. The Header always stays at the top and the Footer at the bottom -- all other blocks can be freely rearranged between them.
Reordering blocks by dragging the grip handle
Block settings panel
Click any block to open its settings panel on the right. The panel is contextual -- different options for different block types -- but most blocks share these collapsible sections:
Heading settings
Nearly every block (except Header and Footer) has a Heading section. Add an optional title and description above the block's content, and choose a heading style:
| Style | Description |
|---|---|
| None | No heading is displayed. |
| Left | Title and description aligned to the left. |
| Center | Title and description centered horizontally. |
| Center Accent | Centered with a decorative accent element. |
| Left Accent | Left-aligned with a decorative accent element. |
| Split | Title on one side, description on the other. |
| Badge | Title displayed as a badge-style label. |
Surface style
Many blocks offer a surface style (sometimes labeled "Appearance") that controls the visual container:
| Style | Description |
|---|---|
| Plain | No background or border -- content floats directly on the page. |
| Minimal | Subtle separator lines above and below the content. |
| Card | Content inside a card with background and shadow. |
| Soft | Light background fill with rounded corners. |
| Outline | Thin border around the content with no fill. |
| Accent Left | Colored accent bar on the left edge. |
| Accent Top | Colored accent bar along the top edge. |
| Note | Styled like a sticky note with subtle background. |
Layout options
Blocks that display multiple items (like Testimonials and Showcase) include a Layout section:
- Grid -- Items in a responsive grid. Choose between 1 or 2 columns.
- Carousel -- Items in a horizontal carousel with optional navigation arrows and pagination dots.
Deleting and duplicating blocks
To delete a block, select it on the canvas and click the delete button (an "X" or trash icon) on the block card. This removes it from your draft -- it won't affect your live page until you publish.
Pro Tip: If you accidentally delete a block, re-add it from the palette and reconfigure it. Save frequently so your draft always reflects your latest progress.