Knowledge Baseintermediate

Portal blocks reference

All 21 blocks in the Knowledge Base layout builder at a glance, grouped by family, with links to the detailed settings reference for each family.

3 min read

Portal blocks reference

Atender’s layout builder ships 21 blocks. This reference groups them into six families: search, listing, section, role, communication, and layout. In the Blocks tab they appear under Search, Content Discovery, Communication, and Layout & Visual. You drop them onto the homepage, category page, or article page canvas, configure the settings, and they render on the public help center. The Search Results page does not take blocks. This is the full catalogue — the block-specific settings and usage guidance for each family live in the three detailed references linked below. Related articles and Contact options are covered on this page.

All 21 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 — Row of up to 4 tag links; each one filters the help center by that tag
  • Listing — Category grid — Grid of categories showing name, icon, and description
  • 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
  • Listing — Article list — Hand-picked list of articles, shown in the order you select them
  • Listing — Related articles — The current article’s related articles; shows only on article pages
  • Section — Section grid — Grid of your sections; each tile opens that section’s page
  • Section — Section list — Vertical list version of Section Grid
  • Section — Section bar — Tab-like bar of sections; clicking one opens that section’s page
  • 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 — Contact CTA — A heading and a button that send customers to support if they didn’t find an answer
  • Communication — Contact options — A message card and a phone card with your opening hours, plus this year’s special opening hours
  • Communication — System status — Live status of your services, pulled from your Atender Status page
  • Communication — Survey — Asks article readers a survey question; shows only on article pages
  • 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

Related articles is covered here rather than in a family reference. On an article page it lists that article’s related articles. If you add it to the article page, it replaces the default related articles list at the end of the article.

Settings: Title, Max items (1 to 12, default 6), and Show summary.

Contact options block

Contact options shows a message card and a phone card side by side. The message card links to the Contact CTA link of the visitor’s market. The phone number and phone hours come from Markets & Languages → Contact per market; if the market has no phone number, the phone card is hidden. Below the cards, the block can list this year’s public holidays and closed days from the opening hours.

Settings: Show the message card, Show the phone card, and Show special opening hours (all on by default). Under Text: Message card title, Message card text, Phone card title, Phone card text, Special opening hours title ({year} shows the current year), and Special opening hours text.

Notes

  • Adding blocks. Drag a block from the Blocks tab onto the canvas, or click it to add it at the end of the page. On the article page, a clicked block goes below the article.
  • Block ordering is drag-and-drop. You can also use the move up and move down buttons that appear when you hover over or select a block.

Tags

Reference
Back to Knowledge Base