Elements and blocks

The “Elements” panel

It’s organised into accordions by category: components, typography, layout, buttons, forms, media and Yammbo (this last category has no translation). In total there are around 41 native elements and 74 Yammbo-specific blocks.

Among the most-used Yammbo blocks: heroes (centered, gradient, video, aura), navigation bars, footers, pricing, FAQ, testimonials, galleries, team, stats, timeline, contact, Contact form pro, Opening hours (with “open now”), WhatsApp order, WhatsApp button, Booking modal, Before / after, embedded map, embedded video, 404 page and SEO config.

Inserting a block

• Drag and drop: drag the block from the panel onto the canvas and drop it where the guide line marks. On touch screens, press and hold before dragging.
• Tap or click the block: it gets inserted below the currently selected element, or at the end of the page if nothing is selected.

Searching for blocks

The “Search blocks…” field also works for Spanish terms — for example, typing “formularios” finds the form blocks. If nothing matches: “No blocks match your search.”

Moving, duplicating and deleting (right-click)

Right-clicking any element on the canvas opens a menu with:

• Cut, Copy, Paste
• Delete
• Duplicate
• Move up / Move down (with the arrow keys)
• Undo / Redo

You can also pick “Select parent” or “Select child” to move through the element hierarchy.

Rows and columns (“Layout”)

In the “Layout” panel: ”+ Add container” and ”+ Add row”. For each row you can pick preset columns or “Custom” → “Customize row columns” — the column widths have to add up to 12.

Next step

Edit each block’s content in Text, images and styles.