Sabri Suby’s Video:
17 Steps Mapped Into 6 Key Layout Sections:
6 Key Sections For A Perfect Landing Page!
1. The Hero Section (Above The Fold)
This block must immediately capture the visitor’s attention and state the core offer/benefit.
2. Intrigue & Problem Identification
This section’s purpose is to “agitate the pain” and prove you understand the reader’s struggles better than they do.
3. The Solution & Benefit Section
Once you’ve agitated the pain, you pivot to offering the remedy—your service or product.
4. Trust and Authority (Credentials & Social Proof)
This section removes skepticism by proving your expertise. This is where you integrate your required Testimonials and Personal Section.
5. The Value Stack & Irresistible Offer
This is the psychological peak of the page, where you build the perceived value so high that the final offer (the free consultation) seems like a “no-brainer.”
6. Final Conversion Block (The Closer)
This final section eliminates all remaining resistance and compels immediate action.
6 Key Sections Expanded:
6 Key Sections For A Perfect Landing Page!
1. The Hero Section (Above The Fold)
This block must immediately capture the visitor’s attention and state the core offer/benefit.
| Block Element | Source Content & Purpose | Video Reference |
| Simple Branding | A clear, basic logo and navigation that avoids distraction. The focus is on the copy, not complex design. | [00:00] |
| The Audience Call-Out | Use large, attention-grabbing text to directly address the target market (e.g., “Attention Financial Planners”). | Step 1 [03:48] |
| The Hook/Headline | A single, powerful, attention-grabbing statement that promises the ultimate benefit. (e.g., “Finally, a way to [Desired Outcome] without [Pain Point]”). | Step 2 [04:33] |
| The Sub-Headline | A short sentence that backs up the big promise and provides a little more context. | [04:56] |
| Primary Call-to-Action (CTA) | A highly visible button that takes the user to your second page (the contact/consultation form). Offer: Free Consultation / High-Value Lead Magnet. | Step 15 [24:02] |
2. Intrigue & Problem Identification
This section’s purpose is to “agitate the pain” and prove you understand the reader’s struggles better than they do.
| Block Element | Source Content & Purpose | Video Reference |
| Irresistible Bullet Copy | A small section of 3-5 bullet points that focus on creating intrigue about the pain points or “little-known secrets” they are about to learn. | Step 3 [05:49] |
| Problem Agitation | A paragraph-based section that vividly describes the problems your audience is currently facing. This section should make them feel uncomfortable with their current situation. | Step 4 [07:10] |
3. The Solution & Benefit Section
Once you’ve agitated the pain, you pivot to offering the remedy—your service or product.
| Block Element | Source Content & Purpose | Video Reference |
| The Solution Unveiled | Clearly articulate that you have a proven system/roadmap to take them from their “less desirable before state” to their “more desirable after state.” | Step 5 [10:19] |
| Visceral Benefits | A list (or image/icon grid) detailing the benefits of your solution. Focus on the emotional, visceral outcomes (e.g., more freedom, richer, less worry) rather than dry features. | Step 7 [14:48] |
| Secondary CTA | A smaller, less prominent button repeating the primary CTA, placed here to capture visitors who are now convinced by your solution. | Implicit |
4. Trust and Authority (Credentials & Social Proof)
This section removes skepticism by proving your expertise. This is where you integrate your required Testimonials and Personal Section.
| Block Element | Source Content & Purpose | Video Reference |
| Credentials & Logos | A block to showcase evidence of success: Logos of prestigious companies/partners you’ve worked with, Press Mentions (As Seen In logos), Awards, or certifications. | Step 6 [11:28] |
| Personal Authority Section | Integrate the business owner’s story/image here to build trust. Explain how you used this system yourself or list your relevant experience to qualify you as the expert. | Step 6 [13:56] |
| Social Proof Block | A dynamic section featuring Quality Reviews/Testimonials (written or video). You can also use relevant industry statistics to build external proof. | Step 8 [15:30] |
5. The Value Stack & Irresistible Offer
This is the psychological peak of the page, where you build the perceived value so high that the final offer (the free consultation) seems like a “no-brainer.”
| Block Element | Source Content & Purpose | Video Reference |
| Godfather Offer Pitch | A short, compelling paragraph summarizing your main service or the core value of the free consultation. It must be irresistible. | Step 9 [16:17] |
| Bonus Modules | List all additional bonuses or splinters of your service that sweeten the core offer. Give each a fictional but fair dollar value. | Step 10 [18:11] |
| The Value Stack Table | A table or visual block that itemizes the total value: Core Offer Value + All Bonus Values = Combined Total Value. | Step 11 [19:07] |
| Price Reveal | State the high Combined Total Value, then dramatically reveal the price for the consultation (“You Won’t Pay That Today…”) and offer it for FREE. | Step 12 [20:02] |
6. Final Conversion Block (The Closer)
This final section eliminates all remaining resistance and compels immediate action.
| Block Element | Source Content & Purpose | Video Reference |
| Powerful Guarantee | A clear statement that removes all risk (e.g., “100% Satisfaction Guarantee” or “We keep working until you reach your desired outcome”). | Step 14 [22:53] |
| Scarcity & Warning | Use limited-time or limited-spot language (e.g., “Only 5 Free Consultations Left This Month”) to motivate immediate action. Warn them of the consequences of inaction. | Step 13 [22:00], Step 16 [25:02] |
| Final Call-to-Action (CTA) | A large, distinct button repeating the primary CTA (Go to contact page). | Step 15 [24:02] |
| P.S. Reminder | A final P.S. copy block at the very bottom of the page that is a short, one-paragraph summary of the main benefit, the scarcity, and the final instruction to click the button now. | Step 17 [25:48] |
Understanding How Everything Fits Together Is Crucial!
Depending how you learn you can bounce between each step and learn something from each pass. I personally need to understand how everything fits together before I can start to build a landing page. Below I will expand on each main page.
✴ Structure / Layout
Understand Copywriting and Each Section For Your Layout!
Watch Sabri Suby’s Landing Page Video. Sabri shows 17 steps to building your perfect landing page. He explains copywriting and shows what is really important.
I broke Sabri’s video into an optimal layout. All 17 steps can be fit into 6 main sections of your landing page. Look over each section and what should belong as it relates to your situation.
On paper be sure to make notes and start to rough sketch your first landing page!
✴ Technical Skills
Learn the WordPress Basics!
WordPress is extremely powerful once you learn some basic skills. There are two types of templates you can use.
Modify built in templates or build your own with ease. WordPress has built in layout blocks to help you make stacks, columns, or grids with ease.
Greenshift Plugin is free and allows you to access a scroll carousel feature, as well as animate blocks with ease!
Each section of your layout should represent one layout block. Then fit the info inside of that block using some images, paragraphs, and headlines!
✴ Example Landing Page
Chloris Skin Spray!
This website was originally to be a rough sample build for a client of mine. He is launching a hypochlorous acid skin spray.
The copywriting is not perfect but represents what Sabri teaches in his video.
You can see just how easy it is to use a built in template, and then modify the styles, and copy to represent a business.
A product landing page, will be different from a service based landing page, but each of the 6 sections will still be present.
Finalize your rough sketch and use temporary copywriting while you build.