πŸ“– Complete Guide Contents

Part 1: Getting Started

1. Quick Start Guide

Get your first page built in under 5 minutes.

  1. Open your Dashboard and access your downloads
  2. Install & Activate
    Go toΒ Appearance β†’ Themes β†’ Add New β†’ Upload ThemeΒ and uploadΒ letsgrowmore.zip
  3. Create a New Page
    Go toΒ Pages β†’ Add NewΒ and give your page a title
  4. Insert a Pattern
    Click theΒ +Β button β†’Β PatternsΒ tab β†’ SelectΒ LGMΒ category β†’ Click any pattern
  5. 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

  1. Navigate toΒ Appearance β†’ Themes β†’ Add New β†’ Upload Theme
  2. Choose theΒ letsgrowmore.zipΒ file and clickΒ Install Now
  3. 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

  1. Click theΒ +Β button in the editor
  2. Go to theΒ PatternsΒ tab (not Blocks)
  3. Select a category: LGM Full Pages, LGM Landing Pages, LGM Call to Action, or LGM Sections
  4. Click any pattern to insert it

Method 2: Search by Name

Click + and type the pattern name (e.g., “FAQ”, “Hero”, “Testimonial”)

Pattern Categories

CategoryCountUse For
LGM Full Pages6Complete page layouts
LGM Landing Pages5Lead capture, registration
LGM Call to Action20Conversion sections
LGM Sections21Content blocks

⚠️ Note:Β All patterns start with β˜… for easy identification. Search “β˜… FAQ” not just “FAQ”.

4. Page Templates

TemplateHeader/FooterBest For
Default (Page)YesStandard pages (About, Contact)
BlankNoLanding pages, sales pages
Landing: Lead MagnetNoOpt-in freebie pages
Landing: WebinarNoEvent registration
Landing: Mini-CourseNoFree course enrollment
Landing: VSLNoVideo sales letter
Landing: LaunchNoProduct launch / waitlist

How to Change: Edit page β†’ Page panel (right sidebar) β†’ Template β†’ Select template

5. Color Palette

ColorHexUsage
Primary#0f1629Main background
Card#1a2332Cards, sections
Accent#4a6cf7Buttons, links
Base#ffffffHeadings
Base Alt#a8b2d1Body text
Muted#6b7aa1Captions
Border#2a3558Borders, 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:

  1. Hook:Β Video Hero β†’ Social Proof Bar
  2. Problem:Β Problem/Agitation β†’ Before/After
  3. Solution:Β Feature Benefits β†’ Process Steps
  4. Proof:Β Testimonials β†’ Instructor Bio
  5. Offer:Β Value Stack β†’ Pricing β†’ Guarantee
  6. 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

#PatternPurposePlacement
01Video CTA HeroPrimary conversionAbove fold
02Social Proof BarBuild credibilityBelow hero
03Problem AgitationEmotional connectionEarly page
04Video TestimonialsSocial proofMid page
05Feature BenefitsValue propositionMid page
06Countdown TimerCreate urgencyNear CTA
07Guarantee BoxRisk reversalBefore CTA
08Instructor BioAuthority buildingMid page
09Pricing TablePresent optionsLate page
10FAQ SectionHandle objectionsLate page
11Comparison TableDifferentiationMid-late
12Simple Opt-InLead captureAnywhere
13Before/AfterShow transformationMid page
14Value StackJustify priceBefore pricing
15Sticky BannerPersistent urgencyTop/Bottom
16As Seen OnMedia credibilityBelow hero
17Testimonial SpotlightFeatured reviewMid page
18Final CTA BlockLast pushEnd of page
19Process StepsSimplify journeyEarly-mid
20Newsletter SignupList buildingFooter/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
  • 3-column grid of related article cards. Increases engagement and page views.
  • Engagement ⋆ Footer

Blog Post Structure:

  1. Intro:Β Blog Header β†’ Featured Image
  2. Navigation:Β Table of Contents β†’ Key Takeaways
  3. Body:Β Content with Pullquotes, Info Boxes, Steps
  4. Close:Β Content Upgrade β†’ Author Bio β†’ Related Posts

2. Visual & Data Sections

  • 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

#PatternPurposeBest For
01Blog Post HeaderArticle introductionBlog posts
02Featured ImageVisual heroAll content
03Table of ContentsNavigationLong-form
04Key TakeawaysTL;DR summaryHow-tos, guides
05Statistic HighlightData emphasisResearch content
06PullquoteQuote emphasisInterviews, articles
07Info/Tip BoxesCallout alertsTutorials
08Numbered StepsProcess guideHow-tos
09Comparison TableSide-by-sideReviews
10Code/Example BlockTechnical contentTutorials
11Image + Text SplitVisual balanceCase studies
12Pros and ConsBalanced reviewReviews
13Author Bio BoxCredibilityBlog posts
14Related PostsEngagementAll content
15Course ModuleCurriculum displayCourse pages
16Resource DownloadLead magnetAll content
17TimelineChronologicalCase studies
18Icon Feature ListVisual benefitsFeatures pages
19Accordion ContentSpace-savingFAQ, lists
20Content Upgrade CTAIn-article lead genBlog 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)

ShortcodeOutputDescription
3,49347,892Basic formatted number
Join 3,493+ studentsJoin 47,892+ studentsWith 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

  1. Insert a video pattern (β˜… Video CTA Hero, β˜… Video Testimonials)
  2. Click the video embed placeholder
  3. Paste your YouTube or Vimeo URL

Part 5: Integrations

1. Gravity Forms Integration

All opt-in and download patterns use Gravity Forms.

Setup Steps

  1. Create Form
    Go toΒ Forms β†’ New FormΒ and add fields (Name, Email, Phone)
  2. Note Form ID
    Find the ID in your Forms list
  3. Insert Pattern
    Add a landing page or opt-in pattern to your page
  4. 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

PatternBest ForIncludes
β˜… Full HomepageMain websiteHero, features, testimonials, pricing, CTA
β˜… Course PromotionSelling coursesHero, curriculum, instructor, pricing, FAQ
β˜… Video Sales LetterLong-form salesVideo hero, pain points, benefits, pricing
β˜… Webinar ReplayRecorded webinarsVideo, replay notice, CTA buttons
β˜… Video Opt-InVideo + emailVideo, headline, opt-in form
β˜… Case StudySuccess storiesResults, challenge, solution

2. Landing Pages

PatternBest ForForm Fields
β˜… Lead Magnet / FreebiePDF downloadsName, Email
β˜… Webinar RegistrationLive eventsName, Email, Phone
β˜… Mini-CourseFree courseName, Email
β˜… Product LaunchWaitlistEmail only
β˜… VSL LandingVideo sales funnelDepends 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