Portal blocks reference
Atender’s layout builder ships 18 blocks, grouped into six families: search, listing, section, role, communication, and layout. You drop them onto the homepage, category page, or article page canvas, configure the settings, and they render on the public help center. This is the full catalogue — the block-specific settings and usage guidance for each family live in the three detailed references linked below.
Every block has shared settings: a heading, an optional description, an optional background or hero image, and a visibility toggle.
All 18 blocks at a glance
- Search — Hero search — Large search bar with a headline and optional subheadline; usually the first block on the homepage
- Search — Compact search — Smaller search bar that fits inside a denser layout
- Search — Quick links — Horizontal row of preset links with icons; up to 8 links render cleanly
- Listing — Category grid — Grid of categories showing name, icon, description, and article count
- Listing — Category list — Vertical list version of Category Grid; less visual, more scannable
- Listing — Recent articles — The most recently published articles, capped at a limit
- Listing — Featured article — A single article rendered as a hero card with title, summary, and a “Read more” CTA
- Section — Section grid — Grid of the articles inside one of your sections
- Section — Section list — Vertical list version of Section Grid
- Section — Section bar — Tab-like bar of sections; clicking one loads that section’s articles inline
- Role — Role grid — Grid of browsing roles; each tile takes the customer to a role-filtered view
- Role — Role bar — Horizontal bar version of Role Grid
- Communication — Announcement — Horizontal banner with text, optional CTA, and a dismiss button
- Communication — What’s new — Recent product updates or release notes shown in the help center
- Communication — Contact CTA — Nudges customers to chat, email, or open a ticket if they didn’t find an answer
- Communication — System status — Live status of your services, pulled from your Atender Status page
- Layout — Spacer — Vertical empty space for tuning the rhythm of the page
- Layout — Video embed — An embedded YouTube or Vimeo video
Detailed settings by family
- Search and listing blocks reference — Hero search, Compact search, Quick links, Category grid, Category list, Recent articles, Featured article
- Section and role blocks reference — Section grid, Section list, Section bar, Role grid, Role bar
- Communication and layout blocks reference — Announcement, What’s new, Contact CTA, System status, Spacer, Video embed
Notes
- Blocks have visibility toggles. You can keep a block configured but invisible — useful for staging an Announcement before a launch.
- Block ordering is drag-and-drop. Blocks can also be reordered via keyboard with the arrow keys when focused.