BREEDPOST

Overview

Building Blocks are the flexible, modular components that allow you to create and customize pages on your Breedpost website. These blocks give you the power to design engaging, user-friendly pages without any coding.

Understanding Building Blocks

  • Modular Components: Each block is a pre-designed section you can add to your pages.

  • Flexible Layouts: Arrange blocks in any order to create a custom page design.

  • Easy Customization: Change content, images, and settings for each block without affecting the rest of your page.

How Building Blocks Work

  • Every page type—Home, Pages, Breedings, and Articles—starts with a hero section for a strong first impression.

  • Beyond the hero, you can use a variety of blocks in the Blocks field to build your page content.

  • Blocks are arranged in a stack, and you can mix and match them to suit your content needs.

Available Building Blocks

Here are the different types of blocks you can use, listed alphabetically for easy reference:

Accordion

  • Purpose: Create collapsible sections, perfect for FAQs or detailed explanations.

  • Example Use: An FAQ section on your Contact page.

Note

→ View the full Accordion guide

Articles List

  • Purpose: Display a list of articles, such as blog posts, news updates, or guides.

  • Example Use: A blog index page.

Note

→ View the full Articles List guide

Banner

  • Purpose: Add a visually striking section with a background image and overlay text.

  • Example Use: Announce upcoming litters or special promotions.

Note

→ View the full Banner guide

Breedings List

  • Purpose: Showcase your breedings or litters, including current, upcoming, or past litters.

  • Example Use: A Puppies page showing all available and planned litters.

Note

→ View the full Breedings List guide

Form

  • Purpose: Create online forms, such as contact forms, adoption applications, or inquiries.

  • Example Use: A Contact Us form with fields for name, email, and message.

Note

→ View the full Forms guide

Gallery

  • Purpose: Display a collection of images in a grid layout.

  • Example Use: A photo gallery of your breeding animals or litters.

Note

→ View the full Gallery guide

Image and Text

  • Purpose: Combine images and text in a cohesive layout for storytelling.

  • Example Use: An About Us section with your story and a featured image.

Note

→ View the full Image + Text guide

Individuals List

  • Purpose: Display a list of individual profiles, such as your breeding animals.

  • Example Use: An Our Dogs page listing your male and female dogs.

Note

→ View the full Individuals List guide

Lists

  • Purpose: Display a list of items, such as a shopping list or care instructions.

  • Example Use: A Puppy Pack list showing what new owners will receive.

Note

→ View the full List guide

Parents

  • Purpose: Showcase the parent animals in a breeding, with links to their profiles.

  • Example Use: A breeding page showing the sire and dam of a litter.

Note

→ View the full Parents guide

Rich Text

  • Purpose: Add formatted text with headings, paragraphs, links, and more.

  • Example Use: A Welcome message on your homepage.

Note

→ View the full Rich Text guide

Testimonials List

  • Purpose: Display customer reviews in a clean, organized layout.

  • Example Use: A Testimonials section on your homepage.

Note

→ View the full Testimonials guide

Video

  • Purpose: Embed a single video from platforms like YouTube or Vimeo.

  • Example Use: An introduction video on your homepage.

Note

→ View the full Video Embed guide

Announcement Strip

  • Purpose: Add a full-width strip to highlight key information, promote a call to action, or add visual interest between sections. Choose from four display styles: Scrolling Highlights, Highlights Row, CTA Bar or Feature Strip.

  • Example Use: A scrolling row of key points below your hero, or a CTA bar inviting visitors to enquire about a litter.

Note

→ View the full Announcement Strip guide

Example Layout: Custom Homepage Design

Here’s how you can combine different blocks to create a dynamic, beautiful, user-friendly homepage: From alpacas.breedpost.app

Example Homepage Layout Built with Breedpost Blocks

From alpacas.breedpost.app

  1. Hero Section – Eyebrow text, heading, text, primary CTA and secondary CTA (default background)

  2. Banner – Banner image with padding (default background)

  3. Announcement Strip – Display style - Feature Strip, Card Style - Border (primary background)

  4. Image and Text – Image on left with padding, eyebrow text and CTA, default background

  5. Breedings List – Displays hero image, card type large, card style border, card gap small, CTA and secondary background

  6. Individuals List – Displays hero image and parents, card type large, card style border, card gap medium, CTA and primary background

  7. Image and Text – Image on right with padding, eyebrow text and CTA, muted background

  8. Image and Text – Image on left with padding, eyebrow text and CTA, primary background

  9. Announcement Strip – Display style - CTA Bar, default background