Лендинг пейдж setup: Создание Landing Page — Setup.ru — бесплатный конструктор сайтов, создать сайт бесплатно
РазноеСоздание Landing Page — Setup.ru — бесплатный конструктор сайтов, создать сайт бесплатно
1. Выбор дизайна.
Выберите дизайн Landing Page из 11 профессиональных шаблонов, составленных с учетом особенностей юзабилити продающих страниц.
2. Меню секций.
Для удобной навигации ваш Landing page разделен на секции (блоки).
Придумайте названия секций и расположите их горизонтально или вертикально в любом текстовом блоке в первом экране видимости (в самой верхней секции лендинга section-0).
Для создания ссылки-«якоря» в разделе меню вставьте в поле «Адрес» номер нужной секции в формате #section-3.
3. Конструктор кнопок
На тарифе Free доступна только одна кнопка формы обратной связи. Вы не можете ее редактировать. Чтобы кнопка заработала, необходимо включить функцию обратной связи в личном кабинете.
Однако на платных тарифах вы можете создавать неограниченное количество кнопок и настраивать их по своему усмотрению.
Для добавления кнопки нажмите на одноименную иконку в меню редактирования любого блока, и перед вами откроется окно с настройками.
4. Конструктор лид-форм
На тарифе Free доступна только одна форма, она настроена по умолчанию и не редактируется. Вне зависимости от выбранного шаблона это может быть только форма обратной связи.
На платных тарифах вы можете легко создавать любое количество форм с уникальным оформлением и любым количеством полей. Это может быть подписка на рассылку, сбор заявок или оформление заказа. Для этого в меню редактирования нажмите на соответствующую иконку и измените дизайн и настройки формы по своему усмотрению.
5. CRM-модуль
Все данные ваших посетителей, собранные с помощью лид-форм, сохраняются в CRM-модуле. Модуль доступен для просмотра и редактирования только на платных тарифах. Подробнее о настройке CRM (кабинета администратора магазина)
6. Публикация лендинга
Чтобы опубликовать лендинг, нужно привязать к нему домен.
Вы можете:
— привязать собственный домен;
— купить домен в личном кабинете Setup.ru;
— обратиться в техподдержку с просьбой разместить лендинг на субдомене сайта, созданного на Setup.ru (функция доступна только для сайтов с тарифами Pro и Shop, у сайта не может быть более трех субдоменов).
Топ 20 конструкторов лендингов — Landing Page, рейтинг и отзывы
Конструкторы лэндингов — простой способ самостоятельно создать посадочную страницу для продвижения бизнеса и увеличения количества продаж. Подходит новичкам и тем, кто ограничен в деньгах или ищет удобный инструмент тестирования интересных идей.
Использование
Этот способ создания удобно использовать, если вы не желаете разбираться в тонкостях языков веб-программирования. Рейтинг подобных сервисов наглядно продемонстрировал их разнообразие, но технически они устроены по схожим принципам:
- Чтобы собрать хороший сайт, достаточно поиграться с перетаскиванием готовых информационных блоков в визуальном редакторе;
- для придания странице привлекательности используется база готовых шаблонов;
- при помощи встроенного редактора легко менять расстояние между блоками, их положение, добавлять новые.
Чтобы начать пользоваться сервисом, потребуется пройти процедуру регистрации на сайте и выбрать тариф. У каждого своя тарифная сетка, удобная и не очень. Онлайн-конструкторы предлагают создание разных типов сайтов: магазины, визитки, портфолио. Цены разные, но суть проста: чтобы ваш проект работал, вносите ежемесячную абонентскую плату. Некоторые предлагают выкупить сайт навсегда.
Лэндинг — не самый большой проект, состоящий всего из 1 страницы, поэтому часто хватает недорогого тарифа. Поупражняться в создании посадочных страниц многие сервисы предлагают бесплатно, а оплата взимается за публикацию сайта в интернете.
Важно: созданный при помощи конструктора лендинг не автономен и существует и принадлежит вам, пока вы оплачиваете услуги сервиса.
Преимущества лэндингов
Большинство пользователей, прибегающих к созданию одностраничников при помощи конструкторов, руководствуются этим списком достоинств таких сервисов:
- Экономия средств — иногда можно даже создавать бесплатные страницы.
- Скорость — готовый сайт делается в течение одного дня.
- Нет нужды в знании веб-программирования, html, css.
- Простота управления — интерфейс, в котором легко разберется человек, далекий от создания сайтов.
- Круглосуточная техподдержка — оперативное решение проблем.
- Встроенная CRM — легко контролировать заявки, а система способна самостоятельно считать прибыль.
Перечисленных преимуществ хватает, чтобы отказаться от услуг веб-студий и фрилансеров. Особенно привлекателен быстрый старт: те, кто хорошо знаком с работой конструкторов, делают новую посадочную страницу за пару часов. Дополнительные плюсы (некоторых опций может не быть):
- Наборы готовых тематических шаблонов;
- расширения, например, отслеживание звонков;
- использование бесплатного домена третьего уровня.
Таким образом, сделать лендинг пейдж с помощью визуального редактора и готовых шаблонов просто и быстро, но так ли все идеально, как кажется на первый взгляд?
Недостатки конструкторов
Экономия бюджета часто становится главной причиной обращения к конструкторам, но при наличии навыков создания сайтов купить хостинг и домен окажется дешевле. Вдобавок, делая сайт своими руками, вы работаете над его кодом, избегая лишнего, они стремятся удовлетворить потребности всех пользователей, а потому готовая страница часто оказывается тяжелой и медленной.
Пользуясь конструктором, не получится разместить на странице функции, отсутствующие в списке доступных. Техподдержка способна помочь в таком вопросе, но добавлять интересующий функционал программисты могут месяцами. При этом среднестатистический шаблон обладает простым дизайном, из-за которого лендинг с легкостью потеряется на фоне конкурентов.
В конце концов, стоит поразмыслить на тему SEO: каковы возможности продвижения шаблонной посадочной страницы, сделанной на конструкторе, в топ? В сравнении с дорогим сайтом, в котором продумана каждая мелочь, шансы невелики. Но тут все индивидуально — играет роль контент, конкурентность запроса и другие факторы. В любом случае, высокую конверсию не гарантирует никто, а конструктор — отличный способ «пробить почву».
Вывод
Обзор особенностей, достоинств и недостатков лэндинг конструкторов позволяет заключить, что в сравнении с заказом на создание сайта — это дешево, быстро и просто. Плюсов больше, чем минусов, а продавать товар или услугу с конструктором реально начать уже сегодня.
Тем кто создаёт лендинги под контекстную рекламу советуем использовать сервис Yagla для улучшения эффективности ваших посадочных страниц.
Всего пара строчек кода и ваш обычный сайт превращается в мультилендинг, чем обеспечивает наиболее высшую конверсию в отличии от простого.
Настройка шаблона Твой Лендинг
Посмотрите видео с наглядным примером настройки темы дизайна Твой Лендинг:
Пошаговая инструкция по установке и настройке темы Твой Лендинг:
1) Установка шаблона Твой Лендинг на вашем сайте
- Вы используете бесплатный фрейворк Webasyst купили и установили через инсталлер шаблон Твой Лендинг
- Перейдите в админку вашего сайта http://ваш_сайт.ру/webasyst
- В верхнем меню выберите приложение с иконкой Сайт
- В левом меню выберите пункт Структура
- В появившемся окне выберите пункт с иконкой
- В появившемся окне в полях Тема оформления и Мобильная тема оформления, выберите шаблон Твой Лендинг, далее в нижней части страницы нажмите кнопку Сохранить
- Поздравляем, шаблон Твой Лендинг установлен на вашем сайте и готов к использованию, далее необходимо произвести его настройку.
- Перейдите в админку вашего сайта http://ваш_сайт.ру/webasyst
- В верхнем меню выберите приложение с иконкой Сайт
- В левом меню выберите пункт
- В появившемся окне должна быть выбрана тема Твой Лендинг (если нет, значит шаблон не выбран как основной для сайта см. пункт 1), чуть ниже нажмите ссылку с иконкой Настройка темы
- Перед вами экран с настройками темы Твой Лендинг. Далее необходимо изменить контент на свой.
- Вы находитесь в разделе Настройка темы, ниже находится информация, которую необходимо поменять на вашу.
- Тип Меню — Этот параметр отвечает за тип меню в шапке сайта. Вы можете выбрать тип Одностраничник, для использования сайта в режиме landing page, в этом случае навигация осуществляется в пределах страницы, вы можете самостоятельно редактировать код меню, и допустим добавить телефонный номер.
- Код для типа меню Одностраничник — Если выбран тип меню Одностраничник, здесь находится код для его отображения, вы можете его изменить, не забудьте изменить номер телефона в этом блоке на ваш.
- Цвет фона меню и Цвет ссылок в меню — Отвечают за цвет верхнего меню. Вы можете задать цвет как в HEX режиме, например #39454b так и в режиме RGB с прозрачностью например rgba(255,255,255,0.95)
, где первые три цифры отвечают за цвета RGB а последняя цифра 0.95 это прозрачность. Вы можете экспериментировать с цветом меню. - Город, Адрес, Телефонный номер — Замените на свои данные, необходимо для микроразметки Яндекса и для контакта с вами. Карта проезда — Ссылка на карту проезда до вас, используется в блоке контактов при клике на иконку рядом с адресом.
- Содержимое блока INTRO — Здесь находится контент из блока Intro, который отображается первым при открытии сайта. Сюда можно вставлять свой контент, изображения, видео и прочее. Также в любом месте сайта вы можете использовать иконки из коллекции Font Awesome.
Адрес картинки для фона блока INTRO — Ссылка на фоновую картинку для блока INTRO, вы можете использовать любую картинку просто вставив ее URL в это поле. - Содержимое блока ONE, Содержимое блока Two, а также фоновые картинки для этих блоков заполняются по аналогии с блоком INTRO, с разницей в том, что информация в этих блоках отображается на белой подложке.
- Содержимое блока Портфолио — В этом блоке можно изменить заголовок, описание и добавить картинки с описанием, поставив URL своей картинки для миниатюры и для большего изображения и изменив текст описания.
- Содержимое нижнего блока — Содержимое этого блока отображается под адресными данными перед формой отправки контактных данных.
В этом блоке, лучше всего разместить уникальное торговое предложение с ограниченным сроком действия, призыв к совершению действия и перечисление бонусов, которые человек получит оставив заявку прямо сейчас. - Ссылки на соц. сервисы — Добавьте ссылки на вашу группу или сообщество в социальных сетях, заменив # с нужным соц. сервисом на соответствующий URL.
При возникновении ошибки 404, нужно сделать следующее:
В разделе Страницы Сайта добавьте одну страницу в качестве главной (не указывайте/сотрите предлагаемый адрес), тогда она будет выводиться и не будет 404-й ошибки.
Landing Page Cat — Coming Soon Page, Maintenance Page & Squeeze Pages — Плагин для WordPress
Simple Squeeze Pages & Landing Pages for WordPress
Landing Page Cat is the best WordPress plugin to build a simple landing page, like a Coming Soon Page, 404 Page, Countdown Page, Email Squeeze Page or Welcome Gate.
It takes just 2 minutes to build a landing page that looks great, converts, and improves your user’s experience.
There are no overly complicated settings, no learning curve, no coding required. Landing Page Cat works right out of the box. That means anyone (yes, anyone) can build a simple and optimized landing page in a matter of minutes.
Start using Landing Page Cat free today to build simple, high-converting squeeze pages, or upgrade to premium to utilize landing pages in more areas of your WordPress site.
Check out a demo video
com/embed/mWnJuu9QtxI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=ru-RU&autohide=2&wmode=transparent» allowfullscreen=»true» sandbox=»allow-scripts allow-same-origin allow-popups allow-presentation»/>*Demo video above includes some premium features.
Key Features
- Simple set up for a coming soon page, maintenance page, under construction page or simple email optin squeeze pages.
- Choose between the following call to actions: Email Optin, Button, or text-only.
- Publish your landing page on your homepage (mysite.com), or on any URL (mysite.com/landing-page).
- Extensive email marketing provider integrations.
- Large collection of free background images.
- Customizable landing page error messages.
- Customize all messages, including — landing page subscribing messages (“Subscribing…”), landing page thank you messages (“Thanks for subscribing!”), landing page error messages (“Please enter a valid email”).
- Further customize your page with CSS or HTML.
Grow Your Email List with this powerful WordPress Landing Page Plugin
Make the perfect simple squeeze page to grow your email list. Landing Page Cat supports the following email marketing & marketing automation tools:
MailChimp
Mad Mimi
GetResponse
Drip
Campaign Monitor
ConvertKit
Aweber
Active Campaign
Zapier (Using Zapier you can connect your landing page to any email provider out there.)
Not using any of these providers? Landing Page Cat lets you store your email subscribers in your WordPress install, so you can expert them later.
No matter which provider you use, Landing Page Cat makes setting up highly effective email landing pages a breeze.
Landing Page Customization Features
- Customize your landing page background. Landing Page Cat lets you use one of 3 gorgeous images and even add your own (more landing page background images coming soon), or a “solid color” landing page background.
- Configure your landing page headline. Our “landing page headline” input supports HTML and is fully color-customizable
- Customize your landing page description. You can edit and format your landing page description’s content and color.
- Show/hide “name” field on your landing page. Do you want to collect the name of people who subscribe on your landing page? Great news — Landing Page Cat lets you toggle your form’s name field on and off.
- Configure your landing page — “name” & “email” placeholder text.
- Fully customize your landing page button. Landing Page Cat lets you customize your button’s text, background color, border color and hover color.
- «Coming Soon» — Landing Page Cat has a customizable countdown timer to show website visitors. This can be for product releases or for when a website will go live. (Premium only)
- Add a header. Display a personalized header including a logo above your landing page so customers have quick access to your homepage.
Premium Features
For more options and features, upgrade to Landing Page Cat Premium. Our pro features let you utilize email capture or call-to-action landing pages for more areas of your site, including replacing 404 pages (broken links), as welcome gates, or coming soon pages with a countdown timer.
Here’s what you get with Landing Page Cat premium:
- Set your landing page to replace 404 pages on your site, to redirect broken links to a page of your choice.
- Set up simple welcome gates to convert more page viewers to email subscribers.
- Use our sophisticated rule builder to choose whether to show welcome gates to all visitors, first-time visitors only, specific traffic sources or exclude search engines/specific referrers.
- Enable a customizable countdown timer to make your coming soon page even more powerful.
- Make your page look even better with cool particle effects.
- Integrate with a Google Analytics plugin to track button clicks and email optins.
- AJAX Thank You & Success redirect
- Priority support
Why Use Landing Page Cat?
A landing page is a dedicated page on your website that is built from the ground up to convert your visitors into email subscribers, or get them to take any other action you want.
There are a ton of powerful page builder tools out there, but if you need a simple, no-frills landing page you can set up in minutes, you don’t want to waste the time and money on features you’re never going to use.
Landing Page Cat is a simple tool for site builders who want to create a landing page in less than 2 minutes.
Landing pages are particularly effective in the following cases:
- “Coming Soon” pages. If your site isn’t quite ready to launch yet, set up a placeholder landing page with an email optin, so you can notify people when it’s live.
- Maintenance or “under construction” pages. Let people know when a page is under construction, and redirect them to another page or collect their email to notify them later.
- Guest posts. Link your byline link to a landing page in order to convert the maximum number of readers into subscribers.
- Facebook advertising. Drive traffic from Facebook to your landing page to convert them into leads.
- Driving landing page traffic from your blog or sidebar. You could include links or banners in your blog posts or sidebar to drive traffic to your landing page.
- Your homepage. Turn your homepage into a landing page. Perfect when you need a website for your business, but you don’t want to go through the hassle of building a whole site.
Landing pages are powerful tools used by experienced marketers to grow your business. Few tools let you build a landing page as quickly and as easily as Landing Page Cat.
Is Landing Page Cat — WordPress Landing Page Plugin easy to translate?
Yes. Landing Page Cat — WordPress Landing Page Plugin is fully translatable. Please let us know if you’re interested in contributing.
Can I use this tool for Amazon coupon landing pages?
No. If you want to build Amazon landing pages for your Amazon products, check out our sister product, LandingCube
Landing Page Cat — WordPress Landing Page Plugin Feature Roadmap
This is just the first version of Landing Page Cat — we have tons of new features & improvements lined up. Do you have any suggestions? Please leave a comment in the support forums.
—The Fatcat Apps Team
Privacy Disclosure
This plugin stores personal data (eg. names & emails collected using this plugin) in the WordPress database.
This plugin integrates with the WordPress GDPR privacy controls for data export & data deletion added in WordPress 4. 9.6.
This plugin can be configured to connect to 3rd party service providers such as MailChimp.
If you use this plugin to connect to a 3rd party, personal data may also be shared with that party.
Additional privacy policy information for 3rd party services can be found here:
ActiveCampaign
Aweber
Campaign Monitor
ConvertKit
Drip
GetResponse
Mad Mimi
MailChimp
Zapier
Our full privacy policy is available here: https://fatcatapps.com/legal/privacy-policy/
Редактирование Landing Page на WordPress
Приветствую вас на сайте Impuls-Web!
Мы продолжаем создавать Landing Page на WordPress и в данной статье мы научимся делать навигацию по странице, создавать дубликаты данной страницы, редактировать ее при помощи визуального редактора Page Builder, а так же назначать произвольную страницу в качестве главной страницы сайта.
Для тех кто не читал предыдущую статью по созданию Landing Page на WordPress вот ссылка, обязательно почитайте.
Навигация по статье:
Настройка навигации
Вы наверняка замечали, что на большинстве Landing Page сейчас используется навигация по странице. При клике, на пункты меню, вас перебрасывает в соответствующую часть страницы. Сейчас мы научимся делать такое меню для своей Landing Page на WordPress.
Для этого вернемся к редактированию страницы и, для строки с определённой секцией страницы, нам нужно будет задать идентификатор, который будет использоваться в качестве якоря для ссылок меню.
- 1.Наводим курсор на ключик в верхнем правом углу строки, выбираем «Редактировать строку».
- 2.В разделе «Атрибуты» в поле «row id» ставим решетку, и вводим какой-нибудь идентификатор для данной секции Landing Page.
Идентификатор обязательно должен состоять только из латинских букв. Теперь мы этот идентификатор копируем и нажимаем на кнопку «Выполнено».
- 3.Затем нажимаем на кнопку «Обновить» и переходим в раздел «Внешний вид» => «Меню».
- 4.При помощи стрелочки вниз открываем нужный пункт для редактирования и вместо решетки вставляем скопированный идентификатор. После чего нажимаем на кнопку «Сохранить меню». Тоже самое вы проделываете для всех остальных разделов страницы и для всех остальных пунктов меню.
Создание дубликатов Landing Page
После того, как вы добавите все необходимые блоки и всю необходимую информацию на вашу страницу Landing Page, и настроите для нее навигацию, вы можете создать дубликат этой страницы, после чего внести на нее определенные изменения.
Это позволит вам с легкостью создавать на одном сайте неограниченное количество страниц Landing Page.
Для того, что бы это стало возможным, нам понадобится специальный плагин, который называется Duplicate Post.
- 1.Копируем его название и переходим в раздел «Плагины» = > «Добавить новый». Вставляем название в строку поиска, и теперь нажимаем на кнопку «Установить», а после установки нажимаем «Активировать».
- 2.Теперь вернемся в раздел «Страницы» => «Все страницы». После установки данного плагина у нас, при наведении на название страницы, появляется еще дополнительна ссылка «Клонировать».
После нажатия на эту ссылку у нас создается точная копия данной страницы. Однако эта страница имеет статус «Черновик», то есть, она не опубликована на сайте.
- 3.Далее, вы нажимаете на ссылку «Изменить». Задаете ей какое-то другое название, что бы потом не путаться. Затем, при необходимости, меняете тексты и изображения, переставляете секции местами и т.д.
- 4.Нажимаем на кнопку «Опубликовать» и перехожу по ссылке для того, что бы посмотреть, как будет выглядеть моя новая страница.
У мня в результате получилось 2 таких варианта:
Первый вариант:
Второй вариант:
Обращаю ваше внимание на то, что при создании и редактировании таких клонов страницы у вас редактируется вся контентная часть, а футтер и шапка остается на всех страницах одинаковым.При желании можно создать шаблон страницы, в котором будет редактироваться вся страница целиком, включая шапку и подвал сайта. Но это уже потребует дополнительных знаний и навыков.
Использование визуального редактора Page Builder
Так же я хотела бы еще остановиться на визуальном редакторе Page Builder, который особенно удобно использовать при редактировании уже созданной страницы.
Вернемся в админку сайта, к редактированию текущей страницы, и нажмем на кнопку «Визуальный редактор».
В правой части экрана мы видим саму нашу страницу, а в левой части экрана мы видим блоки, из которых она состоит. Мы можем навести курсор на определенный блок, который нужно отредактировать, кликнуть по нему, и у нас сразу же откроется окно редактора для его редактирования. Так же, таким способом вы можете добавлять новые строки, виджеты, редактировать или удалять уже существующие.
Здесь же вы можете просмотреть, как будет выглядеть сайт на планшете или мобильном телефоне.
После того, как вы внесли все правки, нажимаете на кнопку «Выполнено», в верхнем правом углу панели с блоками, и обновляете страницу.
Меняем главную страницу сайта
После того, как ваша страница Landing Page будет полностью готова, вам нужно будет задать ее в качестве главной страницы сайта. Для этого:
- 1.Переходим в административную часть, в раздел «Настройки» => «Чтение».
- 2.Здесь выбираем пункт «Статическую страницу» и из раскрывающегося списка «Главная страница», выбираем ту страницу, которую мы только что создали.
- 3.Нажимаем на кнопку «Сохранить изменения».
Отключаем стандартный слайдер для темы Vantage
При использовании темы Vantage на главной странице ещё будет отображаться стандартный слайдер темы. Для того, что бы его отключить, переходим в настройки темы «Внешний вид» = > «Настроить».
Далее, переходим в раздел «Theme settings», в пункт «Home», и в разделе «Home Page Slider» выбираем «None».
После чего нажимаем на кнопку «Сохранить и опубликовать».
Как видите этот способ создания Landing Page более длительный, по сравнению с теми, которые я показывала ранее. Однако он позволяет вам размещать сайт на своем хостинге, создавать структуру Landing Page любой сложности, расширять ее функционал за счет многочисленных плагинов для WordPress, добавлять сюда всевозможные галереи, слайдшоу, спойлеры, таблицы и прочие элементы.
Так же такой Landing Page довольно прост в администрировании и редактировании. В будущем вы можете расширить его до сайта визитки или даже до интернет-магазина. Кроме того, вы можете в пределах одного домена создавать неограниченное количество таких страниц, путем их клонирования и внесения в них изменений.
Видеоинструкция
youtube.com/embed/kgOV4YhxJ_Q?rel=0″ frameborder=»0″ allowfullscreen=»»/>
На самом деле создание Landing Pageна на WordPress – это очень обширная тема. На сегодняшний день, для данной CMS существует огромное количество плагинов, которые позволяют создавать более сложные страницы Landing Page.
Если данная тема для вас интересна, и вы бы хотели увидеть обзор других плагинов – напишите об этом в комментариях. Хорошего вам дня!
С уважением Юлия Гусарь
Что такое целевая страница? Нужен ли он мне?
Уделите много времени интернет-рекламе, и вы начнете везде видеть термин «целевая страница». Но что такое — это целевая страница? Что отличает ее от любой другой страницы? Почему целевые страницы так важны?
Честно говоря, в то время как интернет-маркетологи любят использовать этот термин, мы не смогли его определить. Однако в этой статье мы исправим это. Мы рассмотрим, что такое целевая страница, из чего состоит эффективная целевая страница и некоторые инструменты целевой страницы, которые можно использовать для создания собственных целевых страниц.
Честно предупреждаю, эта статья представляет собой довольно исчерпывающее введение в целевые страницы, поэтому ее читать не очень быстро. Но к тому времени, когда вы проработаете этот контент, вы должны иметь твердое представление о целевых страницах и о том, как их использовать для улучшения вашего интернет-маркетинга.
Что такое целевая страница?
Проще говоря, целевая страница — это первая страница, на которую вы «попадаете» после нажатия на ссылку. В этом смысле целевая страница может быть чем угодно: вашей домашней страницей, сообщением в блоге, страницей продукта, страницей захвата потенциальных клиентов … вы поняли.
Однако, каким бы простым ни было это определение, когда мы говорим о «целевых страницах» в онлайн-маркетинге, мы обычно имеем в виду страницу, специально разработанную для получения и преобразования трафика из маркетинговой кампании в Интернете. Используя это альтернативное определение, домашняя страница не будет считаться «целевой страницей» — она не предназначена для преобразования трафика из конкретной маркетинговой кампании.
Честно говоря, я виню во многих путях в этих определениях экспертов по целевым страницам.Большая часть лучшего контента целевой страницы поступает от экспертов по целевым страницам, которые владеют или являются сотрудниками компаний по созданию и хостингу целевых страниц.
Не поймите меня неправильно, эти ребята действительно знают свое дело, но они зарабатывают деньги, когда люди используют инструмент целевой страницы своей компании для создания целевых страниц, поэтому в их интересах писать такой контент:
Сравните это с оксфордским определением:
Вы понимаете, почему многие не понимают, что такое целевая страница? Определение меняется в зависимости от того, кто говорит! (и что они продают!).
Честно говоря, вероятно, было бы лучше, если бы мы просто создали новый термин для этого нового, альтернативного определения целевых страниц, но в отсутствие нового термина вам просто придется придерживаться этого практического правила:
Если интернет-маркетолог говорит о «целевых страницах», он, вероятно, имеет в виду страницы, которые были специально разработаны для конкретной маркетинговой кампании.
Помня об этом правиле, когда я буду говорить о целевых страницах в оставшейся части этой статьи, я буду иметь в виду страницы, специально предназначенные для получения трафика от маркетинговой кампании для каких-либо действий (в маркетинге мы имеем в виду эти действия как преобразования).
Вот несколько примеров того, что вы, возможно, хотите, чтобы люди делали на вашей целевой странице:
- Совершить покупку
- Станьте лидером, заполнив форму
- Позвоните вам
- Связаться с вами через чат
- Подписка на информационный бюллетень или список рассылки
- Зарегистрироваться на мероприятие
Все эти действия-конверсии достигают одной и той же основной цели: они продвигают людей к тому, чтобы они становились платежеспособными клиентами. И, в конечном счете, это цель любой целевой страницы, независимо от того, какое определение вы используете.
Элементы целевой страницы
Теперь, когда мы выяснили, что такое целевая страница и как мы собираемся использовать этот термин в этой статье, давайте поговорим о 5 основных элементах дизайна целевой страницы. Для справки, вот удобная инфографика, которая показывает, как каждый элемент помещается на странице:
Чтобы разместить эту инфографику на своем сайте, воспользуйтесь этой ссылкой:
Поскольку это первое, что пользователи видят на вашей странице, ваш контент в верхней части страницы — во многом как хорошая история на первой странице — является ключом к привлечению потенциальных клиентов, поэтому вы захотите сделать свой контент в верхней части страницы столь же привлекательным. насколько возможно. Давайте посмотрим на распространенный контент в верхней части страницы:
1A) Основной заголовок
Хороший заголовок (и снимок героя) — это как маяк для ваших потенциальных клиентов. Он говорит им: «Да, вы попали в нужное место, и вот чего вы можете ожидать…» Но ваш заголовок должен быть больше, чем просто обзором вашей страницы — он должен каким-то образом пробудить интерес читателя.
В зависимости от вашего бизнеса, того, что вы продаете и что вы хотите, чтобы люди делали на вашей странице, вы, вероятно, захотите использовать разные типы заголовков.
Например, если вы запускаете программу сертификации пилотов и хотите, чтобы люди записывались на ваш курс, вы можете использовать заголовок вроде «Научитесь летать сегодня!» С другой стороны, если вы хотите, чтобы люди подписывались на ваш список адресов электронной почты, «Узнать больше о летной школе» может быть лучшим вариантом.
Ключом к написанию отличного заголовка является понимание того, кто ваша аудитория, почему они находятся на вашей целевой странице и какую проблему они надеются решить для них.Зная эти три вещи, довольно легко придумать заголовки, чтобы попробовать.
1B) Вспомогательный заголовок
Если вам сложно указать в заголовке, кто, почему и что из вашей аудитории, вы можете расширить это с помощью вспомогательного заголовка. Думайте о поддерживающем заголовке как о возможности дополнить важные детали.
Ваш заголовок всегда должен быть самым важным и убедительным аргументом в пользу любых действий, которые вы хотите, чтобы кто-то предпринял, но иногда небольшая дополнительная деталь может подтолкнуть людей к действительной конверсии.
Например, вот одна из целевых страниц Disruptive:
Большинство наших потенциальных клиентов чувствуют, что тратят деньги на контекстную рекламу (что, к сожалению, почти всегда верно). Обычно это владельцы бизнеса или маркетологи, которые попали на эту страницу, выполнив поиск в Google по запросу типа «ppc agency» и нажав на наше объявление.
Имея это в виду, заголовок этой целевой страницы сразу же подтверждает посетителю 3 вещи:
- Все тратят деньги на контекстную рекламу, а это значит, что вы правы, заботясь о своих кампаниях.
- Мы эксперты, которые достаточно хорошо знают контекстную рекламу, чтобы помочь, потому что мы подсчитали и знаем, сколько рекламных расходов тратится впустую.
- Они находятся там, где они ожидали оказаться после нажатия на объявление PPC-агентства
В целом этот заголовок обращается к тому, кто, почему и что из нашей аудитории, но это своего рода мрачное сообщение.Поэтому вместо того, чтобы оставлять у людей ощущение, будто их кампании обречены, мы используем поддерживающий заголовок: «Вы заслуживаете лучшего». Или, другими словами, с Disruptive вам не придется тратить так много средств на рекламу PPC.
Как видите, основное сообщение содержится в заголовке, но вспомогательный заголовок добавляет важные детали, которые делают основной заголовок более привлекательным.
1C) Выстрел героя
Конечно, ваши основные и вспомогательные заголовки могут сказать только несколько слов. Может быть трудно заставить кого-то получить эмоциональную реакцию всего одним или двумя предложениями. Для этого могут потребоваться от сотен до тысяч слов.
К счастью, для этого у нас есть фотографии.
Во многих отношениях выстрел вашего героя может быть так же важен, как и заголовок. Снимок вашего героя — это эстетический компонент вашей целевой страницы, который говорит людям: «Да, вы находитесь в нужном месте и можете доверять этой компании», даже не осознавая этого.
Чтобы подчеркнуть это, давайте вернемся к нашему примеру с летной школой. Какая из следующих страниц, по вашему мнению, будет более интересной для начинающего пилота?
Этот?
Или этот?
Скорее всего, вторая страница принесет намного больше конверсий.
Ответ, конечно же, геройский выстрел. Несмотря на то, что заголовок на первой странице гласит «Научитесь летать сегодня», любой, кто нажимает на объявление о сертификации пилота и попадает на страницу с аквалангом, сразу же предположит, что что-то не так.Они хотят летать, а не плавать, так как же они попали на страницу о подводном плавании с аквалангом?
Хотя этот пример немного экстремален, он подчеркивает важный момент: ваш выстрел героя может сделать или сломать ваш заголовок (чтобы узнать больше о выборе правильного выстрела героя, ознакомьтесь с этой статьей).
1D) Сводная информация о преимуществах
Этот раздел не всегда находится в верхней части страницы, но когда это происходит, он важен. По сути, сводка преимуществ — это крючок, который перетаскивает людей с вашего контента в верхней части страницы на остальную часть вашей страницы.
По сути, в вашем резюме преимуществ должно быть сказано: «Эй, вот что вы получите, если сделаете то, к чему я вас призываю.
Тем не менее, сводка преимуществ — это ваша презентация в лифте. Если вы решите воспользоваться одним из них, сделайте его кратким, простым и конкретным. Вы можете получить более подробную информацию ниже в разделе.
2) Призыв к действию (CTA)
Хотя большинство компаний размещают призыв к действию (CTA) в верхней части страницы, поскольку ваш CTA — это то, что вы просите посетителей делать на своей целевой странице, он заслуживает отдельного раздела в этой статье.
Но, прежде чем вы сможете создать свой CTA, вам нужно решить, что вы хотите, чтобы люди делали на вашей целевой странице. Это важно, потому что в противном случае вы можете остаться без призыва к действию или получить несколько разных (и даже конфликтующих) призывов к действию.
Обе эти ситуации плохие.
Например, нажав на рекламу Spotify PPC, вы попадете на эту целевую страницу:
Есть способ здесь слишком много вариантов.
После того, как мы немного почесали голову, похоже, что цель страницы — побудить людей подписаться на месяц бесплатного премиум-обслуживания Spotify.Тем не менее, на странице также есть возможность прослушать бесплатно и их не премиум вариант.
Эта страница также является их домашней страницей, поэтому в заголовке есть параметры «Загрузить», «Зарегистрироваться» и «Войти» (при этом игнорируются все интерактивные элементы в нижнем колонтитуле!). Все эти варианты затрудняют понимание того, что вы должны делать на этой странице. На самом деле, если вы прокрутите страницу ниже сгиба, вы даже можете не знать, на что вы подписываетесь.
Напротив, вот CTA Нила Пателя:
CTA прост и единообразен на всей странице.Если вы хотите развивать свой бизнес, его страница быстро показывает, что вы нашли кого-то, кто может вам в этом помочь, а затем побуждает вас сделать следующий шаг, чтобы это произошло.
Кроме того, призыв к действию очевиден и понятен.
Например, «Получите бесплатное предложение!», «Свяжитесь с нами сейчас!» или «Начни сегодня» — отличные примеры CTA.
Наличие определенного предложения или преимущества, связанного с CTA, также помогает повысить конверсию. Конкретные предложения заставляют вашу аудиторию чувствовать, что они что-то получают взамен своей информации, и побуждают их действовать сейчас. Поэтому вместо «Свяжитесь с нами сегодня» попробуйте что-нибудь вроде «Свяжитесь с нами сегодня и получите скидку 10%».
Наконец, сделайте ваш CTA цветом, который выделяется на остальной части страницы, и разместите его на видном месте, чтобы его было легко найти и действовать. Достаточно просто, правда?
3) Покажите им преимущества
Если кто-то начинает прокручивать вашу целевую страницу, это означает, что вы что-то делаете правильно.
Единственная проблема в том, что большинство компаний не знают, как говорить о себе или о том, что они продают, так, чтобы это было важно для их потенциальных клиентов. Почему? Что ж, весь бизнес борется с эгоцентризмом. В конце концов, вы проводите весь день, каждый день, думая о своем продукте или предложении и улучшая их. Естественно хотеть говорить обо всех особенностях, которые делают ваш бизнес уникальным!
Единственная проблема в том, что людям на вашей целевой странице все равно .
Видите, большинство людей тоже борются с эгоцентризмом. Их не волнует, сколько бесчисленных часов вы потратили на эту изящную функцию. Они могут даже не заботиться об этой функции. Большинство посетителей вашего сайта задают себе один простой вопрос:
Сделает ли это мою жизнь проще?
В зависимости от того, что вы продаете и кому продаете, вы можете ответить на этот вопрос по-разному.
Важно сосредоточиться на том, как ваше программное обеспечение без ошибок облегчит их жизнь , а не на том, насколько хорош ваш бизнес, продукт или предложение.
4) — Социальное доказательство
К сожалению, большинство людей инстинктивно не доверяют маркетинговым материалам. Вообще говоря, большинство маркетологов рассказывают историю, которая представляет их предложение в лучшем свете.В конце концов, маркетологи зарабатывают деньги, рассказывая людям, что их продукт отличный. Может быть, ваше предложение так же хорошо, как вы говорите, но трудно поверить в то, что кому-то платят за то, чтобы он говорил о том, насколько круто его предложение.
С другой стороны… реальный покупатель? Они расскажут так, как есть на самом деле.
В результате отзывы — самый простой способ добавить социальное доказательство к вашей целевой странице. К сожалению, из-за того, что их так легко собрать (или даже сфабриковать), отзывы часто не имеют большого веса.Итак, если вы хотите, чтобы ваш отзыв был правдоподобным, вам нужны авторитетные, проверенные источники.
Имея это в виду, вот несколько способов собрать правдоподобные отзывы.
- Приведите ссылки на авторитетные источники. Если другие бизнес-лидеры (особенно лидеры узнаваемых компаний в вашей отрасли) хотят сказать, что вы молодец, это должно означать, что у вас есть что-то довольно крутое.
- Подробнее = правдоподобнее. Если ваш отзыв содержит достаточно подробностей (имя, местонахождение, должность и т. Д.), Чтобы можно было легко отследить ваш источник и проверить цитату, отзыв будет более правдоподобным.
- Включите фотографии. Фотографии также подтверждают подлинность вашего отзыва. В конце концов, если ваш отзыв был доволен, когда вы использовали их фотографию, ваш читатель может чувствовать себя комфортно, рассказывая вам о своем бизнесе.
- Видео-отзывы. Видео-отзывы развивают этот принцип. Видео-отзывы еще сложнее подделать, и они имеют дополнительные преимущества в виде интонации и языка тела. Если ваш видео-отзыв демонстрирует неподдельный энтузиазм по поводу продукта, вы можете держать пари, что ваша аудитория заинтересуется вашим предложением.
- Вставить контент. Если у вас есть бешеные отзывы в Твиттере, перетащите их на свой сайт. Отзывы на сторонних сайтах нельзя довести до совершенства, поэтому они кажутся более грубыми и реальными.
- Включите различные отзывы. Всем известно, что лишь небольшая часть ваших клиентов захочет выступить за вас. Итак, если у вас есть несколько отзывов, , многие людей должны любить вашу компанию (ползунки — отличный способ разместить несколько отзывов, не занимая слишком много места на вашей странице).
По данным Reevo, отзывы покупателей увеличивают продажи на 18%. Но вы не можете просто разместить на своем сайте какую-либо старую характеристику. Вместо этого вы хотите использовать такие обзоры, которые заставят ваших потенциальных клиентов подумать: «Знаете что? Было бы глупо не преобразовать »(чтобы узнать больше о том, как эффективно использовать социальное доказательство, прочтите эту статью).
5) Заключительный аргумент / подкрепляющее заявление
Хорошая целевая страница должна, естественно, привести пользователя к выводу, что преобразование в его интересах.Однако для этого вам нужно точно знать, что вы хотите, чтобы они сделали и почему они могут этого не делать. Затем на всей целевой странице вы обращаетесь к их опасениям и продаете им ценность того, что они получают в обмен на конвертацию.
В частности, если кто-то дойдет до конца вашей целевой страницы, у вас есть последняя возможность убедить его совершить конверсию (кстати, это хорошее место для еще одного призыва к действию).
Честно говоря, большинство людей не прочтут ваш заключительный аргумент / подкрепляющее утверждение, но для людей, которые проходят всю вашу страницу, хорошим заключением может быть разница между нажатием кнопки «Назад» или преобразованием.
Создание собственного лендинга Страница
Вся эта теория целевой страницы хороша, но читать о дизайне целевой страницы и на самом деле проектировать эффективную целевую страницу — это две совершенно разные вещи. Если вы хотите создать целевые страницы для своих маркетинговых кампаний, у вас есть два основных варианта: 1) создать страницы прямо на вашем сайте или 2) создать целевые страницы с помощью инструмента для создания целевой страницы.
Создание целевых страниц на собственном веб-сайте
Первый вариант довольно прост.
Однако многие компании предпочитают не добавлять на свои веб-сайты десятки или сотни дополнительных маркетинговых страниц, особенно если они не планируют проводить определенную маркетинговую кампанию постоянно.Кроме того, создание целевой страницы на большинстве веб-сайтов может быть настоящей головной болью, поэтому, если у вас нет хороших навыков дизайна и программирования, создание целевых страниц на собственном веб-сайте может оказаться непосильной задачей.
Использование инструмента целевой страницы
Именно здесь вступают в игру инструменты целевой страницы, о которых я упоминал ранее. Инструменты для целевых страниц позволяют создавать и даже размещать целевые страницы с помощью сторонних сервисов. Да, вы должны платить за большинство инструментов целевой страницы, но они предлагают простые интерфейсы дизайна и варианты тестирования, которые делают их отличным вариантом.
Вот как распадаются крупные игроки:
Unbounce
Unbounce была одной из первых служб создания и тестирования целевых страниц, которая позволила маркетологам создавать целевые страницы без участия ИТ-отдела. За прошедшие годы он стал одним из самых надежных вариантов разработки и оптимизации целевых страниц.
Unbounce — отличный вариант для большинства компаний, которые действительно хотят получить максимальную отдачу от своих целевых страниц. Я признаю здесь небольшую личную предвзятость, но на самом деле — это — отличная платформа.
Unbounce обладает множеством функций, обладает широкими возможностями настройки и предлагает простой в использовании интерфейс для тестирования дизайна страниц и (о чем мы поговорим через минуту). Даже если вы только учитесь использовать их интерфейс, Unbounce оснащен множеством встроенных шаблонов (и вы можете купить больше на ThemeForest), что упрощает создание приличной страницы и начало тестирования.
Unbounce также имеет мощную платформу для оптимизации мобильных устройств, которая становится все более важной в современном мире, ориентированном на мобильные устройства.Кроме того, он интегрируется с большинством платформ управления взаимоотношениями с клиентами (CRM), такими как Salesforce (и вам действительно следует использовать CRM), а также с Google Analytics, Zoho, Campaign Monitor и более чем 60 другими сторонними приложениями, что позволяет отслеживать вашу целевую страницу. приводит к различным результатам.
По сути, Unbounce отлично подходит для онлайн-маркетологов среднего и продвинутого уровней или начинающих маркетологов, которые достаточно заботятся о своих результатах, чтобы потратить немного времени на изучение новой системы.В Disruptive мы уже много лет используем Unbounce для получения отличных результатов для наших клиентов, и он стал одной из наших любимых платформ для целевых страниц.
Однако, если вы просто ищете платформу для целевой страницы, работающую по принципу «включай и работай», «получи кредит и забудь», Unbounce, вероятно, будет излишним.
Instapage
Если у вас нет времени на изучение такой надежной системы, как Unbounce, Instapage — отличный вариант.Название не является неправильным, их шаблоны невероятно просты в использовании.
Конечно, использование шаблона означает, что у вас не будет гибкости, чтобы получить максимальную отдачу от целевых страниц, но он также существенно упрощает процесс проектирования. Кроме того, Instapage предлагает некоторые варианты A / B-тестирования, поэтому у вас все еще есть возможность выяснить, какой шаблон и контент лучше всего подходят для вашей аудитории.
В целом, чем более конкурентоспособна ваша отрасль, тем более эффективной и индивидуализированной должна быть ваша целевая страница.Вы должны выделиться среди конкурентов, и шаблон обычно не помогает. Если вы знаете, что вам нужна целенаправленная, оптимизированная для конверсии страница, чтобы сделать ваш интернет-маркетинг прибыльным, Instapage, вероятно, не лучший вариант.
Webflow
Если вы действительно хотите получить максимальную отдачу от A / B-тестирования, вы можете подумать о Webflow. В отличие от других перечисленных здесь платформ для целевых страниц, Webflow в первую очередь предназначен для создания веб-сайтов, а не для создания целевых страниц.
Хотя Webflow не является классическим инструментом для создания целевых страниц, он включен в этот список, поскольку его достаточно просто использовать и реализовать, поэтому вы можете легко создавать страницы своего сайта для использования в качестве целевых.
Поскольку страницы являются частью общей архитектуры вашего сайта, вы можете использовать надежные инструменты тестирования сайта, такие как Optimizely или VWO, чтобы действительно улучшить производительность вашей страницы / сайта. К сожалению, хотя большинство инструментов для целевых страниц имеют встроенные функции A / B-тестирования, им обычно не хватает параметров и уровня детализации, доступных в более специализированных инструментах для тестирования сайтов.
Итак, если вы хотите, чтобы ваши усилия по оптимизации коэффициента конверсии выходили за рамки простого A / B-тестирования, возможно, стоит подумать о Webflow.
ВедущиеСтраницы
В то время как я затрудняю LeadPages их определение «целевой страницы», LeadPages — это действительно хороший инструмент для целевой страницы. Вероятно, он больше всего похож на Unbounce с точки зрения параметров и настраиваемости.
Единственным реальным недостатком является тот факт, что вы должны начинать с шаблона и ограничены исходными параметрами шаблона, что может расстраивать, если вам нужны элементы из нескольких шаблонов одновременно.
При этом одной из наиболее интересных особенностей LeadPages является то, как они позволяют сортировать шаблоны по коэффициенту конверсии. Однако не стоит слишком завышать свои ожидания: коэффициенты конверсии редко переводятся напрямую с сайта на сайт или от продукта к продукту. Тем не менее, — это , приятно иметь представление о том, какие страницы работают лучше всего для других компаний.
В целом LeadPages очень похож на Unbounce. Вы можете настраивать и тестировать по своему усмотрению, а платформу довольно просто изучить и использовать.Не ошибетесь с этим!
Все эти инструменты для целевых страниц являются хорошими вариантами для создания целевых страниц. Все зависит от того, что нужно вашему бизнесу и сколько вы хотите или нуждаетесь в своем инструменте (для получения дополнительной информации об инструментах целевой страницы и о том, как максимально использовать их, ознакомьтесь с этой статьей)
Тестирование целевых страниц
К сожалению, даже если вы используете правильный инструмент целевой страницы и следуете всем передовым методам работы с целевой страницей, нет гарантии, что ваши целевые страницы будут работать так, как вы хотите.Людей сложно предугадать, и даже если вы думаете, что хорошо разбираетесь в своей целевой аудитории, бывает сложно предсказать, какой дизайн целевой страницы даст нужные вам результаты.
Чтобы получить максимальную отдачу от целевых страниц, вам нужно протестировать различные дизайны.
К счастью, нетрудно создать успешную стратегию тестирования целевой страницы — такую, которая учит вас чему-то с каждым тестом. Это требует определенного планирования и документации, но надежная стратегия тестирования сэкономит вам много времени и значительно повысит вашу прибыльность в долгосрочной перспективе.
После того, как вы создали достойную целевую страницу, пора выдвинуть гипотезу о том, как ваша целевая аудитория может взаимодействовать с вашей страницей. Вернитесь к тому, кто, что и почему вы использовали для создания заголовка. Соответствует ли ваша страница всем потребностям вашей целевой аудитории? Есть ли альтернативные способы удовлетворения тех же потребностей?
Когда у вас будет несколько гипотез, построите свою стратегию тестирования на основе этих идей.
Например, может быть несколько разных способов написать или представить свой CTA.Ваша первая попытка может быть идеальной версией вашего CTA, но, вероятно, есть лучший способ представить ваш CTA, который вы можете определить с помощью нескольких тестов.
Чтобы увидеть, улучшает ли изменение CTA коэффициент конверсии, вы можете составить электронную таблицу, подобную этой:
Посмотрите, как каждый тест настраивает следующий тест? Вы чему-то учитесь на каждой итерации, а затем используете это для руководства своим следующим тестом. Кроме того, все тщательно задокументировано, поэтому, если кто-нибудь когда-нибудь задумается, почему вы сделали определенный выбор, у вас всегда будет под рукой справочная информация!
Вы можете использовать этот подход для проверки широкого спектра гипотез целевой страницы.Если вы все сделаете правильно, каждый тест предоставит больше информации о вашей аудитории и поможет вам добиться впечатляющих результатов, которых вы ищете.
Заключение
Хотя термин «целевая страница» может применяться к любой странице вашего сайта, в маркетинге «целевая страница» обычно относится к определенной странице, созданной для конкретной маркетинговой кампании. Эти типы целевых страниц могут сделать замечательные вещи для вашей интернет-рекламы, создавая целевой опыт для вашего трафика.
В этой статье мы подробно рассмотрели целевые страницы.Мы рассмотрели, что это такое, как их создавать и тестировать. Конечно, это лишь верхушка айсберга. Попробуйте создать одну или две страницы, а затем посмотрите некоторые из других наших целевых страниц, чтобы получить более подробное содержание (щелкните здесь, чтобы ознакомиться с дополнительным содержанием).
Кстати, если вам нужна помощь в создании целевых страниц, дайте мне знать здесь или в комментариях. Я с удовольствием помогу!
Вы используете целевые страницы? Каким был ваш опыт? Что еще вы могли бы добавить к этой статье? Оставляйте свои мысли в комментариях!
посадочных страниц — Часть 1: Настройка целевой страницы — Sendinblue
В этом руководстве мы поможем вам начать работу с вашей первой целевой страницей! Мы создали серию статей, которые помогут вам создать целевые страницы.В части 1 мы объясним, как настроить целевую страницу.
Мы создали серию статей, которые помогут вам создать целевые страницы.
💡 На заметку
Целевые страницы доступны для планов Premium и Enterprise .
Первым шагом будет настройка вашей целевой страницы, где вы сможете решить, какой шаблон, какой шрифт и какой логотип вы хотите использовать.
- Перейдем к Контакты
- Перейти к Целевые страницы вкладка в левой навигации
- Щелкните Создать целевую страницу в правом верхнем углу
Выбрать шаблон
Для вашей новой целевой страницы начните с выбора между:
- Создание целевой страницы с нуля
- Использование шаблона целевой страницы из галереи
- Дублирование существующей целевой страницы из ваших страниц
Мы рекомендуем сначала выбрать шаблон из галереи, а затем настроить его для достижения ваших целей.
Вы также можете предварительно просмотреть шаблон, щелкнув Preview при наведении курсора на блок (см. Ниже).
Когда вы решили, какой шаблон использовать, нажмите кнопку Приступить к работе .
Назовите свою целевую страницу
- Введите имя целевой страницы (имя должно состоять не менее чем из 3 символов).
Он будет виден вашим посетителям в заголовке браузера. Выберите имя, которое представляет ваш продукт или компанию. - Нажмите Продолжить
💡 На заметку
После этого вы сможете изменить имя вашей целевой страницы с Настройки .
Теперь у вас есть доступ к различным настройкам и перетаскиванию блоков.
Выберите свои настройки: шрифты, стили, логотип, фавикон и т. Д.
Для начала мы рекомендуем вам начать редактировать настройки, чтобы персонализировать целевую страницу с использованием бренда вашей компании.
Чтобы изменить настройки, нажмите кнопку ⚙️ Настройки в нижнем левом углу страницы.
Общие: определите стиль заголовков и текста
Отсюда вы можете определить стиль ваших заголовков, субтитров, заголовков и текста. Вы также можете изменить название своей целевой страницы.
Обратите внимание, что каждый раздел, столбец и элемент позже можно редактировать индивидуально, когда вы разрабатываете свою целевую страницу.
Логотип бренда
Здесь вы можете добавить или заменить логотип.Если вы используете шаблон, вам нужно будет нажать Заменить логотип бренда . Затем либо перетащите файл , либо выберите его на своем компьютере .
Чтобы сохранить изменения, нажмите Готово .
💡 На заметку
Допустимые форматы: jpeg, png, gif.
Favicon
Значок Favicon — это значок, связанный с определенным веб-сайтом, обычно отображаемый на вкладке браузера при посещении веб-сайта или рядом с именем веб-сайта в списке закладок пользователя.
Его основная цель — помочь посетителям легче находить вашу страницу, когда у них открыто несколько вкладок.
Вам необходимо разместить свой favicon на существующих серверах, вы можете добавить сюда URL вашего favicon.
Вы можете использовать генераторы значков, чтобы получить значок нужного размера и формата:
- Если у вас нет URL-адреса значка, перейдите на сайт генератора значков, например: https://favicon.io/.
- Загрузите файл Favicon на свои существующие серверы или в безопасную службу хостинга изображений.
- В настройках Favicon введите URL-адрес, по которому размещен ваш Favicon.
Настройки отслеживания и публикации в социальных сетях
Эти параметры представляют собой дополнительные параметры, описанные в Части 4: Добавление формы и использование дополнительных параметров.
Если у вас есть вопросы, не стесняйтесь обращаться в нашу службу поддержки, создав тикет из своей учетной записи. Если у вас еще нет учетной записи, вы можете связаться с нами здесь.
Часто задаваемые вопросы по настройке целевой страницы | Creatio Academy
Для чего нужен раздел «Целевые страницы и веб-формы» в Creatio?
Раздел «Целевые страницы и веб-формы» используется для настройки интеграции Creatio и веб-форм на ваших веб-сайтах.В результате при каждой отправке интегрированной веб-формы в Creatio автоматически создается новая запись с использованием данных из отправленной формы. Интеграцию целевой страницы можно использовать для генерации потенциальных клиентов, добавления клиентов к участникам мероприятия, автоматической регистрации заказов и многого другого.
Раздел «Целевые страницы и веб-формы» используется для настройки соединений между целевыми страницами вашего веб-сайта и Creatio. В разделе «Целевые страницы и веб-формы» должна быть создана запись целевой страницы, содержащая основную информацию о целевой странице и уникальный HTML-код, который необходимо интегрировать в HTML-код целевой страницы.
После выполнения этих настроек данные, введенные в веб-форму целевой страницы, такие как полное имя, адрес электронной почты, телефон, будут переданы в Creatio и использованы для добавления новой записи (например, нового лида) в Creatio.
В чем разница между целевой страницей на веб-сайте и записью целевой страницы Creatio?
При настройке целевой страницы необходимо различать две основные сущности:
- Целевая страница на сайте.
- Запись целевой страницы в разделе «Целевые страницы и веб-формы» Creatio.Запись целевой страницы содержит информацию о фактической целевой странице, например ее имя, ссылку и т. Д. Эти записи используются для установки соединений между целевой страницей на веб-сайте и Creatio.
Фактическая целевая страница и соответствующая запись целевой страницы в разделе «Целевые страницы и веб-формы» имеют собственный HTML-код, используемый для соединения двух сущностей. Уникальный код записи целевой страницы интегрирован в HTML-код реальной целевой страницы на веб-сайте.
Что делает код целевой страницы?
HTML-код целевой страницы необходим для автоматического создания новой записи в системе, если веб-форма на целевой странице заполнена. Этот код используется для настройки передачи данных между целевой страницей на веб-сайте в Creatio. . Первоначально фрагмент кода настраивается для конкретной целевой страницы, а затем интегрируется в HTML-код целевой страницы. Работа с HTML-кодом целевой страницы описана в статье «Подключите целевую страницу своего сайта к Creatio».
Как использовать поле Домены веб-сайта?
Введите фактический URL целевой страницы в поле Домены веб-сайта.
Например, имя веб-сайта — www.example.com. На этом веб-сайте есть целевая страница, доступная по следующему адресу: www.example.com/landing. Этот адрес необходимо ввести в поле Домены веб-сайта на странице целевой записи Creatio.
Внимание. Адрес, введенный в это поле, должен совпадать с адресом целевой страницы, на которой был интегрирован HTML-код.
Примечание. В поле Домены веб-сайта укажите все домены, используемые для размещения целевой страницы. Домены должны быть разделены запятыми.
Как использовать поле URL-адреса перенаправления?
Поле URL перенаправления в целевом коде определяет страницу, на которую перенаправляется пользователь после заполнения веб-формы целевой страницы. Вы можете указать адрес любой страницы вашего сайта. Если в настройках вашего сайта после заполнения целевой страницы указано другое действие, оставьте это поле пустым.
Если вы заполните поле URL перенаправления для новой записи раздела целевых страниц и веб-форм, то уникальный HTML-код этой записи будет содержать ссылку на страницу, указанную в поле URL перенаправления в блоке redirectUrl.
Таким образом, для правильного функционирования целевой страницы заполните поля записи целевой страницы, включая URL-адрес перенаправления, и сохраните запись, затем соедините запись целевой страницы с целевой страницей. Работа с HTML-кодом целевой страницы описана в статье «Подключите целевую страницу своего сайта к Creatio».
Как настроить одну запись целевой страницы для страницы с несколькими веб-формами?
Если ваша целевая страница имеет несколько веб-форм, вы можете использовать одну запись целевой страницы Creatio для подключения ко всем из них.
Внимание. Приведенные ниже настройки выполняются администратором сайта.
В стандартном HTML-коде записи целевой страницы в Creatio есть блок «config», в котором настраивается сопоставление полей между веб-формами и полями лида. Чтобы настроить сопоставление между полем записи интереса и несколькими веб-формами , создайте несколько блоков «конфигурации» в коде, по одному для каждой фактической веб-формы.Для каждого блока config должна быть установлена отдельная функция createLead.
Например, на вашей целевой странице есть две веб-формы. Первая форма содержит поля «Полное имя» и «Электронная почта», а вторая — поля «Полное имя» и «Мобильный телефон». Чтобы использовать один лендинг для целевой страницы с двумя веб-формами, внесите следующие изменения в код:
- Скопируйте весь блок config столько раз, сколько веб-форм необходимо подключить к записи целевой страницы в Creatio.
- Добавьте уникальные имена в блоки «config», параметры которых передаются в функцию createLead. Например, «config1» и «config2».
- В блоке «config1» настройте отображение полей из первой веб-формы:
- В блоке «config2» настройте отображение полей из второй веб-формы:
Настройте две функции createLead:
Для каждой веб-формы настроить вызов отдельной функции createLead:
После этого лид будет создаваться в Creatio каждый раз, когда пользователь заполняет любую из двух веб-форм.
Как настроить единый лендинг для нескольких страниц?
Если несколько веб-форм с одинаковой структурой реализованы на нескольких страницах в одном домене, вы можете использовать одну запись целевой страницы для всех из них. Для этого введите все необходимые URL-адреса в поле Домены веб-сайта, разделив их запятыми: https://www.creatio.com/trial?product=sales, https://www.creatio.com/trial?product=marketing.
В результате при заполнении веб-формы на любой из страниц веб-сайта, где интегрирован этот код целевой страницы, в Creatio автоматически создается новая запись (например, лид).
Почему Creatio не регистрирует потенциальных клиентов, несмотря на правильно настроенную целевую страницу?
После того, как вы создали и настроили целевую страницу, новые записи будут регистрироваться в Creatio при заполнении веб-формы целевой страницы. Если этого не происходит, возможно, требуется одно из полей целевой страницы (например, лид), но либо не включены в веб-форму, либо не заполнены.
В этом случае вы можете:
- Снимите флажок Обязательно в полях лида страницы (или в полях страницы другого объекта Creatio).Подробнее об изменении полей на страницах редактирования читайте в статье «Настройка полей страницы».
- Настройте заполнение этих полей значениями по умолчанию.
Как настроить заполнение значений по умолчанию для полей лида, зарегистрированного через лендинг?
Веб-форма целевой страницы может содержать все поля, используемые Creatio на главной странице. Вы можете настроить автоматическое заполнение отдельных полей значениями по умолчанию. Подробная информация о заполнении полей лида значениями по умолчанию доступна в статье «Настройка автозаполнения полей лида».
Как Creatio ищет дубликаты контактов при создании потенциальных клиентов с целевых страниц?
Как только ваш клиент отправляет веб-форму на вашей целевой странице, Creatio автоматически создает новую запись лида на основе введенных данных. После этого автоматически запускается процесс «Идентификация интереса», чтобы проверить, можно ли связать новый интерес с существующим контактом или необходимо создать новый контакт. Это помогает Creatio избежать дублирования контактов при регистрации новых потенциальных клиентов с целевых страниц.
Примечание. Процесс «Идентификация лида» запускается только в том случае, если для целевой страницы установлен флажок «Создать контакт».
Процесс «Идентификация лида» сравнивает регистрационные данные лида с существующими контактами на основе полного имени, адреса электронной почты и номера телефона клиента. Если есть совпадение, Creatio соединяет интерес с существующим контактом. Если регистрационные данные не совпадают ни с одной из существующих записей, Creatio создает новый контакт. Новая страница контактов будет автоматически заполнена данными регистрации лида.
Вы можете просмотреть или отредактировать процесс «Идентификация интереса» в библиотеке процессов.
Как настроить правильное заполнение времени создания лида?
Может возникнуть ситуация, когда в дате создания была установлена неверная дата при регистрации лида через лендинг.
Чтобы этого избежать, мы рекомендуем вам проверить часовой пояс, установленный на сервере, на котором размещен Creatio. Чтобы время создания лида было установлено правильно, убедитесь, что часовой пояс на сервере приложений соответствует вашему фактическому часовому поясу.
Могу ли я настроить отслеживание событий на веб-сайте для зарегистрированных вручную потенциальных клиентов?
Вы не можете настроить отслеживание событий на веб-сайте для зарегистрированных вручную потенциальных клиентов.
Отслеживание событий веб-сайта выполняется на основе истории переходов через веб-сайт конкретного пользователя Интернета. В процессе отслеживания определенный сеанс записывается в браузере с помощью файлов cookie. Если лид создается вручную, ни один посетитель веб-страницы не подключается к сеансу веб-браузера.Таким образом, история навигации по сайту такого пользователя не может быть отслежена.
Если пользователь Интернета, совершив несколько переходов по страницам, заполнит веб-форму целевой страницы вашего веб-сайта, история его переходов будет передана в Creatio.
Примечание. Если пользователь очищает файлы cookie браузера перед заполнением веб-формы целевой страницы, история его переходов будет удалена и не появится в системе.
Как мне настроить передачу данных из одной веб-формы целевой страницы в отдельные поля лида страницы?
В HTML-коде целевой страницы есть блок «config».Этот блок настраивает сопоставление полей веб-формы целевой страницы и полей лида. Чтобы настроить соответствие одного поля веб-формы целевой страницы нескольким полям потенциальных клиентов, вам необходимо добавить скрытое поле в HTML-код целевой страницы, настроить сопоставление, а затем настроить функцию createLead.
Например, единственное поле «Имя» реализовано в веб-форме вашей целевой страницы. Лид-страница Creatio имеет два отдельных поля — Имя и Фамилия.
Внимание.Приведенные ниже настройки выполняются администратором сайта.
Для правильного заполнения полей страницы лида имя и фамилия внесите следующие изменения в код:
Добавьте два скрытых поля в разметку HTML:
Настройте отображение скрытых полей в блоке «config»:
Перед вызовом функции для создания лида добавьте функцию, которая описывает логику полей «Имя» и «Фамилия», беря значение из поля «Имя».
Как создать целевую страницу с помощью WordPress
Вы хотите создать настраиваемую целевую страницу на своем сайте WordPress?
Целевая страница — это высокооптимизированная маркетинговая страница. Это помогает предприятиям превращать посетителей веб-сайтов в клиентов и потенциальных клиентов.
В этой статье мы покажем вам, как легко создать целевую страницу в WordPress.
Вот краткий обзор того, что мы рассмотрим в этом руководстве.
Что такое целевая страница?
Целевая страница — это специальная страница, предназначенная для увеличения продаж или привлечения потенциальных клиентов для бизнеса.
Они широко используются в платном маркетинге, электронной почте и кампаниях в социальных сетях. Пользователи, приходящие из этих источников, сначала попадают на эту страницу, поэтому она называется целевой страницей.
В чем разница между домашней страницей и целевой страницей?
Домашняя страница — это главная страница вашего веб-сайта, которую увидят пользователи, введя имя вашего домена в своем браузере.С другой стороны, целевая страница может быть отдельной страницей, на которую большинство посетителей попадают из платных или сторонних источников трафика.
Домашняя страница вашего веб-сайта предназначена для посетителей, которые могут взаимодействовать с вашим веб-сайтом, исследовать другие страницы, просматривать продукты или регистрироваться. Он содержит больше ссылок и предоставляет пользователям больше возможностей для выбора.
С другой стороны, целевая страница, также называемая «сжатой страницей», предназначена для более высоких коэффициентов конверсии. В нем меньше ссылок, и он предназначен для того, чтобы пользователи могли принять решение о покупке или предоставить свою информацию для будущих контактов.
У вашего веб-сайта может быть только одна домашняя страница, но вы можете создать столько целевых страниц, сколько хотите для разных кампаний. Например:
- Целевая страница для ваших платных рекламных кампаний
- Страница для подписчиков из вашего списка рассылки, посетителей из социальных сетей и т. Д.
- Пользователи, переходящие на страницу определенного продукта или услуги
- и многие другие…
При этом давайте посмотрим, как создать красивую пользовательскую целевую страницу в WordPress без каких-либо ноу-хау CSS, HTML или PHP.
Мы выбрали три лучших решения для создания целевых страниц в WordPress. Эти конструкторы целевых страниц просты в использовании, оптимизированы для скорости и доступны для малого бизнеса. Вы можете выбрать решение, которое наилучшим образом соответствует вашим потребностям.
Готовы? Приступим к первому способу.
Метод 1. Создание целевой страницы WordPress с помощью SeedProd
Это самый простой способ, рекомендуемый для всех пользователей.
Для этого метода мы будем использовать SeedProd.Это лучший плагин для целевой страницы WordPress на рынке, который позволяет создавать любые типы целевых страниц без необходимости кодирования. SeedProd также оптимизирован, чтобы быть легким, быстрым и оптимизированным для SEO.
Во-первых, вам необходимо установить и активировать плагин SeedProd. Для получения дополнительной информации см. Наше пошаговое руководство по установке плагина WordPress.
Примечание: На WordPress.org есть бесплатная версия плагина SeedProd, но мы будем использовать версию Pro, поскольку она предлагает более мощные функции.
После активации вам будет предложено ввести лицензионный ключ. Вы можете найти эту информацию в своей учетной записи на веб-сайте SeedProd.
Затем вам необходимо перейти на страницу SeedProd »Pages и нажать кнопку« Добавить новую целевую страницу ».
На следующем экране вам будет предложено выбрать тему целевой страницы.
SeedProd поставляется с десятками красивых шаблонов целевых страниц, аккуратно организованных для различных типов кампаний.Просто щелкните, чтобы выбрать шаблон, который вы хотите использовать в качестве отправной точки.
Вам будет предложено указать заголовок для вашей страницы и выбрать URL-адрес. Выберите броский заголовок страницы и не забудьте добавить целевое ключевое слово в URL страницы.
Это загрузит интерфейс конструктора страниц SeedProd. Этот простой конструктор перетаскивания покажет предварительный просмотр вашей страницы справа и панель инструментов слева.
Блоки — это основной инструмент проектирования в SeedProd.Вы можете использовать их для создания любого нужного вам макета. Вы также можете использовать столбцы для размещения блоков бок о бок.
Вы можете просто указать и щелкнуть любой блок на странице, чтобы настроить его. Вы также можете перетаскивать блоки, чтобы перемещать их вверх или вниз.
Вы можете добавлять новые блоки на свою страницу из левого столбца. SeedProd поставляется с популярными элементами дизайна целевой страницы, которые можно просто перетащить в любое место на странице.
Вы также можете изменить цвета фона, добавить фоновые изображения, изменить цвета и шрифты в соответствии с вашим брендом или темой.
Plus, SeedProd также имеет «разделы». Это общие области дизайна, используемые на целевых страницах. Например, заголовок, изображение главного героя, призыв к действию, отзывы, контактная форма, часто задаваемые вопросы, функции, нижний колонтитул и многое другое.
SeedProd также совместим с WooCommerce. Это позволяет создавать целевые страницы продуктов, целевые страницы электронной коммерции, рекламные страницы для продаж и других мероприятий.
БлокиWooCommerce включают кнопку добавления в корзину, оформление заказа, избранные продукты, сетку продуктов и многое другое.Это позволяет вам создавать поистине потрясающие маркетинговые кампании, не ограничивая себя темой WooCommerce.
Подключение ваших целевых страниц к сторонним инструментам
Чтобы создать хорошую целевую страницу для лидогенерации, вы можете добавить формы подписки на рассылку, где пользователи могут присоединиться к вашему информационному бюллетеню или предоставить свою контактную информацию.
SeedProd позволяет очень легко подключить ваши целевые страницы к популярным сервисам электронного маркетинга, таким как Constant Contact или Mailchimp.Просто перейдите на вкладку «Подключиться» и выберите поставщика услуг электронной почты.
Необходимо подключиться к услуге, которой нет в списке? Не волнуйтесь, SeedProd работает с Zapier, который действует как мост между SeedProd и более чем 3000+ других приложений на Zapier.
Сохранение и публикация вашей целевой страницы
Закончив редактирование страницы, вы можете просто нажать кнопку «Сохранить» и затем выбрать «Опубликовать».
Публикация целевой страницы позволит разместить ее на вашем веб-сайте.
Использование персонализированного домена для целевой страницы
У вас есть собственный домен, который вы хотите использовать для своей целевой страницы?
Это позволяет вам использовать свой веб-сайт WordPress для создания целевых страниц, страниц, которые появятся в ближайшее время, страниц продуктов, рекламных кампаний с геотаргетингом, микросайтов и многого другого с собственными доменными именами.
Вместо того, чтобы создавать многосайтовую сеть WordPress или устанавливать несколько веб-сайтов WordPress, вы можете просто создать целевую страницу и указать ее на свое собственное доменное имя.
Просто перейдите на вкладку «Настройки страницы» и затем щелкните раздел «Пользовательский домен».
Убедитесь, что ваш хостинг-провайдер WordPress позволяет использовать несколько доменов, и вы добавили доменное имя в панель управления хостингом.
Подробнее см. В нашей статье о том, как добавить псевдоним пользовательского домена для целевой страницы WordPress.
Метод 2. Создание целевой страницы в WordPress с помощью Beaver Builder
Beaver Builder — еще один популярный конструктор страниц WordPress с функцией перетаскивания.Он позволяет легко создавать целевую страницу с использованием готовых шаблонов, которые можно изменять с помощью простых инструментов перетаскивания.
Во-первых, вам необходимо установить и активировать плагин Beaver Builder. Для получения дополнительной информации см. Наше пошаговое руководство по установке плагина WordPress.
После активации вам необходимо перейти на страницу «Настройки » »Beaver Builder , чтобы настроить параметры плагина.
На вкладке «Лицензия» нажмите кнопку «Ввести лицензионный ключ», чтобы добавить лицензионный ключ.Вы можете найти эту информацию в своей учетной записи на веб-сайте Beaver Builder.
Затем вам нужно перейти на страницу Pages »Добавить новую страницу из панели управления WordPress, чтобы создать свою первую целевую страницу.
Beaver Builder работает со всеми популярными темами WordPress. Многие из этих тем поставляются с шаблоном целевой страницы, предназначенным для работы с надстройками компоновщика страниц. Как правило, это широкие макеты без боковой панели и виджетов.
Если в вашей теме нет такого шаблона, вы можете создать его самостоятельно, используя дочернюю тему.Подробные инструкции см. В нашем руководстве о том, как создать полноразмерную страницу в WordPress.
Выберите целевую страницу или полноразмерный шаблон в поле «Атрибуты страницы» в правом столбце и сохраните страницу, чтобы применить изменения.
Теперь вы готовы создать целевую страницу.
Нажмите кнопку «Запустить Beaver Builder» в редакторе сообщений, чтобы запустить интерфейс конструктора.
ОткроетсяBeaver Builder с шаблоном целевой страницы вашей темы.Вам нужно нажать на кнопку добавления в правом верхнем углу экрана и переключиться на вкладку «Шаблоны».
Здесь вы найдете несколько готовых шаблонов на выбор. В раскрывающемся меню группы выберите «Целевые страницы», а затем выберите шаблон, близкий к тому, что вы задумали.
После выбора шаблона Beaver Builder загрузит его в окно предварительного просмотра.
Теперь вы можете указать и щелкнуть любое содержимое страницы, чтобы отредактировать его.Вы можете изменить текст, изменить цвет фона или изображений, настроить ширину и высоту строк и столбцов.
Вы можете добавлять или удалять элементы содержимого из вашего шаблона. Просто нажмите кнопку добавления и переключитесь на вкладку строк. Вы можете добавить один или несколько столбцов.
После добавления строки перейдите на вкладку модулей. Модули — это элементы контента, которые вы можете добавить на свою целевую страницу. Beaver builder поставляется со всеми необходимыми модулями, включая текст, заголовки, кнопки CTA, видео, аудио, анимированный таймер обратного отсчета и многое другое.
Если вы удовлетворены дизайном, вы можете нажать кнопку «Готово» вверху, а затем сохранить или опубликовать свою страницу.
Теперь вы можете посетить страницу, чтобы увидеть свою целевую страницу в действии. Не стесняйтесь редактировать его снова, если вам нужно что-то изменить, добавить или удалить.
Метод 3. Создание целевой страницы в WordPress с помощью Divi
Divi — популярный плагин для создания страниц WordPress, созданный командой Elegant Themes.Он поставляется как тема с поддержкой конструктора страниц, и вы также можете использовать его как автономный конструктор страниц.
Во-первых, вам нужно установить и активировать плагин Divi Builder.
Примечание. Если вы устанавливаете тему Divi, вам не нужно устанавливать плагин компоновщика страниц. Просто следуйте нашим инструкциям по установке темы WordPress.
После активации вы можете перейти на страницу Pages »Добавить новую страницу , чтобы создать свою целевую страницу. На экране редактирования страницы нажмите кнопку «Использовать Divi Builder», чтобы запустить конструктор страниц Divi.
Затем вы увидите приветственное всплывающее окно для ознакомления с редактором, вы можете выйти из него, нажав кнопку «Начать сборку».
После этого вы увидите возможность начать с нуля, выбрать макет или клонировать страницу. Вам нужно нажать на кнопку выбора макета.
Divi поставляется с десятками готовых к использованию шаблонов целевых страниц, упорядоченных по категориям. Просто щелкните, чтобы выбрать шаблон, который вы хотите использовать в качестве отправной точки.
На следующем экране вы увидите детали макета и другие шаблоны, которые он включает. Большинство пакетов макетов будут включать шаблон целевой страницы, который вы можете использовать.
Просто нажмите кнопку «Использовать этот макет», чтобы продолжить.
Вас могут попросить указать имя пользователя вашей учетной записи Divi и ключ API. Вы можете найти эту информацию в своей учетной записи на сайте Elegant Themes.
Divi теперь загрузит и установит выбранный вами макет из библиотеки.После этого вы увидите предварительный просмотр своей страницы в конструкторе страниц.
Вы можете просто указать и щелкнуть, чтобы выбрать и отредактировать элемент на экране. Для текстовых элементов вы можете просто навести курсор на текст, который хотите отредактировать, и начать печатать.
Для других элементов на экране появится всплывающее окно с вариантами, в которых можно попробовать различные настройки.
Divi использует разделы, строки и модули для построения макетов. Вы можете добавить раздел, строку или модуль, щелкнув значок + в любом месте страницы.
Каждый модуль поставляется с различными настройками, которые вы можете настроить после его вставки. Divi имеет множество дополнительных опций для каждого элемента.
Когда вы закончите редактирование, вы можете просто нажать кнопку «Опубликовать» в правом нижнем углу экрана.
Теперь вы можете нажать кнопку «Выход из Visual Builder» на панели инструментов администратора WordPress, чтобы выйти из редактора.
Конструктор перенаправит вас обратно к действующей версии вашей целевой страницы.Вы по-прежнему можете возобновить редактирование, щелкнув «Включить визуальный редактор» на панели инструментов вверху.
Мы надеемся, что эта статья помогла вам узнать, как создать целевую страницу с помощью WordPress. Вы также можете ознакомиться с нашими проверенными советами по привлечению большего количества трафика на ваш сайт WordPress или с нашим сравнением лучших бизнес-телефонных служб для оптимизации конверсии продаж.
Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress.Вы также можете найти нас в Twitter и Facebook.
Примечание: Чтобы помочь нашим читателям избежать паралича выбора, наша статья не включает все конструкторы целевых страниц, такие как Elementor, Leadpages, Instapage, Unbounce, ClickFunnels и т. Д. Три лучших решения, которые мы выбрали, являются лучшими решениями для малого бизнеса, потому что они просты в использовании, оптимизированы по скорости и доступны для малого бизнеса.
7 лучших конструкторов посадочных страниц (в 2021 году)
Как получить максимальную отдачу от ваших маркетинговых кампаний? Это вопрос, который постоянно волнует каждого маркетолога.
Вот небольшая подсказка:
Профессиональная целевая страница закрывает сделку и помогает эффективно увеличить ваши продажи.
Итак, сегодня на сайте WebsiteSetup мы сравниваем 7 лучших конструкторов целевых страниц, которые помогут вашему бизнесу процветать.
Мы рассмотрим, какие функции предлагают эти конструкторы целевых страниц, насколько они просты в использовании и сколько они будут вам стоить. В самом конце у нас также есть сравнительная таблица, к которой вы можете перейти, если очень торопитесь.
Но без лишних слов, давайте найдем наиболее подходящий инструмент для создания целевой страницы.
1) Instapage — от 149 долларов в месяц
Начнем с Instapage — популярного специального конструктора целевых страниц.
Instapage предлагает простой в использовании редактор перетаскивания, который позволяет перемещать и изменять размер элементов пиксель за пикселем.
Чтобы создать свою целевую страницу, вы можете начать с пустой страницы или одного из их адаптивных шаблонов.Дизайн по умолчанию — отличная отправная точка, и вы можете выбрать из библиотеки, содержащей более 200+ шаблонов в более чем 20+ категориях.
Чтобы полностью настроить свою страницу, вы можете добавить бесплатные стоковые изображения (доступно более 33 000 000), пользовательские шрифты Google и веб-шрифты Typekit, а также написать собственный код CSS.
На протяжении всего процесса вы можете легко отслеживать свою работу с помощью встроенной истории версий страниц.
Благодаря самому дешевому тарифному плану Instapage вы также можете проводить неограниченное A / B-тестирование, настраивать собственные блоки с помощью Instablocks и сохранять их для повторного использования в других кампаниях.Некоторые настройки SEO (а также изображения в социальных сетях) можно редактировать, и вы можете оптимизировать свою целевую страницу, включив динамическую замену текста и изображений.
Когда ваша целевая страница будет готова, вы можете легко отслеживать успех своей маркетинговой кампании по электронной почте с помощью встроенных тепловых карт и более 40+ интеграций. К ним относятся WordPress, Google Analytics и более 2000+ дополнительных интеграций, доступных через Zapier.
Вы можете опробовать все эти функции в течение 14-дневной бесплатной пробной версии, но как только пробная версия закончится (или как только вы достигнете 2500 уникальных посетителей), вы автоматически перейдете на бизнес-план (149 долларов США в месяц, оплата ежегодно). .
Это даст вам все функции, необходимые для малого или среднего бизнеса: 30 000 посетителей в месяц, 30 опубликованных целевых страниц и панели инструментов расширенной аналитики конверсии. Если вы решите, что не хотите платить за их премиальный план, у вас будет 24 часа, чтобы запросить возврат денег.
Посетите Instapage.com
2) Unbounce — от 72 долларов в месяц
Теперь давайте посмотрим на Unbounce.
Их программа для редактирования целевых страниц довольно проста в использовании, но требует немного времени, чтобы к ней привыкнуть.
У них есть приличная функция перетаскивания, которая позволяет быстро перемещать все элементы из одного раздела в другой, регулируя расстояния пиксель за пикселем. Тем не менее, интерфейс довольно чувствителен, поэтому легко переместить что-либо случайно.
Меню и параметры для редактирования каждого элемента предоставляют достаточно настроек, чтобы полностью настроить вашу целевую страницу, но может потребоваться некоторое время, чтобы найти точную настройку, которую вы ищете.
Тем не менее, весь процесс по-прежнему довольно прост.
Вы можете начать создавать свою целевую страницу с нуля с пустой страницы или выбрать один из своих адаптивных шаблонов. Имея в наличии более 100+ красивых шаблонов, вы сможете найти тот, на настройку которого не придется тратить слишком много времени. Если у вас есть опыт программирования, вы можете использовать собственный код CSS для редактирования каждого раздела отдельно.
Кроме того, Unbounce предлагает:
- пользовательских шрифтов и сотни шрифтов Google
- галерея из более чем 550 000+ бесплатных изображений с Unsplash
- A / B тестирование
- замена динамического текста
В настоящее время Unbounce не имеет встроенных тепловых карт, но вы можете использовать такие интеграции, как MailChimp, Automational и Zapier, чтобы отслеживать свои маркетинговые кампании.
В целом, Unbounce отлично справляется с функциями и соотношением цены и качества. Однако вам не придется ничего тратить сразу, поскольку они предлагают 14-дневную бесплатную пробную версию.
Их самый дешевый план (72 доллара в месяц, оплата ежегодно) включает 75 опубликованных страниц, а также 8 всплывающих окон и липких полос. Вы можете добавить в свою учетную запись неограниченное количество пользователей и доменов. Кроме того, у вас может быть 500 000 уникальных посетителей в месяц, что отлично подходит для малого и среднего бизнеса.
Посетите Unbounce.com
3) Leadpages — от 25 долларов в месяц
С помощью следующего поставщика услуг вы можете создавать целевые страницы, всплывающие окна и панели предупреждений или даже целый веб-сайт, предназначенный для преобразования посетителей в потенциальных клиентов.
Итак, давайте подробнее рассмотрим Leadpages.
Как и многие другие, Leadpages предлагает редактор страниц с перетаскиванием, но с этим конкретным редактором вы не можете перетащить элемент куда угодно. Возможная область перетаскивания с предустановленным отступом выделяется при перетаскивании.
С одной стороны, это означает, что может быть сложно — если вообще возможно — получить именно тот результат, который вы ищете. Особенно, если у вас уже есть очень конкретное представление о том, как должна выглядеть ваша целевая страница.
С другой стороны, вы можете быстро получить потрясающий дизайн, поскольку Leadpages предлагает библиотеку из более чем 200+ адаптивных шаблонов, которые не нужно сильно менять.
Тем не менее, создать собственный шаблон легко с помощью встроенной галереи Premium Shutterstock.Вы можете дополнительно настроить страницу с помощью пользовательских шрифтов и шрифтов Google, доступных через настраиваемый CSS.
Весь процесс создания целевой страницы стал еще проще с помощью инструмента «Leadmeter» — полезного контрольного списка вверху страницы.
Среди других функций Leadpages позволяет редактировать некоторые настройки SEO, такие как ключевые слова и описания страниц, а также предварительные просмотры в социальных сетях.
Чтобы начать работу с Leadpages, вы можете сначала получить 14-дневную бесплатную пробную версию, но после пробной версии вы будете автоматически обновлены до полной подписки.
Самый дешевый предлагаемый план — это стандартный план за 25 долларов в месяц (с ежегодной оплатой). Это дает вам один веб-сайт, но неограниченное количество целевых страниц, всплывающих окон и полос предупреждений, а также неограниченный трафик и потенциальных клиентов. Для неограниченного A / B-тестирования и SMS-кампаний вам необходимо приобрести план Pro за 48 долларов в месяц.
Планов Standard и Pro должно быть достаточно для создания конверсий для малых и средних предприятий без особых требований.
Посетите Leadpages.net
4) Wishpond — от 49 долларов в месяц
Мы почти наполовину закончили работу с нашими 7 лучшими инструментами для создания профессиональных целевых страниц.
Следующий строитель в списке:
Wishpond.
Первое, что вам нужно знать о Wishpond, это то, что вам потребуется некоторое время для процесса регистрации, так как их веб-сайт может быть немного сложным для навигации вначале. А после регистрации вам будет показан 12-минутный вводный видеоролик, который нельзя пропустить.
Тем не менее, это дает вам представление об их подходе к клиентам. Они действительно хотят, чтобы все их пользователи точно знали, как максимально эффективно использовать услуги Wishpond.Они даже предлагают бесплатные индивидуальные учебные курсы в дополнение ко многим другим учебным ресурсам.
Независимо от процесса регистрации, как только вы перейдете к процессу создания целевой страницы, вы обнаружите, что Wishpond является быстрым и простым инструментом.
С помощью редактора перетаскивания можно перемещать элементы по пикселям. Однако иногда элементы довольно легко встают на место по отношению к другим элементам.
Чтобы упростить редактирование, Wishpond добавила очень полезную функцию для сохранения единообразия рабочего стола, планшета и мобильного устройства — «Оптимизировать макет».
Когда вы вносите изменения в настольную версию своей страницы, вам не придется вручную переходить по другим представлениям. Вместо этого вы можете оптимизировать макеты, и ваши изменения вступят в силу во всех представлениях. Однако после оптимизации вам, возможно, придется внести небольшие изменения, чтобы каждое представление выглядело великолепно.
Чтобы получить полное представление о функциях Wishpond, вы можете получить 14-дневную бесплатную пробную версию для всех планов, после чего вам будет автоматически выставлен счет. Самый дешевый план составляет 49 долларов в месяц (оплата ежегодно) и предлагает неограниченное количество целевых страниц, социальные конкурсы, всплывающие окна и даже автоматизацию маркетинга.Для A / B-тестирования вам понадобится план «Все, что вам нужно» за 99 долларов в месяц (с ежегодной оплатой).
Может потребоваться немного времени, чтобы начать работу с Wishpond, но в целом они предлагают полный спектр услуг с быстрым, чистым и простым дизайном, подходящий для любого бизнеса.
Посетите Wishpond.com
5) Ucraft — Freemium / от 10 долларов в месяц
Следующим в нашем списке идет Ucraft — инструмент для создания веб-сайтов, который предлагает бесплатное создание веб-сайтов с бесплатным хостингом в дополнение к бесплатному создателю целевых страниц.
Ucraft позволяет создавать эффективные маркетинговые кампании с помощью простого редактора перетаскивания. Как и в случае с Leadpages, вы не можете перемещать элемент куда угодно, но вы ограничены общей структурой шаблона.
Более 100 шаблонов уже хорошо разработаны и довольно быстро настраиваются с помощью удобного инструмента галереи изображений Ucraft. У вас будет доступ к бесплатным изображениям из Unsplash и Nounproject прямо через редактор, поэтому адаптация целевой страницы — это быстро.
Если у вашего бренда уже есть сильный имидж, вы можете загрузить любой нужный шрифт в дополнение к доступным шрифтам Google. Если у вашего бренда уже есть домен, вы можете легко его подключить или купить новое доменное имя через Ucraft.
На протяжении всего процесса создания целевой страницы доступен удобный контрольный список под названием «Прогресс». С его помощью вы можете убедиться, что предприняли необходимые шаги для создания целевой страницы с высокой конверсией. Если у вас возникнут какие-либо проблемы, круглосуточный чат и поддержка по электронной почте всегда под рукой.
Хотя интерфейс Ucraft в целом хорошо спроектирован, шаблоны целевых страниц недоступны на обзорной странице «Мои сайты». Чтобы создать новую целевую страницу, вам нужно будет специально перейти к инструменту создания целевой страницы.
Несмотря на это небольшое неудобство и тот факт, что они не предлагают встроенного A / B-тестирования, Ucraft — отличный сервис для быстрого и легкого создания целевой страницы. Особенно с приличной бесплатной версией и 14-дневными бесплатными пробными версиями всех доступных планов.
Если вам нужны дополнительные функции, такие как инструменты SEO, шрифты Google и собственный CSS, вы всегда можете обновить свой тарифный план. Самый дешевый вариант — тарифный план Pro Website — доступен по цене 10 долларов в месяц (оплата ежегодно). Доступны и более продвинутые планы, поэтому как малый, так и средний бизнес могут найти подходящий вариант.
Посетите Ucraft.com
6) HubSpot — от 40 долларов в месяц
HubSpot, вероятно, является наиболее полным инструментом продаж и маркетинга среди рассмотренных сегодня сервисов.
Благодаря редактору целевой страницы с функцией перетаскивания, аналогичной Leadpages и Ucraft, вам не придется тратить слишком много времени на создание идеального дизайна. В их огромной библиотеке шаблонов представлено более 6000+ бесплатных и платных шаблонов (в том числе для блогов, электронной почты, веб-сайтов и т. Д.).
Вы можете заменить изображения шаблона по умолчанию своими собственными загрузками или купить фотографии Shutterstock непосредственно через редактор. В дополнение к многочисленным доступным шрифтам вы можете добавить шрифты Google.
Итак, создать красивую целевую страницу просто, но в чем действительно преимущество HubSpot, так это в массиве маркетинговых инструментов, имеющихся в вашем распоряжении. Их тепловые карты быстро и эффективно сообщат вам, где ваши посетители нажимают, а где нет, тогда как отслеживание в реальном времени позволит вам вносить изменения в кратчайшие сроки.
Кроме того, вы можете интегрировать более 100+ приложений и веб-сервисов, а также более 1000+ дополнительных приложений через Zapier.
С HubSpot вы можете в значительной степени удовлетворить все свои маркетинговые потребности, даже если вы управляете крупным предприятием.
Тем не менее, для малого и среднего бизнеса тоже есть кое-что.
HubSpot предлагает бесплатную версию с инструментом электронного маркетинга, созданием форм и управлением контактами, среди прочего.
Чтобы получить доступ к конструктору целевой страницы, вы можете запустить бесплатную 14-дневную пробную версию плана Marketing Hub Starter, которая стоит 40 долларов в месяц (оплата ежегодно). Этот план включает в себя управление рекламой, чат, формы, электронный маркетинг и ретаргетинг рекламы. Однако, если вы хотите A / B-тестирование, вам нужно будет приобрести план Professional Marketing Hub, который стоит 800 долларов в месяц (выставляется ежегодно).
В целом HubSpot — это отличный комплексный сервис для удовлетворения ваших потребностей в маркетинге, продажах и обслуживании клиентов. Но, вероятно, он лучше всего подходит для среднего и крупного бизнеса.
Посетите HubSpot.com
7) Sendinblue — от 66 долларов в месяц + налог
Последний пункт в нашем списке из 7 лучших инструментов для создания профессиональных целевых страниц — Sendinblue.
После регистрации вы можете приступить к созданию целевой страницы либо с нуля, либо с помощью одного из многочисленных доступных шаблонов.
Вы можете использовать их простой редактор перетаскивания, который работает аналогично Leadpages, Ucraft и HubSpot. Поэтому редактор Sendinblue может не подойти, если у вас уже есть очень конкретное представление о том, как вы хотите, чтобы ваша страница выглядела. Но это, наверное, самый простой редактор в нашем списке.
При редактировании целевой страницы вы можете переключаться между представлениями на компьютере, планшете и мобильном устройстве, чтобы обеспечить удобство взаимодействия с пользователем на всех устройствах. Чтобы шаблон действительно соответствовал вашему бренду, вы можете легко добавить пользовательские шрифты со ссылкой.Также доступны бесплатные стоковые изображения, которые можно добавлять или редактировать прямо через редактор целевой страницы.
Как и конструктор целевой страницы, маркетинговые и аналитические инструменты Sendinblue довольно просты и просты в использовании. Вы можете добавить различные интеграции, такие как WordPress, Google Analytics, Convertful, и более 1000+ дополнительных интеграций через Zapier.
Sendinblue не предлагает бесплатных пробных версий, но у них есть бесплатный план для маркетинга по электронной почте и SMS.Однако, чтобы получить доступ к функции конструктора целевых страниц Sendinblue, вам нужно будет подписаться на план Premium. Это будет стоить 66 долларов в месяц плюс налог, который будет добавлен при оформлении заказа.
С планом Premium у вас также будет доступ к тепловым картам, рекламе в Facebook, неограниченным рабочим процессам автоматизации и A / B-тестированию.
В общем, Sendinblue — достойный простой сервис, который удовлетворит большинство ваших потребностей, если только у вас нет особых требований. У них есть несколько вариантов тарифных планов, которые лучше всего подходят для малого и среднего бизнеса.
Посетите Sendinblue.com
Сравнительная таблица
В этой сравнительной таблице рассмотрены все проверенные конструкторы целевых страниц. Все заявки основаны либо на их бесплатных версиях, либо на самых дешевых планах с функцией построения целевой страницы, если не указано иное.
* Цены действительны для годовых планов.
Рекомендации по настройке целевой страницы — Центр успеха
Обзор
Когда учетная запись нажимает на ваше объявление, важно, чтобы они попадали на целевую страницу, которая направляет учетную запись для достижения цели, которую вы хотите достичь в рекламной кампании на основе учетной записи.Целевая страница — это место, где учетная запись имеет возможность потреблять информацию, перемещаться по различным областям вашего веб-сайта или быть вызванной для определенного действия. Все эти варианты позволяют продвигать аккаунты по воронке и использовать различные ключевые показатели эффективности ABM для определения эффективности кампании, например увеличения посещений сайта, взаимодействия с сайтом и создания воронки / возможности.
Рекомендуемый подход
Пример целевой страницы ниже демонстрирует общие передовые методы настройки и макета ваших целевых страниц.Следуйте инструкциям по каждому из чисел на снимке экрана.
- Сохраняйте навигацию верхнего уровня на целевых страницах.
- Убедитесь, что основное сообщение и основные призывы к действию (CTA) выделены и соответствуют цели кампании, сообщению и творческой задаче.
- Сделайте его легко снимаемым. Упрощенный контент или маркированные списки с четкой визуальной иерархией могут повысить уровень взаимодействия.
- Включите вторичные призывы к действию для дополнительных траекторий обучения.
- Если целью является взаимодействие, используйте сочетание закрытых и открытых ресурсов, чтобы предоставить посетителям дополнительные возможности.
Наконечник
Подумайте, как вы можете перенаправить посетителей на свои рекламные целевые страницы.
Руководящие принципы, основанные на целях
Следуйте этим рекомендациям для дальнейшей оптимизации эффективности кампании в соответствии с вашими конкретными целями.
ЗАДАЧИ | НАЗНАЧЕНИЕ | РУКОВОДСТВО |
---|---|---|
Повышение осведомленности | Поиск на вершине воронки, выход на новый рынок |
|
Строить трубопровод | Генерация, разгон |
|
Удержание / перепродажа клиентов | Продление, допродажа |
|
Узнать больше
Чтобы еще больше повысить эффективность кампании, внедрите решение Demandbase Engagement Solution, чтобы улучшить взаимодействие посетителей на вашем веб-сайте.
Создать и опубликовать страницу
Узнайте, как создать новую страницу, оптимизировать ее для поисковых систем и опубликовать на своем веб-сайте.Вы можете использовать целевую страницу для представления предложения по содержанию для привлечения новых посетителей на ваш сайт. В инструменте страниц веб-сайта вы можете управлять всем содержимым своего сайта в HubSpot.
Прежде чем начать
- Для редактирования любого типа содержимого страницы вам потребуется доступ Запись в ваших пользовательских разрешениях. Чтобы опубликовать целевую страницу или страницу веб-сайта, вам потребуется доступ Publish в ваших пользовательских разрешениях.
- Убедитесь, что домен вашей страницы подключен к HubSpot для публикации.Если вы используете бесплатный конструктор целевых страниц, ваша учетная запись включает домен под брендом HubSpot, готовый к публикации.
- Определите тему, о которой вы пишете, с точки зрения вашей более широкой контент-стратегии. Благодаря стратегической организации и перекрестным ссылкам в вашем контенте вы повысите свой рейтинг в поисковых системах по ключевым словам с гиперссылками. Узнайте больше о том, как оптимизировать свою страницу.
Типы шаблонов страниц
Параметры редактирования содержимого, макета и стилей вашей страницы зависят от типа используемого вами шаблона.
Обратите внимание: все начальные шаблоны имеют одинаковые параметры в редакторе страниц и на вкладке Дизайн . Закодированные шаблоны, шаблоны макетов, шаблоны тем и шаблоны, приобретенные на Asset Marketplace, будут иметь любые параметры стиля, включенные разработчиком.
Перейти к редактору страницы
Создать новую страницу
Чтобы создать новую целевую страницу или страницу веб-сайта с нуля:
- В своей учетной записи HubSpot перейдите на целевые страницы или страницы веб-сайта.
- В правом верхнем углу щелкните раскрывающееся меню Создать и выберите Страница веб-сайта или Целевая страница .
- Наведите указатель мыши на шаблон и щелкните Предварительный просмотр в правом верхнем углу, чтобы увидеть, как он будет отображаться на настольном компьютере или мобильном устройстве. Чтобы создать новую страницу с этим шаблоном, щелкните Использовать шаблон в правом верхнем углу.
- Дайте своей странице внутреннее имя и нажмите Создать страницу .
Обратите внимание: вы должны будете дать своей странице общедоступный заголовок в настройках перед ее публикацией.
Редактировать существующую страницу
Для редактирования существующей страницы:
Редактировать содержимое страницы
В редакторе страниц вы можете редактировать содержимое каждого модуля в вашем шаблоне. Чтобы изменить макет страницы или добавить новые модули в редактор страниц, поработайте со своим веб-разработчиком, чтобы добавить область перетаскивания в шаблон страницы.
Редактировать контент в модуле
На вкладке Содержание слева вы можете просматривать и редактировать все модули в шаблоне страницы.Если ваша страница содержит глобальный контент, такой как заголовок страницы, вы отредактируете его на своей странице в редакторе глобального контента.
Обратите внимание: варианты содержимого для каждого модуля могут различаться в зависимости от того, как ваш шаблон был написан вашим разработчиком.
Чтобы отредактировать содержимое модуля, наведите указатель мыши на модуль и щелкните значок карандаша редактирования .
Некоторые типы модулей, например заголовки, можно редактировать прямо на странице предварительного просмотра. Щелчок по модулю также откроет его параметры редактирования на левой панели.Узнайте больше об общих параметрах содержимого для каждого типа модуля.
Чтобы просмотреть полный список всех модулей на странице, щелкните вкладку Содержание на левой панели. Затем щелкните конкретный модуль из списка, чтобы изменить параметры его содержимого.
Если ваш шаблон содержит область перетаскивания или гибкие столбцы, вы можете добавлять или переставлять модули в редакторе страницы.
Чтобы отменить или повторить действие в редакторе страницы, щелкните значок отмены , значок отмены или значок повтора повтора в верхнем левом углу.
Обратите внимание: Только изменения, внесенные во время текущего сеанса в вашем веб-браузере, можно будет отменить или повторить. Если вы обновите редактор страницы, ваши предыдущие правки станут недоступны.
Редактировать стили, примененные к вашим модулям
Модули, многократно повторяющиеся на вашей странице, такие как кнопки или заголовки, обычно имеют стили по умолчанию, основанные на таблице стилей вашего шаблона или настройках темы вашего веб-сайта. Внесение изменений в эти стили обычно влияет на другие страницы, использующие тот же шаблон.
Обратите внимание: другие варианты стилей, доступные для каждого модуля, могут отличаться в зависимости от шаблона страницы.
Щелкните модуль , чтобы выбрать его в редакторе. На левой панели щелкните вкладку Styles , чтобы получить доступ к параметрам стиля для этого конкретного модуля. Узнайте больше о том, как стилизовать модули в каждом типе шаблона страницы.Оптимизируйте свою страницу для поисковых систем
В верхней части навигации щелкните вкладку Optimize , чтобы открыть инструмент оптимизатора SEO.Здесь вы можете прикрепить свою страницу к одной из своих тем и просмотреть рекомендации по улучшению вашего содержания.
Измените настройки страницы
Чтобы изменить настройки страницы и добавить некоторую базовую информацию о странице, щелкните вкладку Настройки в верхней части редактора страниц:
- Внутреннее имя страницы: внутреннее имя страницы — это имя, которое вы добавили при первом создании страницы и на которое имеется ссылка на информационной панели. Посетителям не показывается.
- Заголовок страницы: заголовок, который отображается на вкладке в верхней части веб-браузера при загрузке страницы.
- URL страницы: URL вашей страницы. Он отображается в строке URL-адреса браузера, когда посетители переходят на эту страницу. Вы можете редактировать URL своей страницы даже после того, как она была опубликована.
- Добавить страницу в меню: добавить текущую страницу веб-сайта, над которой вы работаете, в новое или существующее расширенное меню в настройках содержимого.
- Мета-описание: контент, который будет отображаться в результатах поиска под заголовком страницы.
- Кампания: свяжите свою страницу с кампанией HubSpot. Выберите Добавить новый , чтобы создать новую кампанию.
- Рекомендуемое изображение: Нажмите, чтобы включить этот переключатель, чтобы отображать конкретное изображение при публикации вашей страницы в социальных сетях. Щелкните Загрузить , чтобы выбрать изображение на вашем компьютере, или Обзор изображений , чтобы выбрать изображение в инструменте «Файлы».
Дополнительные параметры
Обратите внимание: раздел Advanced Options недоступен в начальных шаблонах.
Щелкните Дополнительные параметры , чтобы настроить дополнительные параметры для своей страницы. Эти настройки не требуются для публикации вашей страницы.
- Срок действия страницы на определенную дату: установите флажок , чтобы запланировать срок действия страницы и перенаправление на определенную дату.
- Управление доступом аудитории для страницы: выберите параметр для управления доступом аудитории для этой страницы.
- Выберите Private — Требуется пароль , чтобы добавить требуемый пароль для доступа посетителей к содержимому вашей страницы.
- Выберите Private — Требуется регистрация , чтобы посетители могли зарегистрироваться на вашем сайте перед просмотром страницы (только CMS Hub Enterprise ). Подробнее об управлении доступом к аудитории.
- Дополнительные фрагменты кода: добавьте фрагменты кода в поля Head HTML или Footer HTML . Это полезно для добавления необработанного HTML или кода отслеживания в тег или
- HubDB: , если ваш веб-разработчик настроил таблицу HubDB для динамического содержимого базы данных, вы можете добавить свою страницу в таблицу HubDB здесь. Щелкните Выберите таблицу и выберите таблицу , чтобы добавить эту страницу в базу данных.
- Шаблон: просмотрите шаблон, примененный к вашей странице. Щелкните Использовать другой шаблон , чтобы применить новый шаблон к странице, или Редактировать этот шаблон , чтобы отредактировать шаблон.
Обратите внимание: вы сможете менять местами только шаблоны одного типа.
- Таблицы стилей: управляют таблицами стилей, прикрепленными к вашей странице. Чтобы выбрать, должны ли таблицы стилей по умолчанию быть включены, отключены или следовать настройкам по умолчанию, щелкните раскрывающееся меню и выберите параметр. Щелкните Присоединить таблицу стилей и выберите существующую таблицу стилей , чтобы прикрепить ее к странице. Таблицы стилей не применяются к шаблонам тем.
Предварительный просмотр вашей страницы
В правом верхнем углу нажмите Предварительный просмотр , чтобы увидеть, как ваша страница будет отображаться для посетителей веб-сайта на различных типах устройств. Вы также можете протестировать персонализацию и интеллектуальный контент в предварительном просмотре. Узнайте, как настроить отображение вашей страницы на мобильном устройстве.
- Предварительный просмотр устройства: щелкните Открыть в новом окне , чтобы просмотреть предварительный просмотр вашей страницы в новой вкладке браузера. Эта ссылка для предварительного просмотра будет работать до того, как ваша страница будет опубликована.Щелкните Копировать ссылку общего доступа , чтобы скопировать ссылку в буфер обмена и поделиться ею со своей командой. Чтобы просмотреть ссылку предварительного просмотра, ваши товарищи по команде должны войти в HubSpot.
- Интеллектуальный предварительный просмотр: щелкните раскрывающееся меню Предварительный просмотр как , чтобы просмотреть, как ваша страница будет выглядеть для различных контактов в вашей базе данных.
- Выберите контакт , чтобы просмотреть, как персонализация будет отображаться на основе значений свойств конкретного контакта. Щелкните второе раскрывающееся меню , чтобы выбрать конкретный контакт из вашей базы данных.
- Выберите интеллектуальное правило , чтобы просмотреть, как интеллектуальный контент на вашей странице будет отображаться для контактов, которые соответствуют его критериям. Щелкните второе раскрывающееся меню , чтобы выбрать конкретное интеллектуальное правило для предварительного просмотра.
- Тип устройства: щелкните Mobile + Tablet , чтобы просмотреть предварительный просмотр своей страницы на телефоне или планшете. Щелкните Desktop , чтобы предварительно просмотреть, как ваша страница будет отображаться в веб-браузере.
Опубликуйте или запланируйте свою страницу
После того, как вы добавили контент, оптимизировали его для поисковых систем и предварительно ознакомились с тем, как он будет выглядеть для посетителей, вы готовы опубликовать свою страницу.
- Щелкните вкладку « Опубликовать» или «Запланировать » и выберите Опубликовать сейчас , чтобы опубликовать немедленно, или «Запланировать позже» , чтобы опубликовать эту страницу в будущем.
Добавить комментарий