Elements & Blocks
The Atomicat Page Builder comes with a rich library of blocks (pre-built sections) and elements (individual components) you can drag into your page.
Block Library
Blocks are full-width page sections. Access them from the Left Panel → Block Templates.
Block Categories
| Category | Examples |
|---|---|
| Hero | Full-page headline banners, hero sections with CTA |
| Content | Text + image rows, feature lists |
| Benefits | Icon grids, benefit columns |
| Video | Video sections with caption and CTA |
| Pricing | Pricing tables, plan comparisons |
| Testimonial | Quote cards, review grids, star ratings |
| Call to Action | CTA banners, urgency blocks |
| FAQ | Accordion FAQ sections |
| Guarantee | Guarantee badges and trust sections |
| Announcement | Countdown timers, announcement bars |
| Steps | Numbered step sections |
| Footer | Page footer with links |
| Modals | Popup/modal overlays |
Individual Elements
Elements are the building blocks inside each section. Click any element in the canvas to select and edit it.
Text Elements
- Heading — H1 to H6, fully styled
- Paragraph — Body text, supports rich formatting
- List — Bullet or numbered lists
Media Elements
- Image — Upload or link to an image, supports WebP/AVIF
- Video — Embed YouTube, Vimeo, or Cloudflare Stream videos
- Icon — 1000+ icons available
- Button — CTA buttons with link, pixel event, and style options
Form Elements
- Form — Lead capture form with custom fields
- WhatsApp Button — Direct WhatsApp message link
- Timer / Countdown — Urgency countdown that triggers actions on expiry
Layout Elements
- Section — Container for other elements
- Column — Multi-column layout (1 to 6 columns)
- Spacer — Vertical whitespace control
- Divider — Horizontal line separator
Adding a Block or Element
- Click the + icon or Blocks in the Left Panel.
- Browse or search for the block/element you want.
- Drag it onto the canvas, or click it to append it at the bottom.
Editing an Element
- Click any element on the canvas to select it.
- The Right Panel updates to show that element's properties:
- Content tab — text, link, image source, etc.
- Style tab — colors, fonts, spacing, borders, shadows
- Settings tab — element ID, visibility, animation, pixel events
My Templates
You can save any block as a custom template to reuse across pages:
- Hover over a section on the canvas.
- Click the save icon (bookmark).
- Give it a name.
- Access it anytime from Left Panel → My Templates.
Clone from URL
You can clone a page from any external URL:
- Click + New Page → Clone from URL.
- Enter the URL of the page you want to clone.
- Atomicat attempts to replicate the layout and content into the builder.
note
Cloned pages may not be pixel-perfect as every page is unique. Review and adjust after cloning.
Block Section Templates
Each block category has multiple pre-designed variations. Hover over any template in the Left Panel to preview it before adding it to your page.