Working with Patterns

Content Editing

Overview

Patterns are pre-designed block layouts that help you quickly add professional-looking content sections to your pages.

What are Patterns?

Patterns are collections of blocks arranged in specific layouts with placeholder content. Think of them as design templates that you can insert and customize with your own content.

Available Patterns

Your site includes these pre-built patterns:

Card Patterns

  • Card with Title Below – Image with title underneath on a green background; ideal for showcasing services or team members
  • CTA Card – Image with content overlay; perfect for calls to action or newsletter sign-ups
doctors

Card Title

This is a sample card pattern with an image using the card style variation. The image has custom border radius styling that adapts to different screen sizes.

Learn More

Layout Patterns

  • Two-Column Hero – Create an impactful hero section with text and image side-by-side
  • Two-Column Feature Section – Showcase features or benefits in a structured two-column format

Explore the
Patient Experience

Follow the journey of three different patients through the WYFI HIE. 

Call-to-Action Pattern

  • Dedicated CTA – Focused call-to-action section with two style variations:
    • Green background version
    • Brown background version

Questions about WYFI?

Visit our FAQ

How to Insert Patterns

  1. Click the Block Inserter (+) button
  2. Select the “Patterns” tab at the top
  3. Browse the available patterns or use the search function
  4. Click on the pattern you want to insert
  5. The pattern will be added to your page with placeholder content

Important Notes

Pattern Best Practices

  • Maintain consistency – Use the same patterns across similar page sections for a cohesive look
  • Mobile preview – Always check how your customized patterns look on mobile devices

Common Use Cases

  • Card with Title Below – Team member profiles, service categories, product showcases
  • CTA Card – Newsletter signups, download prompts, contact forms, special offers
  • Two-Column Hero – Homepage banners, landing page headers, campaign announcements
  • Two-Column Feature Section – Product benefits, service descriptions, before/after comparisons
  • Dedicated CTA – Page-wide calls to action, conversion-focused sections, promotional banners

Tips for Success

  • Patterns save time; use them instead of building layouts from scratch
  • You can mix and match different patterns on the same page
  • Each pattern maintains responsive design automatically
  • Patterns work well with your site’s style variations for Groups and Columns