Лендинг · 2025

ManyLeads — B2B lead-gen агенція з hero-формою і подвійним соц-доказом

B2B lead-gen агенція з лід-формою на першому екрані і подвійним соц-доказом (Trustpilot + Google Reviews)

ManyLeads (юридичний бренд — B2Blead.com) — B2B lead-generation агенція з нью-йоркською телефонною лінією +1 (212) 578-1208 і поштою sales@b2blead.com. Сайт manyleads.net — це не блог-обгортка лід-магніту і не дефолтний agency-template. Це single-page промо з 7 секцій, де кожна секція має одну і ту саму конверсійну ціль — заявку на безкоштовну консультацію або callback. Стек — WordPress + кастомна тема + Yoast SEO + jQuery з кількома самописними слайдерами. Контентна модель — окремий CPT cases (а не WP-default post) для портфоліо клієнтських історій, що тримає блог і кейси у різних URL-неймспейсах.

Hero: лід-форма на першому екрані, а не нижче скролу

Перший екран — split-layout: ліворуч заголовок «Professional Lead Generation that Increase Your Sales» з підкатегорією-тагом «B2B Lead Generation Company», параграф-лід про «one of best-in-class lead gen firm», зелена CTA «Book a Free Consultation» і Trustpilot-бейдж з оцінкою 4.8/5 на 87 відгуках. Праворуч — повноцінна лід-форма-картка «Leave your request» на 5 полів: ім’я, телефон з мульти-кантрі дропдауном (76 кодів країн з прапорцями), коментар, file-upload «Add file», синя CTA «Get the Best Price», нижче — клікабельний номер телефону і три месенджер-іконки (Viber, Telegram, WhatsApp). Над nav — тонка темна promo-bar «Get a special offer, Save up to 30%» з CTA-пілою «Leave free request now», що можна закрити «×» іконкою. Це не банер що мерехтить раз — це сесійна знижка з персональним dismiss.

Hero ManyLeads — split-layout з заголовком «Professional Lead Generation that Increase Your Sales» зліва, лід-формою «Leave your request» з телефонним кантрі-кодом справа, зеленою CTA «Book a Free Consultation» і Trustpilot-бейджем 4.8/5 на 87 відгуках — Більшість конкуруючих lead-gen агенцій тримають форму на окремій сторінці `/contact` або у модалці. Тут вона на головній на першому ж екрані — користувач не повинен скролити чи клікати щоб подати заявку. Це навмисне рішення: CPL у B2B lead-gen вертикалі — у діапазоні $50–$200, форма за «один скрол» нижче втрачає 30–40% відсотків заявок. Мульти-кантрі дропдаун з 76 кодами (від US/UA до Косово XK+383) обслуговує те, що ManyLeads — глобальна агенція, а не локальний US-провайдер: ліди приходять з усього світу і форма не повинна примушувати клієнта вводити повний міжнародний код вручну. File-upload «Add file» — для прикріплення власних таргет-листів або brief-документів прямо у первинному запиті.

Стрічка результатів — нижче hero, як перехід до соц-доказу

Одразу під hero — горизонтальна стрічка з трьох метрик: 36.1K Client leads generated, $7.6M Client revenue generated, $87M Сlient pipeline generated. Кожна цифра — з кольоровою іконкою у лівому стовпці і двомовним підписом справа. Цифри не «approx», а конкретні: 36.1 (не «36+»), $7.6 (не «$7M+»), $87 (не «$80M+»). Це навмисний сигнал precision — агенція веде звітність і не округлює.

«Why choose our service from the rest?» — KPI-bullets + 3 trust-картки

Секція «About Our Company» — також split-layout. Ліворуч: тег-плашка «About Our Company», заголовок з ритмічним питальним знаком, абзац про «high performing data from executing thousands of successful LinkedIn campaigns», 4 KPI-bullets з зеленими checkbox-маркерами (23% Faster Sales Cycle, 32% Increase in Sales, 15X ROI on our Programs, 1 in 4.5 Leads moving into the Pipeline) і outline-CTA «Get Targeted Lead». Праворуч — три композитні картки: (1) мокап продукту «How we generate leads for clients» з браузер-фреймом і CTA «Go to Order», (2) цифрова метрика «1,500,000 Money spent this year» з bar-chart-візуалізацією, (3) «97% Satisfied customers» з ілюстрацією воронки і CTA «Learn more».

