Skip to content

Using Block Patterns: Your Complete Visual Guide

GRATIS ships with 100+ block patterns. Here is how to use them.

Step 1: Open the Block Inserter

Click the + button in the top-left of the block editor, or press / anywhere in the content area.

Step 2: Switch to Patterns Tab

Click the Patterns tab (next to Blocks). You will see all GRATIS patterns organized by category.

Step 3: Browse Categories

  • Heroes — Full-page hero sections with headlines and CTAs
  • Features — Feature grids and benefit sections
  • Pricing — Pricing card layouts
  • Testimonials — Review and quote sections
  • FAQ — Accordion-style FAQ sections
  • WooCommerce — Shop and product patterns

Step 4: Insert and Customize

Click any pattern to insert it. Then click any element to edit it inline — change text, colors, images directly in the editor.

Pro Tip: Global Styles

Change your site accent color once in Appearance → Editor → Styles and it updates everywhere instantly.