Block Patterns
Overview

Block Patterns Overview

AlonePro includes 38 ready-to-use WordPress block patterns. Patterns are pre-assembled collections of Gutenberg blocks arranged into complete, production-ready section layouts (such as hero banners, testimonial sliders, donation call-to-actions, and impact metric bands).

Pattern Characteristics

  • Full Section Layouts: Rather than adding blocks one by one, a pattern injects a complete, styled section in one click.
  • Advanced Container Architecture: Every AlonePro pattern uses nextora/advanced-container as its outer wrapper, providing responsive padding, ambient backgrounds, gradient overlays, and light-ray effects.
  • Dynamic Color Tokens: Patterns reference the active Style Variation palette tokens, adapting seamlessly to any chosen color scheme.
  • GSAP Reveal Animation: Key elements inside patterns come pre-configured with AlonePro's scroll animation classes.

How to Insert Block Patterns

  1. While editing any Page or Template in the WordPress Block Editor, click the + (Add Block) icon.
  2. In the inserter panel, switch to the Patterns tab.
  3. Browse patterns by category:
    • Banners: Full-width hero sections with headlines, sliders, and donation CTAs.
    • Call to Action: High-conversion donation appeals and volunteer sign-ups.
  4. Alternatively, use the search box to search by pattern name (e.g. Medical Hero or Education Impact).
  5. Click on any pattern to insert it directly into your page canvas.

Pattern Categories

  • Medical & Healthcare: 13 patterns for hospitals, emergency clinics, medical missions, and doctor profiles.
  • Child Sponsorship: 5 patterns tailored for orphanages, sponsor-a-child appeals, and youth success stories.
  • Education & Literacy: 11 patterns for schools, learning initiatives, scholarship programs, and teacher grids.
  • General & Engagement: 9 patterns for donor trust badges, volunteer signups, active cause carousels, and impact statistics.
Variation CatalogMedical & Healthcare