Секція «Why choose our service from the rest?» — ліворуч KPI-bullets (23% Faster Sales Cycle, 32% Increase in Sales, 15X ROI, 1 in 4.5 Leads) і CTA «Get Targeted Lead», праворуч 3 trust-картки: продукт-мокап «How we generate leads for clients», цифра 1,500,000 з bar-chart і картка 97% satisfied customers — Це не одна-цифра-один-блок, а зчеплення тверджень: KPI-bullets з відсотками + три картки з трьома різними формами доказу (продукт, бюджет, NPS). Кожна картка адресує різний тип сумнівів: «у вас є щось готове?» (мокап), «скільки ви насправді витрачаєте на нашу справу?» ($1.5M бюджет), «чи задоволені клієнти?» (97% satisfaction). Композиція bar-chart у середній картці — не справжній графік а декоративний візуал, що працює як *credibility signal* без реальних осей і даних. Це чесно як decorative-card, а не як statement що вводить в оману.

«Lead generation services that win clients» — 7 сервісів + зелена CTA-картка восьмим тайлом

Сервісна секція — grid 4×2 на 8 тайлів: Appointment Setting, Cold email outreach, Intent-based cold calling, Account based marketing, LinkedIn lead generation, Outsourced SDR service, Lead generation training + восьмий тайл — насичено-зелена картка «Unleash your sales potential with our lead generation services» з темною CTA-кнопкою «Book a Call». Кожен сервіс-тайл — світло-блакитна картка з SVG-іконкою згори, заголовком, описом-параграфом і outline-стрілкою кнопкою arrow-up-right у нижньому лівому куті (інтуїтивний «детальніше»-патерн). Опис на кожному тайлі — короткий і конкретний, з вшитим числом-вигодою: «Multiply your appointment rate by 30%», «4 times cheaper than expanding an in-house department», «15% higher sales closing rate».

Секція «Lead generation services that win clients» — grid 4×2 з 7 світло-блакитних карток сервісів (Appointment Setting, Cold email outreach, Intent-based cold calling, Account based marketing, LinkedIn lead generation, Outsourced SDR service, Lead generation training) і восьмим зеленим тайлом-CTA «Unleash your sales potential» з кнопкою «Book a Call» — Восьма-зелена-картка-CTA замість окремої секції під grid — це grid-CTA pattern: користувач не виходить з ритму перегляду карток, кнопка з’являється де очікується наступна картка. Це підвищує click-through порівняно з «під grid повномірний банер з CTA», бо CTA сприймається як частина продукту, а не як інтерапт. Колір зеленого — той самий що і у hero-CTA «Book a Free Consultation», що формує впізнавану «book-a-call»-action палітру у межах сайту (зелений = бронювання консультації, синій = форма заявки).

«Our Process» — 4-крокова методологія у zigzag-layout

Секція «Our Process» — 4 кроки у дзеркальному zigzag-розміщенні: Step 1 Onboarding & Strategy Creation, Step 2 Research and Build Out Audience Segments, Step 3 Design Sales Collateral for Each Market Segment, Step 4 Launch and Scale. Кожен крок — пара з квадратного 3D-ілюстраційного блоку (ізометричні геометричні форми на тлі сітки) і текстовою колонкою (синя «Step N» мітка, чорний заголовок, сірий опис, outline-стрілка). Перший крок — ілюстрація ліворуч, текст праворуч; другий — навпаки; і так далі. Внизу секції — зелена CTA «Book a Free Consultation» з підписом «Grab 5 Free Leads Now».

«Book a Free Consultation Now!» — повноекранна форма між послугами і соц-доказом

Окрема секція з заголовком «Book a Free Consultation Now!» і повноекранною формою-карткою на 7 полів у двох колонках: First name, Last name, Work email, Work phone (з кантрі-дропдауном), Mobile (з окремим кантрі-дропдауном), Comments-textarea на повну ширину, синя CTA «Book now». Це не та сама форма що у hero — це друга, розширена, з повним business-info замість мінімального quote-request. Стратегія: користувач який не подав hero-форму (бо не довіряв ще), доходить до цієї точки після 3 секцій соц-доказу і подає її як «вже готовий до конверсії».

Подвійний соц-доказ: Trustpilot-слайдер і Google Reviews 3-колоночна masonry

Соц-секція «Trusted by thousands of B2B businesses» має дві різні форми відгуків. Зверху — широка Trustpilot-картка-слайдер: ліворуч офіційний Trustpilot-бейдж «Excellent ★★★★★ Based on 87 reviews» з логотипом «Trustpilot», праворуч горизонтальний слайдер з 4 видимих карток (заголовок-фраза + цитата + ім’я + дата) і круглими стрілками-навігатором. Нижче — заголовок «Trusted by thousands of B2B companies» з тег-плашкою 96% ★★★★★ 5.0 stars feedbacks і 3-колоночна masonry з 9+ Google-style карток відгуків: кожна картка має фото-аватар автора з verified-галочкою, посаду (CEO / Founder / Consultant), 5-зіркову оцінку, мітку «9 hours ago», коротку фразу-заголовок і повний текст. Внизу секції — outline-кнопка «Show all reviews».

