Adding & Arranging Blocks

Blocks are the building components of every Leenkies page. Each block serves a specific purpose -- from displaying links and text to showcasing products and collecting leads. This guide covers how to add blocks to your page, how to reorder them, how to configure their settings, and how to manage them as your page evolves.

How to add blocks from the palette

There are two ways to add a block to your page:

Drag from the palette

The block palette on the left side of the editor lists every available block type. To add one, click and hold on a block card in the palette, then drag it onto the canvas. As you drag, a visual indicator shows where the block will be inserted. Release the mouse to drop the block into position.

Use the add-block divider

Between every pair of blocks on the canvas, a small "+" divider button appears. Click it to open a modal that lists all available block types. Select the one you want, and it will be inserted at that exact position. This method is especially useful when you want precise placement without dragging.

Block categories

Blocks are organized into categories to help you find the right one quickly:

Content

The largest category, covering all content display blocks:

• Links -- Clickable link cards with multiple visual styles.
• Rich Text -- Formatted text with a toolbar for 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 have 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

Blocks focused on selling and revenue:

• My Products -- Display digital products from your Leenkies catalog.
• External Products -- Showcase products from external stores with images and links.

Services

Blocks for service-based offerings:

• Appointments -- Booking widget that displays your available booking types.

Essentials (pinned)

The Header and Footer blocks are essential components that are automatically present on every page. They cannot be dragged from the palette because they are always pinned to the top and bottom of your page respectively. You edit them by clicking on them in the canvas.

Drag-and-drop reordering

Once blocks are on your canvas, you can reorder them at any time. Click and hold the drag handle (the grip icon) on any block card, then drag it up or down to a new position. A visual indicator shows where the block will land when you release. The Header always stays at the top and the Footer always stays at the bottom -- all other blocks can be freely rearranged between them.

Block settings panel

Click on any block in the canvas to open its settings panel on the right side of the editor. The settings panel is contextual -- it shows different options depending on the block type. However, most blocks share a common structure with collapsible sections:

Heading settings

Nearly every block (except Header and Footer) has a Heading section at the top of its settings panel. This lets you add an optional title and description that appear above the block's content. The heading also has a style setting that controls its visual presentation. Available heading styles are:

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.
Pill	Title displayed inside a pill-shaped container.

Surface style

Many blocks offer a surface style (sometimes labeled "Appearance") that controls the visual container around the block's content:

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 (such as Testimonials and Showcase) include a Layout section where you can choose between:

• Grid -- Items arranged in a responsive grid. You can choose between 1 or 2 columns.
• Carousel -- Items displayed 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 look for the delete button (typically an "X" or trash icon) on the block card. Click it to remove the block from your page. This action removes the block from your draft -- it will not affect your live page until you publish.

Pro Tip: If you accidentally delete a block, you can re-add it from the palette and reconfigure it. Plan your page layout before you start adding blocks to minimize rework. You can also save frequently so your draft always reflects your latest progress.