π Complete Guide Contents
52 Patterns, Integrations & Best Practices
Part 1
Getting Started
Part 2
Conversion Patterns
Part 3
Content Patterns
Part 1: Getting Started
1. Quick Start Guide
Get your first page built in under 5 minutes.
- Open your Dashboard and access your downloads
- Install & Activate
Go toΒAppearance β Themes β Add New β Upload ThemeΒ and uploadΒletsgrowmore.zip - Create a New Page
Go toΒPages β Add NewΒ and give your page a title - Insert a Pattern
Click theΒ +Β button βΒ PatternsΒ tab β SelectΒ LGMΒ category β Click any pattern - Customize & Publish
Edit the text, images, and colors. ClickΒ PublishΒ when done.
π‘Pro Tip:Β Start with a “β Full Page Layout” pattern to get a complete page structure, then customize from there.
2. Installation
Requirements
- WordPress 6.0 or higher
- PHP 7.4 or higher
- Recommended: LifterLMS, WooCommerce, Gravity Forms
Steps
- Navigate toΒ
Appearance β Themes β Add New β Upload Theme - Choose theΒ
letsgrowmore.zipΒ file and clickΒ Install Now - ClickΒ Activate
β No Configuration Needed!Β All plugin integrations are automatically styled when those plugins are active.
3. How to Use Patterns
The theme includes 52 patterns organized into categories.
Method 1: From the Editor
- Click theΒ +Β button in the editor
- Go to theΒ PatternsΒ tab (not Blocks)
- Select a category: LGM Full Pages, LGM Landing Pages, LGM Call to Action, or LGM Sections
- Click any pattern to insert it
Method 2: Search by Name
Click + and type the pattern name (e.g., “FAQ”, “Hero”, “Testimonial”)
Pattern Categories
| Category | Count | Use For |
|---|---|---|
| LGM Full Pages | 6 | Complete page layouts |
| LGM Landing Pages | 5 | Lead capture, registration |
| LGM Call to Action | 20 | Conversion sections |
| LGM Sections | 21 | Content blocks |
β οΈ Note:Β All patterns start with β for easy identification. Search “β FAQ” not just “FAQ”.
4. Page Templates
| Template | Header/Footer | Best For |
|---|---|---|
| Default (Page) | Yes | Standard pages (About, Contact) |
| Blank | No | Landing pages, sales pages |
| Landing: Lead Magnet | No | Opt-in freebie pages |
| Landing: Webinar | No | Event registration |
| Landing: Mini-Course | No | Free course enrollment |
| Landing: VSL | No | Video sales letter |
| Landing: Launch | No | Product launch / waitlist |
How to Change: Edit page β Page panel (right sidebar) β Template β Select template
5. Color Palette
| Color | Hex | Usage |
|---|---|---|
| Primary | #0f1629 | Main background |
| Card | #1a2332 | Cards, sections |
| Accent | #4a6cf7 | Buttons, links |
| Base | #ffffff | Headings |
| Base Alt | #a8b2d1 | Body text |
| Muted | #6b7aa1 | Captions |
| Border | #2a3558 | Borders, dividers |
Part 2: Conversion Patterns
High-converting sections for sales pages, landing pages, and funnels. Each pattern is designed to drive specific actions.
1. Video & Hero CTAs
β Video CTA Hero
- Large video with headline and CTA button. Primary conversion section for above the fold.
- Hero β Video β Above Fold
β Video Testimonials
- 3-column video testimonial grid. Social proof with real customer videos.
- Social Proof β VideoTrust
Best Practices:
- Place Video CTA Hero above the fold for maximum impact
- Keep headline under 10 words
- Use contrasting CTA button color
- Video testimonials work best mid-page after presenting the offer
2. Social Proof & Trust
β Social Proof Bar
- 4-column stats showing students, rating, countries, etc. Builds immediate credibility.
- Stats β Credibility β Below Hero
β As Seen On
- Media logo bar showing publications, podcasts, or partners. Authority building.
- Logos β Authority β Media
β Testimonial Spotlight
- Large featured testimonial with photo and results. Highlights key success story.
- Featured β Results β Trust
β Money-Back Guarantee
- Risk reversal guarantee box with badge. Removes purchase anxiety.
- Risk Reversal β Trust β Before CTA
β Instructor Bio
- Authority-building instructor section with credentials and story.
- Authority β Credibility β Mid Page
Placement Guide:
- Social Proof Bar:Β Immediately below hero
- As Seen On:Β Early page, after hero or social proof bar
- Testimonial Spotlight:Β Mid-page, after presenting offer details
- Guarantee:Β Just before pricing or final CTA
- Instructor Bio:Β Mid-page for courses, before pricing
3. Sales & Persuasion
β Problem/Agitation
- Pain point identification section. Creates emotional connection with reader’s struggles.
- Emotional β Pain Points β Early Page
β Before/After
- Transformation comparison grid showing life before and after your solution.
- Transformation β Results β Visual
β Value Stack
- Itemized value breakdown with individual prices totaling high value.
- Price Anchor β Value β Before Pricing
β Comparison Table
- Us vs Them feature comparison highlighting your advantages.
- Differentiation β Competitive β Mid-Late
β Countdown Timer
- Urgency section with deadline timer. Creates FOMO and drives action.
- Urgency β Scarcity β Near CTA
β Feature Benefits
- 6-icon benefit grid showing what’s included and why it matters.
- Features β Benefits β Mid Page
β Process Steps
- 3-step numbered process showing the path to success. Reduces complexity anxiety.
- Clarity β Simple β Early-Mid
β FAQ Section
- Frequently asked questions addressing common objections and concerns.
- Objections β Support β Late Page
Sales Page Flow:
- Hook:Β Video Hero β Social Proof Bar
- Problem:Β Problem/Agitation β Before/After
- Solution:Β Feature Benefits β Process Steps
- Proof:Β Testimonials β Instructor Bio
- Offer:Β Value Stack β Pricing β Guarantee
- Close:Β FAQ β Countdown β Final CTA
4. Opt-In & Conversion
β Simple Opt-In
- Clean email capture form with headline and single input field.
- Lead Gen β Email β Anywhere
β Newsletter Signup
- Email subscription with benefit bullets. More detailed than simple opt-in.
- Newsletter β Benefits β Footer/Sidebar
β Final CTA Block
- Last chance offer section with urgency. Strong close for end of page.
- Close β Urgency β End Page
β Simple CTA
- Basic headline + button for quick calls to action anywhere on page.
- Minimal β Quick β Anywhere
β Sticky Banner
- Fixed urgency bar that stays visible while scrolling. Persistent reminder.
- Persistent β Urgency β Top/Bottom
β Pricing Table
- Multi-tier pricing comparison with featured plan highlighted.
- Pricing β Options β Late Page
5. Conversion Patterns Quick Reference
| # | Pattern | Purpose | Placement |
|---|---|---|---|
| 01 | Video CTA Hero | Primary conversion | Above fold |
| 02 | Social Proof Bar | Build credibility | Below hero |
| 03 | Problem Agitation | Emotional connection | Early page |
| 04 | Video Testimonials | Social proof | Mid page |
| 05 | Feature Benefits | Value proposition | Mid page |
| 06 | Countdown Timer | Create urgency | Near CTA |
| 07 | Guarantee Box | Risk reversal | Before CTA |
| 08 | Instructor Bio | Authority building | Mid page |
| 09 | Pricing Table | Present options | Late page |
| 10 | FAQ Section | Handle objections | Late page |
| 11 | Comparison Table | Differentiation | Mid-late |
| 12 | Simple Opt-In | Lead capture | Anywhere |
| 13 | Before/After | Show transformation | Mid page |
| 14 | Value Stack | Justify price | Before pricing |
| 15 | Sticky Banner | Persistent urgency | Top/Bottom |
| 16 | As Seen On | Media credibility | Below hero |
| 17 | Testimonial Spotlight | Featured review | Mid page |
| 18 | Final CTA Block | Last push | End of page |
| 19 | Process Steps | Simplify journey | Early-mid |
| 20 | Newsletter Signup | List building | Footer/sidebar |
Part 3: Content Patterns
Building blocks for blog posts, articles, tutorials, and informational pages. Each pattern is designed to enhance readability and engagement.
1. Blog & Article Sections
β Blog Header
- Article intro with category badge, author, publish date, and reading time.
- Article Intro β Meta
β Table of Contents
- Clickable jump links for long-form content. Improves navigation and SEO.
- Navigation β Long-form
β Key Takeaways
- TL;DR summary box with bullet points. Gives readers quick value upfront.
- Summary β TL;DR
β Author Bio
- Writer credibility section with photo, bio, and social links.
- Credibility β Footer
β Related Posts
- 3-column grid of related article cards. Increases engagement and page views.
- Engagement β Footer
Blog Post Structure:
- Intro:Β Blog Header β Featured Image
- Navigation:Β Table of Contents β Key Takeaways
- Body:Β Content with Pullquotes, Info Boxes, Steps
- Close:Β Content Upgrade β Author Bio β Related Posts
2. Visual & Data Sections
β Featured Image
- Large image with optional caption. Visual hero for articles.
- Visual β Hero
β Large Statistic
- Big number with context and source. Data emphasis for research content.
- Data β Emphasis
β Pull Quote
- Emphasized quote breaking up long text. Great for interviews and articles.
- Quote β Emphasis
β Image + Text
- Side-by-side layout with image and text. Visual balance for explanations.
- Layout β Flexible
β Comparison Table
- Feature comparison grid for product reviews and comparisons.
- Reviews β Data
β Timeline
- Chronological journey display for case studies and history.
- History β Journey
3. Informational Sections
β Info Boxes
- 4 alert styles: Tip (green), Warning (yellow), Note (blue), Important (red).
- Alerts β Callouts
β Numbered Steps
- Step-by-step instructions with visual numbers. Perfect for tutorials.
- Tutorial β How-to
β Pros & Cons
- 2-column balanced review with green pros and red cons.
- Review β Balanced
β Accordion
- Collapsible content sections that expand/collapse on click.
- FAQ β Space-saving
β Code Block
- Formatted code examples with syntax styling for technical tutorials.
- Technical β Code
β Icon Feature List
- 4-feature grid with icons for visual benefit display.
- Features β Visual
4. Course & Download Sections
β Course Module
- Curriculum display with expandable lessons and duration info.
- Curriculum β Course
β Resource Download
- Lead magnet box with Gravity Forms integration for downloads.
- Lead Gen β Download
β Content Upgrade
- Mid-article opt-in CTA tied to content topic. High conversion due to relevance.
- Lead Gen β Relevant
5. Content Patterns Quick Reference
| # | Pattern | Purpose | Best For |
|---|---|---|---|
| 01 | Blog Post Header | Article introduction | Blog posts |
| 02 | Featured Image | Visual hero | All content |
| 03 | Table of Contents | Navigation | Long-form |
| 04 | Key Takeaways | TL;DR summary | How-tos, guides |
| 05 | Statistic Highlight | Data emphasis | Research content |
| 06 | Pullquote | Quote emphasis | Interviews, articles |
| 07 | Info/Tip Boxes | Callout alerts | Tutorials |
| 08 | Numbered Steps | Process guide | How-tos |
| 09 | Comparison Table | Side-by-side | Reviews |
| 10 | Code/Example Block | Technical content | Tutorials |
| 11 | Image + Text Split | Visual balance | Case studies |
| 12 | Pros and Cons | Balanced review | Reviews |
| 13 | Author Bio Box | Credibility | Blog posts |
| 14 | Related Posts | Engagement | All content |
| 15 | Course Module | Curriculum display | Course pages |
| 16 | Resource Download | Lead magnet | All content |
| 17 | Timeline | Chronological | Case studies |
| 18 | Icon Feature List | Visual benefits | Features pages |
| 19 | Accordion Content | Space-saving | FAQ, lists |
| 20 | Content Upgrade CTA | In-article lead gen | Blog posts |
Part 4: Features
1. Dynamic User Counter
Display a live count of members/students that auto-increments with signups.
Shortcodes (Use in Page Content)
| Shortcode | Output | Description |
|---|---|---|
3,493 | 47,892 | Basic formatted number |
Join 3,493+ students | Join 47,892+ students | With text |
0 | (animated) | Counts up on scroll |
Placeholders (Use in Header/Navigation)
Shortcodes don’t work in Site Editor header. Use these placeholders instead:
3,493+ members inside
3,493 students enrolled
Auto-Increment Triggers
- β New WordPress user registration
- β Gravity Forms submission (with email field)
- β New WooCommerce customer
- β LifterLMS student enrollment
Admin Settings
Go to Appearance β User Counter to set starting offset or manually override.
2. Video Embeds
All video patterns support YouTube and Vimeo URLs.
Supported URL Formats
YouTube:
https://www.youtube.com/watch?v=VIDEO_ID
https://youtu.be/VIDEO_ID
Vimeo:
https://vimeo.com/VIDEO_ID
How to Add
- Insert a video pattern (β Video CTA Hero, β Video Testimonials)
- Click the video embed placeholder
- Paste your YouTube or Vimeo URL
Part 5: Integrations
1. Gravity Forms Integration
All opt-in and download patterns use Gravity Forms.
Setup Steps
- Create Form
Go toΒForms β New FormΒ and add fields (Name, Email, Phone) - Note Form ID
Find the ID in your Forms list - Insert Pattern
Add a landing page or opt-in pattern to your page - Update Shortcode
Replace placeholder with:Oops! We could not locate your form.
β Automatic Styling:Β All form fields are automatically styled to match the dark theme.
2. LifterLMS Integration
Complete dark theme styling for all LifterLMS components.
Styled Components
- β Course catalog / archive
- β Single course page with syllabus
- β Lesson pages with navigation
- β Student dashboard
- β Login / Registration forms
- β Access plan / Membership cards
- β Progress tracking
- β Certificates & Quiz pages
π‘ No Setup Required:Β Just install LifterLMS and all pages are automatically styled.
3. WooCommerce Integration
Complete dark theme styling for your online store.
Styled Pages
- β Shop / Product archive
- β Single product page
- β Cart & Checkout pages
- β My Account (login, register, dashboard)
- β Order confirmation & history
Part 6: Reference
1. Full Page Layouts
| Pattern | Best For | Includes |
|---|---|---|
| β Full Homepage | Main website | Hero, features, testimonials, pricing, CTA |
| β Course Promotion | Selling courses | Hero, curriculum, instructor, pricing, FAQ |
| β Video Sales Letter | Long-form sales | Video hero, pain points, benefits, pricing |
| β Webinar Replay | Recorded webinars | Video, replay notice, CTA buttons |
| β Video Opt-In | Video + email | Video, headline, opt-in form |
| β Case Study | Success stories | Results, challenge, solution |
2. Landing Pages
| Pattern | Best For | Form Fields |
|---|---|---|
| β Lead Magnet / Freebie | PDF downloads | Name, Email |
| β Webinar Registration | Live events | Name, Email, Phone |
| β Mini-Course | Free course | Name, Email |
| β Product Launch | Waitlist | Email only |
| β VSL Landing | Video sales funnel | Depends on offer |
3. Troubleshooting
Patterns not showing?
Use WordPress 6.0+. Clear caching plugins. Search for “LGM” or “β ” in block inserter.
Forms not styled?
Gravity Forms must be installed and active.
3,493 showing instead of number?
View frontend (not editor). Clear cache.
LifterLMS white backgrounds?
Clear browser cache and caching plugins.
Need Help?
Contact:Β success@letsgrowmore.com