Секція «Trusted by thousands of B2B businesses» — зверху Trustpilot-слайдер з 4 видимими картками-цитатами, нижче 3-колоночна masonry з 9+ Google-style карток відгуків з аватарами, посадами, 5-зірковими рейтингами і повним текстом. Внизу — кнопка «Show all reviews» — Дві різні форми відгуків замість однієї — це навмисний multi-source proof: **Trustpilot** сигналізує third-party verification (платний сервіс з підтвердженням транзакції), **Google Reviews** — широкий low-friction соц-доказ (будь-хто може залишити). Tier-1 покупці (агенції, корпоративні L&D-менеджери) дивляться на Trustpilot, tier-2 (стартапи, SMB-власники) — на Google. Один блок не покриває обидва сегменти; два блоки в одній секції — покривають. Masonry-layout (а не grid) — щоб довгі відгуки не обрізалися а короткі не залишали порожні картки.

Фінальна CTA + footer з 4-колоночною nav і соц-кнопками

Перед футером — мінімалістична CTA-секція «Ready to start getting clients?» з підписом про «brief meeting with Belkins experts to facilitate your business growth» (Belkins — згадка партнера/референс) і темною кнопкою «Schedule 30-min call». Footer — на темному фоні: ліво-колонка з логотипом, текстом-позиціонуванням, sales-email і US-телефоном; далі 4 nav-колонки (Services / Company / B2BData / Services-дубль) з 5-6 пунктами в кожній; знизу — рядок-роздільник з ©B2Blead.com 2024, legal-меню (Terms of Use / Privacy Notice / Cookie Notice / Cookie settings / Trust Center) і 4 соц-кнопки.

Адаптив: 8 секцій згортаються у single-column без втрати конверсійних точок

На mobile (≤768px) всі секції перетікають у single-column: hero — заголовок зверху, форма-картка нижче під CTA «Book a Free Consultation»; сервіс-grid 4×2 → стак 1×8; process zigzag → лінійна послідовність 1→4; nav стискається у бургер-плюс-2-кнопки (Get in touch + Book a Call). Promo-bar «Save up to 30%» приховується на mobile (займає занадто багато header-висоти). Telephone-keyboard на iPhone автоматично активується для phone-input у формі.

Стек і технічні рішення

WordPress + кастомна тема (не Elementor, не Astra, не WPBakery). Розмітка — semantic HTML5 з префіксованими класами секцій (main, about, services, process, book, reviews, start).
Yoast SEO — генерація 6 sitemap-індексів (post-sitemap, page-sitemap, cases-sitemap, category-sitemap, case-category-sitemap, author-sitemap), що означає роздільне індексування блогу, сторінок і CPT cases з власною таксономією case-category.
Кастомний CPT cases — окремий URL-namespace /cases/<slug>/ для портфоліо успіхів (на момент індексу — nomadesk-case-study і e-commerce-solutions-provider). Не змішується з блог-постами, що дозволяє Yoast тримати окрему breadcrumb-структуру і Article-schema для двох різних контент-типів.
jQuery 3.x + jquery-migrate 3.4.1 — стандартний WP-bundle для CF-форм і слайдерів.
Кастомний phone-input з 76-кантрі дропдауном — ймовірно intl-tel-input або власна реалізація поверх native <select>, з emoji-прапорцями замість картинок-SVG (полегшує bundle).
File-upload field у hero-формі — нативний CF-like input з drag-зоною «Add file», без обмеження кількості (підготовлено під відправку multi-target-list брифів).
Trustpilot embed-widget — офіційний third-party віджет з горизонтальним слайдером 4 видимих карток + клік на бейдж веде на trustpilot.com profile.
Google Reviews integration — masonry 3-колоночна сітка, ймовірно через Google Places API з кешем (не realtime — інакше layout-shift при перших скролах).
Floating contact-кнопки у hero (Viber/Telegram/WhatsApp) — нативні tel:, viber://, https://t.me/, https://wa.me/ handler-URI.

Архітектурна суть проекту — конверсійна single-page агенція, де кожна з 8 видимих секцій містить або форму, або CTA-кнопку на бронювання консультації. Контент-моделі (Cases CPT, Yoast-індексація) винесено у separate workstream для SEO-зросту, а тема залишається monolithic (один theme-package) щоб не дробити темплейтну логіку на дрібні модулі.