Создание лендинга студия: Создание Лендинг Пейдж | Создание сайта от【Cyborg Studio】

Создание Лендинг Пейдж | Создание сайта от【Cyborg Studio】

Лендинг пейдж – это эффективный маркетинговый инструмент для продажи товаров, услуг или презентации собственных навыков. Этот формат сайтов выбирают по причине простоты их конструкции. Это гораздо упрощает поисковую оптимизацию и наполнение контентом. Но не стоит думать, что создать лендинг пейдж очень просто, легко и быстро. Специалисты нашей веб-студии прорабатывают все до мелочей, поэтому заказчик всегда получает желаемый результат. В работе не используются шаблоны или готовые конструкции. Каждый проект индивидуален и подстраивается строго под потребности каждого бизнеса. 

Эта услуга актуальна представителям многих профессий и сфер деятельности. Вы можете заниматься юриспруденцией, маркетингом, дизайном, продажами товара, производством и чем-либо другим. Еще не существует таких ниш в бизнесе, для которых бы не подходил качественно созданный одностраничный сайт. У нашей веб-студии есть опыт реализации проектов любой сложности, что подтверждают и представленные примеры на сайте.  

Создание лэндингов от Cyborg studio. Основные этапы.

Создание лэндингов, как и других сайтов требует тщательной проработки на каждом этапе. Итак, с чего начинается работа:

• Анализ деятельности компании
• Выявление целевой аудитории
• Анализ конкурентов, разработка уникального предложения
• Написание продающих текстов
• Настройка контекстной рекламы

На первом этапе мы изучаем концепцию предложения: выявляем преимущества и сильные стороны. Посмотрите сколько предложений вокруг, ваш лендинг должен быть лучший, а это требует детального изучения товара или услуги.

Современный одностраничник должен быть «заточен» под конкретную аудиторию, а также должен полностью удовлетворять ее запросы. Попав точно в цель своим предложением и выгодами можно в десятки повысить конверсию и увеличить продажи.

Анализ конкурентов позволит персонализировать ваше предложение, сделать его уникальным, эксклюзивным для вашей аудитории. Поэтому перед тем, как заказывать лендинг пейдж опишите все преимущества вашего предложения.

Лучший одностраничный сайт должен мотивировать к покупке и этого можно добиться не только привлекательным дизайном, но и продающими текстами.

Особенность разработки одностраничников

Создание лендинг пейдж с нуля включает в себя следующие процессы:

• Разработка уникального фирменного стиля с использованием предпочитаемых цветов клиентом;
• Создание структуры сайта;
• Верстка созданного макета на выбранном движке или платформе;
• Активация маркетинговых инструментов. 

Создание лендинговой страницы начинается с проработки макета и фирменного стиля. Далеко не у каждого заказчика есть уже ранее созданный стиль с собственным цветом и логотипом. Поэтому специалисты нашей компании готовы самостоятельно выполнить эту работу, учтя все пожелания и требования. Например, если у компании или частного лица есть офлайн-бизнес или собственные наработки, то фирменный стиль сайта может их частично или полностью повторять. Мы создаем лендинг пейдж с учетом всех маркетинговых правил, правильно комбинируя цветовую гамму, шрифты, логотип и другие визуальные элементы. 

Сделать лендинг пейдж не получится без правильной проработки структуры. От этого зависит, как будет восприниматься контент пользователем, и в какой последовательности будут размещены блоки на странице. Создать лендинговую страницу не получится без макета. Поэтому наши специалисты самостоятельно строят «скелет» на основании будущего содержимого. В используемые шаблоны landing page можно добавить любые блоки, начиная от картинок, видео, воронок продаж, текста, инфографики и других элементов.

Чтобы создать лендинг пейдж, нужно выполнить качественную верстку. Для этого специалисты уделяют много времени «подгонке» деталей, чтобы ранее созданная визуализация на 100% соответствовала готовому результату. Уже на этом этапе заказчик может ознакомиться с его новым сайтом, просмотреть страницы, оценить интерактивную составляющую. 

Прежде чем заказать разработку лендинг пейдж, необходимо определить целевую аудиторию. Это поможет правильно настроить маркетинговые инструменты. К этому процессу специалисты нашей компании приступают сразу после верстки. Качественный лендинг пейдж в Украине – это не просто одна страница сайта с красивым шаблоном. Это полноценный сайт с мощным маркетингом, состоящим из поисковой оптимизации, настройки таргета, контекстной рекламы и подобного. Многие видят только визуальную часть, не зная, что в сайте скрыто множество меток, тегов и прочих настроек SEO. Дополнительно наша компания может провести быстрый запуск рекламной компании в поисковых службах или социальных сетях. Это позволяет сразу привлечь целевую аудиторию и первых клиентов, окупив стоимость создания лендинга.

Обращайтесь за созданием Landing Page по доступной цене 

У менеджера компании вы можете узнать цену landing page. На стоимость влияют многие факторы, среди которых:

• Выбранный шаблон или уникальный макет;
• Количество контента;
• Объем используемых маркетинговых инструментов.  

Представители веб-студии предоставят консультацию, где ответят на вопрос о цене создания лендинг пейдж. Важно понимать, что в озвученную стоимость входит множество дополнительных работ. Большую часть из них заказчик не видит. Речь идет о адаптивной верстке для мобильных платформ, настройка форм обратной связи, подключение чат-бота, базовая поисковая оптимизация и многое другое.

На сайте веб-студии вы можете ознакомиться с многочисленными примерами ранее выполненных работ. Портфолио позволит оценить уровень мастерства исполнителей. Возможно, вы подчеркнете готовые идеи для собственного проекта. 

Вы можете заказать создание лендинг пейдж прямо сейчас, оставив заявку на сайте. Менеджеры свяжутся с вами для конструктивного обсуждения деталей. 

Веб-студия предоставляет лояльные условия оплаты. Выбирайте удобный способ, чтобы сэкономить свое время. 

Почему в «Киборг-студии»

Преимущества, которые вы получите при заказе услуги «Разработка лендинг пейдж»:

• Современный, продающий дизайн;
• Высокая конверсия;
• Сервис с высоким юзабилити;
• Профессиональный подход;
• Быстрое и качественное выполнение заказа (мы знаем насколько время играет важную роль)

Не ищите пути, где дешево – ищите пути, где профессионально, качественно и  с адаптацией к современному пользователю.

Часто задаваемые вопросы при разработке landing page

✅Как создать продающий лендинг?

Продающий лендинг должен иметь понятную, логическую структуру: Прежде чем начать разработку landing page необходимо определить целевую аудиторию. Кто будет потенциальный клиент на Ваш товар / услугу. Составить список вопросов / ответов, которые должны рассказать о всех преимуществах товара / услуги и подробно (желательно с картинками) объяснит почему его нужно купить / заказать. Подобрать правильные цвета, гармоничные к фото товара / услуги. Грамотно составить (оптимизировать) заголовки к каждому блоку лендинга. Составить призывы к действию. Заказать продающий landing page можно у нас. С нами легко, быстро и недорого!

✅Нужен ли CMS для landing page?

Если Вы создаете лендинг пейдж для товара / услуги которая не будет нуждаться в корректировке цены, текста. то можно обойтись без CMS. В остальных случаях без нее не обойтись (если вы конечно не веб-разработчик и сможете разобраться в html и css файлах.

✅Стоит ли использовать шаблоны при создании лендинг пейдж?

Лендинг Пейдж персональная страница доносящаяся всю суть компании или предложения, поэтому важно отображать самые сильные и ключевые аспекты, шаблон не всегда соответствует данным требованиям.

✅Сколько времени нужно на создание лендинг пейдж?

Создание Лендинга может занимать от 3 рабочих дней и до двух месяцев, в зависимости от сложности и целей проекта.

✅Для чего нужен лендинг пейдж?

Основная функция Лендинг Пейдж это продавать. Наличие формул маркетинга которые в конечно счете побуждают совершить целевое действие на сайте, оставить заявку, сделать заказ, либо же совершить звонок.

В каких городах cyborg-studio предоставляет услуги создания landing page

В Украине:

Киев, Харьков, Одесса, Днепр, Запорожье, Львов, Кривой Рог, Николаев, Мариуполь, Винница, Херсон, Полтава, Чернигов, Черкассы, Житомир, Сумы, Хмельницкий, Черновцы, Ровно, Каменское, Кропивницкий, Ивано-Франковск, Кременчуг, Тернополь, Луцк, Белая Церковь, Ужгород, Каменец-Подольский.

В России: 

Москва, Санкт-Петербург. Новосибирск, Екатеринбург, Нижний Новгород, Казань, Челябинск, Омск, Самара, Ростов-на-Дону, Уфа, Красноярск, Воронеж, Пермь, Волгоград.

В Молдове: 

Кишинев, Бельцы, Бендеры. 

В Белоруссии: 

Минск, Брест, Гродно, Гомель, Витебск.  

В Казахстане: 

Алма-Ата (Алматы), Нур-Султан, Шымкент, Актобе, Караганда, Тараз, Павлодар, Усть-Каменогорск.

Если Вы задумались над созданием лендинга, можете позвонить нам и мы расскажем Вам много полезной информации и проконсультируем по всем вопросам касательно такого сайта. Звоните — 067 250 60 02

Разработка и создание landing page в С-Пб

Для кого интересна Landing страничка

Особенно выгодно использование landing page следующим организациям:

Любым компаниям, занимающимся продажей;
Производителям продукции различного типа;
Лидерам MLM;
Компаниям, специализирующимся на продаже обучающих программ;
Компаниям по продаже особо ценного, уникального товара;
Компаниям, предлагающим услуги различного назначения;
Туристическим фирмам;
СПА-салонам, фитнес-клубам.

Задачи и цели Landing page

Основной целью landing странички на наш взгляд является максимальное увеличение ценности продукта/товара для потребителя, чтобы ему легко было совершить заказ/покупку именно на Вашем сайте. Ведь перед расставанием с деньгами в голове посетителя находятся весы — на одной чаше которых то, что он получит, а на другой, сумма с которой приидётся расстаться :). Следовательно, основной задачей и является — увеличение первой чаши по отношению ко второй.

Ну и конечно посетитель должен легко заказать товар/услугу с лендинг странички.

Для всего этого и создаются разнообразные модули отзывов, портфолио, призывы к действию, формы обратной связи, заказ обратного звонка и пр. и пр. У посетителя на любом этапе должна быть возможность заказать товар или услугу, а также связаться с продавцом — обязательно наличие обратной связи. Наличие адреса и телефона на странице лэндинг-пейдж также необходимы.

Кроме того, правильно разработанная landing-page страница должна одинаково хорошо открываться, как стационарных компьютерах и ноутбуках, так и на всех мобильных устройствах.

Все эти необходимые детали мы неизменно учитываем, разрабатывая и создавая для Вас страницы Landing, для того, чтобы Вы не только имели своё представительство в интернет-пространстве, но и извлекали из этого всю максимальную пользу!

Управление Landing Page

Все созданные нами лендинг странички имеют простой и удобный интерфейс редактирования информации, с которым справится даже не подготовленный пользователь.

Источники клиентов для Landing page

Традиционно источником посетителей для лендингов являются реклама яндекс-директ или adwords от google. Но при изготовлении seo-оптимизированного многостраничного лендинга, у него не меньше шансов попасть в топ, чем у полноценного сайта.

Адаптивный дизайн лендинга видео-студии «Gifin»

Реализация дизайна одностраничного сайта видео-студии:

1.

Адаптивный дизайн лендинга видео-студии.

Для создания уникальной шапки использовалась техника фото-монтажа или технического дизайна.
На передний план поместили старинную кинокамеру, «хлопушку», которой пользуются на съемочной площадке и бобины с кинопленкой. На заднем угадывается штатив и прожектор для освещения.

Одного взгляда на страницу достаточно, чтобы понять, чем занимаются владельцы сайта. Эту же цель мы преследовали, поместив по центру слово «Фильм», написав его крупными буквами и используя фиолетовый цвет, контрастирующий с пастельным фоном.

2. Адаптивная (responsive) верстка landing page.

Дизайн был прорисован в статичном виде растровой графики под разные размеры экранов, затем переведен в html формат, что позволило ему обрести динамичность, то есть способность перестраиваться.

Разработчик филигранно выполнили этап отзывчивой (responsive) html верстки, задав нужный алгоритм перестройки, поэтому одностраничный сайт видео-студии корректно работает в любых браузерах и на всех типах устройств, подключенных к сети: от смартфона до телевизора с максимальной диагональю экрана.

3. Контент и наполнение одностраничного сайта.

Создавая адаптивный landing page видео-студии, мы также позаботились о наполнении его информацией.
Прокручивая сайт вниз, вы найдете на нем полное описание всех услуг, предлагаемых компанией, владеющей сайтом.

Вы узнаете о том, как можно создать необычное видеопоздравление, доставив радость виновнику торжества – он увидит на экране даже тех родственников и друзей, которые не смогли сами присутствовать на празднике.

Для оформления информативных строк мы использовали пиктограммы, рисунки, фотографии,

создали видео-галерею, где можно увидеть образцы работ видео-студии, разместили на сайте отзывы их клиентов.

Также мы предусмотрели возможность онлайн-заказа и обратной связи, предусмотрев внизу сайта специальные формы для заполнения.

Создание лендинга веб-студии — CMS Magazine

ДАТА ПУБЛИКАЦИИ

Сентябрь 2014

ПРОВЕДЁННЫЕ РАБОТЫ

Разработка дизайна, вёрстка, программирование форм обратной связи.

ИСПОЛЬЗУЕМЫЕ ТЕХНОЛОГИИ

• Stylus — препроцессор для быстрого и удобного написания CSS.
• CoffeScript — для  читабельного и удобного написания JavaScript.
• Файлы статики (CSS, JavaScript и картинки) компилируются и собираются с помощью Gulp.js.
• JavaScript-функционал написан с использованием библиотеки jQuery.
• Для создания HTML-страниц использован Django Template.

КОМАНДА

• Ольга Круглова, арт-директор
• Александр Асланов, ведущий программист-верстальщик

ПРОБЛЕМЫ И РЕШЕНИЯ

Проблема:

Для демонстрации кейсов мало показать картинку и краткое описание, нужна более развернутая информация. 

Решение:

Одно из решений — сделать отдельную страницу с детальным описанием. Но это не самый лучший вариант, если речь идёт о лендинге. Второе решение (в пользу которого и был сделан выбор) — показывать описание без перезагрузки страницы.

Для этого был написан JavaScript, который прятал содержимое текущей страницы и показывал окно с описанием кейса. При этом у пользователя есть возможность закрыть его (также без перезагрузки страницы).

ХОД РАБОТЫ

С 20 августа по 27 августа 2014-го шли работы по созданию дизайна будущего лендинга. Затем последовал этап вёрстки и программирования. В первой половине сентября посадочная страница уже работала.

ДИЗАЙН СТРАНИЦЫ

В основе страницы — принцип применения анимации по мере скроллинга. Наряду с активным призывом к действию, за который отвечают соответствующие кнопки call-to-action, анимация позволяет заинтриговать посетителя и вовлечь его в процесс интерактивного повествования о компании и услуге разработки.

Преимущества по мере скроллинга вниз выскакивают одно за другим, акцентируя на себе внимание пользователя.

По ходу прокрутки вниз меняется текст и изображение раздела, посвящённого команде.

Анимация также находит применение в разделах «Кейсы» и «Наши клиенты», элементы которых всплывают один за другим. 

РЕЗУЛЬТАТ

С сентября 2014-го по февраль 2015-го посадочную страницу посетили 3 637 человек. Среднее время, которое посетитель проводит на лендинге, составляет 1 минуту и 16 секунд. Около 20 раз пользователи заказали звонок, более 30 человек заполнили форму заявки.

Перейти на сайт

Создание лендинга для студии тату в Санкт-Петербурге

На этой странице портфолио представлен главный герой рекламной кампании, с невероятно высокой окупаемостью — порядка 3000% оборота с каждого рубля, вложенного в рекламу. Цифры реальные, представлены в кейсе «Двойной удар по конкурентам»

Может, вы спросите, что необычного в этом лендинге? ВСЁ! — отвечаем мы. Итак: 

Задача: разработка посадочной страницы

 

PRO заказчика

Тату студия находится в центре Петербурга. На небольшую единицу площади в этом районе приходится более 10 конкурентных салонов. Набор услуг и уровень профессионализма мастеров в таком случае практически идентичен, а портфолио специалистов разных салонов похожи, по крайней мере на первый взгляд обывателя. Зато все мастера студии очень обаятельные и милые ребята и подвести их в вопросе окупаемости рекламной кампании было бы просто преступлением.

Карта — скриншот результатов поиска по запросу «тату студии» в сервисе ZOON

PRO разработку лендинга

Уже при первом диалоге с заказчиком – владельцем студии тату мы поняли, что это лендинг будет необычным и при разработке дизайна мы опирались на следующие факты:

1. запрос «сделать тату» чаще используют пользователи мобильного трафика
2. несколько форм обратной связи в таком случае только мешают усвоению информации
3. для рекламной кампании мы разработали уникальные торговые предложения, которые проблематично выразить иконками «преимущества студии»

Таким образом этот одностраничник перечеркивает все пользовательские представления о лендингах.

Лендинг имеет всего один экран. Меню прячет в себе несколько дополнительных разделов, благодаря этому удалось отказаться от неудобной длины страницы.

Цветовая схема сайта – контрастная, палитра красного-бордового на черно-сером монохроме. Это позволяет зафиксировать внимание пользователя на действительно важных моментах.

Иконка меню в стиле «адаптация экрана под мобильное устройство» — оригинально в дизайне и без лишнего кода — сайт легко прогружается при мобильном интернете.

Кнопки вызова формы обратной связи гротескно увеличены тоже не случайно — все хоть раз попадали в ту ситуацию, когда невозможно попасть по нужной ссылке или кнопке сайта с телефона.

Кнопка меню открывает доступ ко всем необходимым разделам. Там мы нашли место для перечня услуг, прайса и подробных контактов. Кстати, прайс — это тоже важное отличие этой посадочной страницы от других.

Тату – это украшение на всю жизнь, за ним не пойдешь к первому встречному, найденному в интернете. Но обаятельность мастеров тоже пошла в дело – на сайте можно рассмотреть всех по фото и заранее познакомиться со специалистами. В таком случае посетитель студии перед визитом не будет чувствовать себя как на свидании «вслепую».

Страница не навязывается с крикливыми призывами «позвони нам» в виде нескольких форм обратной связи — открытых и закрытых — и не несущих никакой полезной информации. Предельно лаконично и просто этот сайт заявляет «Мы не такие, как все! С нами ты будешь уникален!» и успех рекламной кампании этой студии только подтверждает это заявление.

Перейти к проекту

Разработка и создание Landing page — RedBox Studio

Как отследить эффективность своей рекламы и сделать так, чтобы продажи пошли в гору? Заказать создание лендинга в нашей компании!

Landing page – это посадочная страница, на которую «приземляется» пользователь, переходя по рекламной ссылке. Яркая, «цепляющая», с неизменным призывом к действию, landing page способна увеличить конверсию продаж в три-четыре раза.

Почему вам стоит довериться нам?

Занимаемся разработкой более 5 лет, на нашем счету более 200 созданных сайтов и более 100 клиентов.

Мы ежеквартально посещаем конференции по новым технологиям разработки и постоянно повышаем квалификацию наших сотрудников

Мы основательно подходим к процессу разработки: готовим ТЗ, продумываем концепцию, рисуем прототипы и только после этого начинаем основные работы.

Над вашим проектом будет работать профессиональная команда из 6 человек: аккаунт менеджер, прототиполог, дизайнер, копирайтер, web-мастер, технический директор.

Как мы создаем Landing Page?

Заказывая у нас создание лэндинг пэйдж, вы доверяете профессионалам, которые понимают, как заставить пользователя оставить свои контакты или совершить другое целевое действие. Достижению этой цели подчинен каждый этап разработки landing page. 

Выгодное предложение Емко и «вкусно» сформулированный оффер «цепляет» посетителя, провоцируя его написать, позвонить или совершить покупку прямо сейчас	Продуманный прототип Структурный набросок будущего лэндинга учитывает специфику вашего бизнеса и целевой аудитории.	Продающий дизайн Внешний вид и дизайнерское оформление сайта должны мотивировать посетителя к действию, а все интерактивные элементы — быть понятными и простыми.
Удобное редактирование С помощью функции редактирования вы сможете в любое время менять заголовки, тексты и картинки с учетом актуальности своего рекламного предложения.	Высокоточная настройка Наши эксперты знают, как правильно и точно настроить контекстную рекламу, чтобы она привела на ваш лэндинг сотни потенциальных клиентов.	А/В тестирование и аналитика С помощью тестов и анализа эффективности мы находим именно тот вариант лэндинга, который обеспечит вам максимальную конверсию.

Сомневаетесь подойдет ли вам данная услуга? Позвоните нам: 8-800-100-55-42 и наш менеджер проконсультирует вас и обязательно
предложит именно ту услугу, которая будет наиболее эффективна для вас.

Интересный факт

В 2016 году к нам обратилась компания, занимающаяся продажей и арендой тяжелой техники, в то время конверсия их сайта была ~ 0,2% . Нами было принято решение разработать серию посадочных страниц под отдельные категории техники и полностью переработать контекстную рекламу.

После разработки концепции, проработки офферов, копирайтинга, прорисовки дизайна, верстки и доработки способов доп продаж, а также полной переработки контекстной рекламы, мы запустили рекламную кампанию.

Итог мы получили 41 заявку за 1 неделю, при этом значение конверсии сайта составило 3,7%.
На этом мы не имели права останавливаться, и нами была проведена серия А/Б тестов + внесены изменения в контекстную рекламу. После данных изменений конверсия составила 5,6%.

Заказать лендинг пейдж в Москве. Создание Landing Page — Студия «Webstly»

01. Как мы создаём Landing Page

Студия Webstly предлагает создание лендинг пейдж для любой компании. Мы работаем индивидуально с каждым клиентом, изучаем детально виды деятельности бизнеса. Используем самые современные технологии, фреймворки и CMS.

Специалисты нашей студии тщательно прорабатывают структуру лендинг пейдж для снижения количества отказов пользователей. При запуске лендинг пейдж используем принцип А/Б тестирования. Замеряем предпочтения аудитории.

Мы добиваемся высокой конверсии и эффективности, создаем уникальное торговое предложение.

02. Аудит компании

Наши специалисты отправляют бриф клиенту, клиент заполняет полученный бланк. Это необходимая отправная точка для старта работ над лендинг пейдж. Мы выясняем цели, планы и стратегии компании, анализируем услуги и продукцию, формы маркетинговой деятельности. На основе полученных данных мы выявляем точки роста компании для того, чтобы делать упор на них.

Кроме этого, заполненный бриф помогает нашим специалистам создать техническое задание для дизайнера, верстальщика и программиста.

Далее мы приступаем к изучению конкурентов.

03. Изучение рынка

Мы детально изучаем рынок в области деятельности или продаж нашего клиента. Рассматриваем сильные и слабые стороны конкурентов. Формируем УТП.

Мы знаем, что и как анализировать, умеем делать правильные выводы и грамотно использовать полученную информацию по отношению к создаваемому будущему лендингу.

Анализ конкурентов помогает нам найти удачные решения, а также избежать чужих ошибок. Также, изучение рынка помогает нам ускорить получение трафика и продаж.

04. Анализ ЦА

Самый главный вопрос – для кого мы создаем будущий одностраничный сайт?

Нам интересная целевая аудитория. Определяем боли и потребности будущих клиентов.

Сегментируем и анализируем целевые группы клиентов, выявляем и оцениваем факторы, которые влияют на принятие решения о покупке.

Формируем список целей для достижения необходимого результата. Далее начинаем проектировать структуру и дизайн лендинга.

05. Прототипирование и дизайн

Cпециалисты Webstly приступают к разработке структуры будущего landing page. Процесс разработки структуры сайта называется прототипированием.

Одностраничные сайты подразумевают строгое структурирование: разделение по смысловым блокам, маркированные списки, наглядное графическое визуальное оформление.

Далее, после утверждения заказчиком структуры, дизайнеры приступают к разработке концепции лендинга. Выбираем стиль, формируем порядок элементов.

06. Вёрстка, запуск

Создание, разработка landing page в Москве от студии Webstly после утвержденного дизайна предусматривает вёрстку. Мы создаем качественную адаптивную валидную вёрстку и пишем чистый код.

Связка современных технологий и профессионализма нашей команды на выходе даёт успешный лендинг пейдж, который долгие годы будет необходимым инструментом для вашего бизнеса.

Как создать высокопроизводительную целевую страницу | Студия 1 Дизайн

Условия использования Designer on Tap

Между Studio 1 Pty Ltd ABN 46 082 517 539 (, или , ) и вами.

Эти положения и условия ( Условия ) регулируют вашу подписку на наши дизайнерские услуги, предоставляемые продуктом подписки «Designer on Tap» ( Service ), который более подробно изложен на сайте www.studio1design.com/unlimited/ ( Веб-сайт ) и образует обязательное договорное соглашение между вами, пользователем Сервиса, и нами.

Используя Сервис, вы подтверждаете и соглашаетесь с тем, что у вас было достаточно шансов прочитать и понять Условия, и вы соглашаетесь соблюдать их. Если вы не согласны с Условиями, вы не должны использовать Сервис.

Вы признаете и соглашаетесь с тем, что у вас было достаточно шансов прочитать и понять Условия, и вы соглашаетесь соблюдать их.

1. Комиссии и расходы
   1. Услугу можно приобрести по ежемесячной подписке на нашем веб-сайте.Мы выставим вам счет по согласованной ежемесячной ставке ( Комиссия ) заранее, и Комиссия будет автоматически списываться с вашей кредитной карты каждый месяц.
   2. Если срок действия вашей кредитной карты истечет или данные вашей кредитной карты изменились, вы должны сообщить нам об этом как можно скорее. Задержка в оплате может привести к приостановке или прекращению нами вашей подписки.
   3. Если иное не указано на Веб-сайте или в любом счете, который мы вам предоставляем, Комиссия указана в долларах США и выражена с учетом всех налогов.
   4. Если вам требуются услуги пользовательского кодирования или любые другие услуги, которые не указаны в описании услуги на веб-сайте (Дополнительные услуги), мы сообщим вам об этом и о примерной стоимости предоставления этих дополнительных услуг . Вы соглашаетесь с тем, что любые Дополнительные услуги будут регулироваться нашими стандартными условиями.
   5. Вы не должны предоставлять или разрешать любому лицу за пределами вашей организации использовать ваш доступ к Сервису без нашего предварительного согласия.Мы оставляем за собой право немедленно прекратить вашу подписку в любое время без каких-либо обязательств, если вы разрешите или у нас есть разумные основания подозревать, что вы разрешили доступ к Сервису неуполномоченному лицу.
2. Сроки
   1. Мы будем прилагать разумные коммерческие усилия для предоставления Услуг в соответствии с любыми согласованными сроками, но мы не гарантируем никаких оценок сроков, и мы не будем нарушать свои обязательства, если мы не соблюдаем такие сроки.
3. Права интеллектуальной собственности
   1. Вы признаете и соглашаетесь с тем, что все Права на интеллектуальную собственность во всех файлах создания, рабочих файлах, изображениях и других документах, предоставленных нами в связи с Услугами, переходят к нам с момента их создания. Во избежание сомнений, сюда не входит ваш фоновый IP-адрес или какие-либо лицензии (например, лицензии на изображения).
   2. После полной оплаты наших гонораров, но в соответствии с пунктом 5.3, мы передадим вам все права интеллектуальной собственности в проекте, за исключением любого из наших фоновых IP.В таком случае у нас есть бессрочная безотзывная лицензия на использование соответствующих прав интеллектуальной собственности проекта, если иное не согласовано в письменной форме. Во избежание сомнений, Права интеллектуальной собственности, которые мы согласились передать вам, не включают никаких лицензий (например, лицензий на изображения) или других прав интеллектуальной собственности, которые мы не можем передать.
   3. Каждая сторона сохраняет за собой право собственности на свой Фоновый ИС и предоставляет другой стороне неисключительную бесплатную лицензию следующим образом:
      1. для нас в той мере, в какой это необходимо для того, чтобы мы могли предоставлять Услуги, осуществлять наши права в соответствии с положениями настоящих условий и иным образом выполнять свои обязательства в соответствии с настоящими условиями, и
      2. для вас только для целей и объема проекта, если иное не согласовано в письменной форме.
   4. Если в ходе предоставления Услуг мы разрабатываем, обнаруживаем или сначала внедряем в практику концепцию, продукт или процесс, которые могут быть запатентованы, тогда такая концепция, продукт или процесс останутся нашей собственностью, и вы не должны использовать или иным образом применять такое имущество без предварительного получения нашего письменного согласия.
   5. В той степени, в которой это разрешено применимым законодательством и в ваших интересах, мы по вашему письменному запросу получим согласие от обладателя каких-либо Моральных прав на проект.
   6. Мы можем приобретать права на изображения, которые мы используем при предоставлении вам Услуг. На такие изображения может распространяться лицензионное соглашение между нами и третьей стороной, которое может ограничивать использование вами этих изображений. Спросите нас, хотите ли вы получить копию условий любой такой лицензии. Если иное не согласовано в письменной форме, мы можем по своему усмотрению использовать изображения, которые использовались при предоставлении вам Услуг, с другими клиентами или для других работ. Если вам требуются определенные изображения, вам может потребоваться внести дополнительную плату (-ы) за такое использование.Даже если мы соглашаемся предоставить изображение исключительно вам, мы не можем гарантировать, что изображение не будет использоваться другими третьими сторонами, которые могли получить эти изображения от другой стороны.
4. Гарантии и ответственность
   1. Вы гарантируете, что вся работа и материалы, предоставленные вами (включая ваш Фоновый IP), будут свободны и свободны от всех прав удержания и обременения и могут быть использованы нами на законных основаниях без нарушения прав других, включая и без ограничения общего характера вышеизложенное, любые патенты на авторские права на коммерческую тайну или права на товарный знак любой третьей стороны.
   2. Вы подтверждаете, что не полагались на какие-либо советы, заявления или гарантии, данные нами в связи с Услугами, которые прямо не указаны в этом документе.
   3. В той степени, в которой это разрешено законом, все гарантии, условия и заявления с нашей стороны исключаются. Если термин подразумевается законом в этом документе, и закон запрещает положения в контракте, исключающие или изменяющие ответственность в соответствии с этим термином, то он будет включен в этот документ. Однако наша ответственность за нарушение такого условия будет ограничена, по нашему выбору, одним или несколькими из следующих действий:
      1. снова поставка услуг; или
      2. оплата стоимости повторного предоставления услуг.
   4. Если вы недовольны нашими Услугами, в той степени, в которой это разрешено законом, мы не будем предоставлять вам возмещение, а снова предоставим вам Услуги в разумных пределах, пока вы не будете удовлетворены результатом.
   5. В той степени, в которой это разрешено законом, ни мы, ни наши должностные лица, сотрудники, агенты или связанные с ними юридические лица не будем нести никакой ответственности (в том числе за небрежность) за любые убытки, ущерб, обязательства или расходы, понесенные или понесенные вами. или претензии, предъявленные к вам, и вы соглашаетесь не предъявлять никаких претензий к нам в связи с предоставлением нами Услуг или вытекающими из них.
   6. Без ограничений мы ни при каких обстоятельствах не несем ответственности за любые косвенные или косвенные убытки, включая упущенную выгоду, упущенную выгоду и упущенную возможность для бизнеса.
   7. Вы освобождаете нас от ответственности и ограждаете нас от любых претензий, убытков или ущерба любого рода (включая судебные издержки и выплаты на основе полного возмещения), прямо или косвенно возникающих в результате:
      1. любое действие, совершенное нами добросовестно и предположительно в соответствии с правом, предоставленным нам в соответствии с положениями этого документа
      2. о любом нарушении вами прав на интеллектуальную собственность третьих лиц и / или
      3. за любое нарушение вами любого из условий этого документа.
   8. Мы не гарантируем, что наши Услуги дадут какие-либо конкретные результаты. В частности, и без ограничения вышеизложенного, мы не даем никаких гарантий или заверений в отношении продаж или доходов, которые могут быть достигнуты, или что вы получите какие-либо новые или увеличенные числа или клиентов в результате наших Услуг.
5. Прекращение
   1. Вы можете прекратить подписку на Службу в любое время, уведомив нас через свою учетную запись на Веб-сайте о том, что вы хотите прекратить подписку, и в этом случае прекращение вступает в силу в конце оплаченного вами расчетного периода.
   2. Мы оставляем за собой право немедленно приостановить предоставление Услуг в любое время и без каких-либо обязательств, если вы каким-либо образом нарушите настоящие Условия.
   3. Если вы нарушите какое-либо условие или условие этого документа и не сможете устранить такое нарушение в течение 14 дней с момента получения вами письменного уведомления от нас, указывающего на нарушение и требующего его устранения, мы можем по своему усмотрению рассматривать этот документ как прекращенный, и в этом случае мы сохранит за собой Права интеллектуальной собственности в Сервисах, даже если мы ранее согласились передать их.
   4. Прекращение действия из-за нарушения вами данного документа никоим образом не ущемляет наши права, включая наше право на получение оплаты за оказанные услуги.
6. Без запроса
   1. Вы не должны в течение срока действия этого документа или в течение 6 месяцев после завершения любого проекта, который мы берем на себя:
      1. нанимать, заключать договор или нанимать услуги любого из наших сотрудников, или
      2. побуждать или пытаться склонить кого-либо из наших сотрудников к расторжению их соглашений или контрактов с нами.
7. Общие
   1. Все уведомления и согласия, требуемые или разрешенные для предоставления в соответствии с данным документом, должны быть в письменной форме и предоставлены путем личного обслуживания, предоплаченных почтовых услуг, факсимильной передачи или передачи по электронной почте по адресам сторон, указанным в этом документе, или по адресу другой адрес, который одна из сторон может указать другой путем письменного уведомления.
   2. Ни этот документ, ни какие-либо права или обязанности по этому документу не могут быть уступлены или переданы иным образом одной из сторон без предварительного письменного разрешения другой стороны.
   3. Если мы не будем действовать в отношении нарушения вами данного документа, это не лишает нас права действовать в отношении этого или последующих или подобных нарушений.
   4. Ничто из изложенного в этом документе не представляет вас и нас как партнеров и не создает отношения между работодателем и служащим, хозяином и служащим или принципалом и агентом между сторонами. Ни одна из сторон не имеет права делать какие-либо заявления, заверения или обязательства любого рода или предпринимать какие-либо действия, которые будут иметь обязательную силу для другой стороны, за исключением случаев, прямо предусмотренных в этом документе или разрешенных в письменной форме.
   5. Если какое-либо положение этого документа будет признано недействительным или не имеющим исковой силы, остальные положения никоим образом не должны быть затронуты или нарушены. Этот документ должен быть составлен таким образом, чтобы максимально приблизить реализацию намерений сторон в том виде, в котором они были изначально выполнены.
   6. Настоящие положения и условия регулируются и должны толковаться в соответствии с законодательством штата Виктория, Австралия. Стороны подчиняются неисключительной юрисдикции судов этого государства.
8. Определения

История вопроса IP означает Права интеллектуальной собственности, принадлежащие любой из сторон непосредственно до даты заключения настоящего соглашения или разработанные независимо от этого соглашения.

Права интеллектуальной собственности означает все настоящие и будущие права, предоставляемые законом, общим правом или правом справедливости в отношении любых авторских прав, ноу-хау, торговых марок (зарегистрированных или незарегистрированных), фирменных наименований (зарегистрированных или незарегистрированных), доменные имена, изобретения, открытия, патенты, заявки на патенты, образцы, схемы схем и вся другая интеллектуальная собственность, как определено в статье 2 Конвенции об учреждении Всемирной организации интеллектуальной собственности от июля 1967 года.

Моральные права означает право указания авторства, право против ложного указания авторства и право на неприкосновенность авторства, как это определено в Законе об авторском праве 1968 (Cth).

Дизайн целевой страницы: полное пошаговое руководство

Целевые страницы — один из наиболее важных инструментов лидогенерации в вашей маркетинговой стратегии. Это страницы, которые конвертируют PPC-трафик в платежеспособных клиентов, генерируют подписку по электронной почте, повышают рейтинг вашего лидового контента в органическом поиске и продвигают ваши продукты / услуги через социальные сети.

Хотя вы хотите оптимизировать весь свой веб-сайт для конверсий, большинство из них будет происходить на целевых страницах (или страницах продуктов для брендов электронной коммерции).

Итак, вам нужно быть уверенным в том, что у вас есть умение разрабатывать конверсионные целевые страницы и оптимизировать их для решения проблем и повышения производительности с течением времени. В этом подробном руководстве я покажу вам, как создавать целевые страницы с высокой конверсией, шаг за шагом.

Что мы смотрим в этом списке?

Это руководство призвано дать вам полное пошаговое руководство по процессу создания целевых страниц с высокой конверсией.Как вы, наверное, догадались, это будет довольно длинная статья, и я разбил ее на следующие категории:

1. Подготовка : Все работы по планированию и подготовке, которые входят в создание потрясающих целевых страниц.
2. Создание фреймворка : Как разработать фреймворк, который упростит и ускорит создание целевых страниц в будущем.
3. Контент целевой страницы : Контент не получает должного внимания, но именно это действительно отличает целевые страницы с высокой конверсией от остальных, поэтому давайте убедимся, что вы справились с этой частью.
4. Психологические методы : Используйте эти мощные методы для создания убедительного контента и влияния на решения о покупке.
5. Дизайн каждого раздела целевой страницы : Как создать дизайн каждого раздела целевой страницы, сверху вниз.
6. Максимум конверсий : Как оптимизировать целевые страницы для повышения производительности с течением времени.

Вы можете щелкнуть полужирный текст в этом списке, чтобы перейти к каждому разделу и убедиться, что вы добавили эту статью в закладки, чтобы вы могли вернуться к ней для дальнейшего использования.

К тому времени, когда вы закончите изучение этого руководства, вы будете иметь твердое представление обо всем процессе разработки целевых страниц, которые обеспечивают высокий коэффициент конверсии, привлекают потенциальных клиентов и повышают ценность вашего бизнеса.

Итак, давайте начнем с того, как спланировать и подготовиться к созданию вашей первой потрясающей целевой страницы.

Планируйте заранее для

каждые целевой страницы

Как и все в маркетинге, в основе успеха лежит планирование, и правильное выполнение этого этапа процесса принесет пользу каждой целевой странице, которую вы создадите в будущем.Состояние планирования также становится легче (и быстрее), чем больше вы его выполняете. Так что не бойтесь потратить на это немного больше времени на раннем этапе — вы будете вознаграждены за это позже.

Шаг №1: Получите достойный конструктор целевой страницы

Первое, что нужно знать о разработке убийственных целевых страниц, это то, что вам нужно создать много из них. В идеале каждая уникальная цель кампании должна иметь свою уникальную целевую страницу, и вы даже можете создать несколько страниц для разных целевых аудиторий.

«Компании с 30 и более целевыми страницами генерируют в 7 раз больше потенциальных клиентов, чем компании с менее 10».

Согласно исследованию Preface Studios, компании с 30 и более целевыми страницами генерируют в семь раз больше потенциальных клиентов, чем компании с менее чем 10 — это в три раза больше целевых страниц, генерирующих в семь раз больше потенциальных клиентов.

Вам понадобится помощь, чтобы создать и протестировать все эти целевые страницы, и есть несколько отличных инструментов для целевых страниц, таких как Unbounce, Instapage и Leadpages, которые предлагают конструкторы страниц с перетаскиванием — так что вы можете быстро создавать целевые страницы без написание любого кода.

Шаг № 2: Определите свою аудиторию для каждой целевой страницы

Причина, по которой вам нужно создавать много целевых страниц, заключается в том, что вы хотите ориентироваться на конкретные потребности пользователей для каждой аудитории, и общее правило состоит в том, что чем более актуальным вы являетесь в обмене сообщениями, тем выше должны быть ваши коэффициенты конверсии и другие ключевые показатели эффективности.

Допустим, вы продвигаете программную платформу, которая упрощает управление бизнесом. Вместо того, чтобы создавать одну целевую страницу с сообщением о том, сколько времени и денег ваш продукт может сэкономить предприятиям, вы хотите создать отдельные целевые страницы для вашей конкретной целевой аудитории, например: бухгалтеров, организаторов мероприятий, креативщиков, высококлассных маркетинговых агентств и любых других аудитории наиболее подходят для вашего продукта (и выгодны для вашего бренда).

Определив эти аудитории, вы можете определить, какие их самые большие цели связаны с таким продуктом, как ваш, и построить вокруг них сообщения своей кампании, вместо того, чтобы нацеливать всех на общие сообщения.

Это очень важно для дизайна целевой страницы.

Шаг 3. Определите цели конверсии

Каждый раз, когда вы садитесь создавать новую целевую страницу, первое, что вам нужно уточнить, — это ваша цель конверсии. Вы просите пользователей купить прямо сейчас, подписаться на бесплатную пробную версию, загрузить некоторый контент для генерации лидов, посетить веб-семинар, подписаться на ваш список рассылки или достичь какой-либо другой цели конверсии?

Как бы то ни было, вы не создадите привлекательное сообщение целевой страницы, если не знаете точно, что вы пытаетесь заставить пользователей делать.Поэтому убедитесь, что вы определили цель конверсии, как только начнете планировать создание новой целевой страницы, и держите ее в центре внимания при каждом выборе дизайна, который вы делаете.

Одна из самых простых ловушек, в которую можно попасть при разработке дизайна целевой страницы — это отвлечься от своей цели конверсии, и именно здесь вы начинаете принимать решения по неправильным причинам.

Несмотря на то, что вам говорят многие руководства по целевым страницам и передовые практики, вполне допустимо иметь более одной цели конверсии на одной целевой странице (как показано в примере Kissmetrics выше).Фактически, я бы пошел до и рекомендовал , что у вас есть две цели конверсии для каждой целевой страницы, которую вы создаете.

Хитрость заключается в том, чтобы точно определить ваши основные цели конверсии и сделать их звездой вашей целевой страницы. Ваша основная цель конверсии должна доминировать на странице и привлекать примерно 90% внимания пользователей. Ваши вторичные цели конверсии предназначены для посетителей, которые не совсем готовы к совершению, но достаточно заинтересованы, чтобы выполнить менее требовательное действие, которое будет поддерживать их взаимодействие с вашим брендом и позволит вам продолжать таргетинг на них с помощью сообщений.

Шаг 4. Создайте сообщение целевой страницы

Определив целевую аудиторию и цели конверсии, вы готовы приступить к созданию сообщения для целевой страницы. Именно здесь ваше исследование аудитории действительно окупится, и чем лучше вы будете определять уникальные потребности каждой аудитории, тем легче будет создавать сообщения с высокой конверсией.

На этом этапе вам не нужно беспокоиться об улучшении содержания всей целевой страницы — мы вернемся к этому позже.А пока сконцентрируйте свое внимание на ключевом коммерческом аргументе, который вы хотите использовать. Вы должны иметь возможность создать на основе этого единый заголовок, который найдет отклик у вашей целевой аудитории и станет основой всего сообщения вашей целевой страницы.

Как только вы его получите, у вас будет рабочая версия заголовка целевой страницы и прочная основа для сообщения в разделе вашего героя, которое вы сможете уточнить позже. Это основное сообщение также будет в центре внимания ваших объявлений PPC, фрагментов в органических списках и публикаций в социальных сетях — независимо от того, на что люди нажимают, чтобы перейти на вашу целевую страницу.

Шаг № 5: Создайте кампании на основе ваших целевых страниц

Как я уже упоминал в предыдущем пункте, ключевое сообщение вашей целевой страницы будет в значительной степени тем же самым сообщением в ваших объявлениях PPC, сообщениях в социальных сетях и во всем остальном, что вы используете для их продвижения. Другими словами, это сообщение станет основой всей вашей кампании, которая вращается вокруг каждой целевой страницы.

Чтобы упростить этот процесс и связать все вместе, как и должно быть (здесь важна последовательность), я рекомендую планировать каждую кампанию в следующем порядке:

1. Выберите цель (цели) конверсии
2. Выберите целевую аудиторию
3. Выберите каналы продвижения (контекстная реклама, обычный поиск, соцсети, электронная почта и т. Д.).)
4. Определите свое ключевое сообщение
5. Сделайте это сообщение единообразным для каждой кампании, включая каналы, которые вы используете для привлечения трафика на свои целевые страницы.

Лично мне легче создавать кампании вокруг целевых страниц, потому что именно сообщение на этих страницах и аргументы, которые вы сообщаете, необходимо сообщать на каждом этапе кампании — от исследования ключевых слов до объявления / публикации и таргетинга. варианты, которые вы используете, чтобы ваше сообщение увидела нужная аудитория.

Создайте структуру целевой страницы

Когда вы создаете и оптимизируете целевые страницы на постоянной основе, действительно помогает наличие структуры (или нескольких структур), чтобы исключить повторяющуюся работу по дизайну. Вы можете создать их в любом приличном конструкторе целевых страниц, что даст вам отправную точку с точки зрения макета, соглашений о дизайне и выбора стиля.

Это не только сэкономит вам кучу времени, но и поможет сохранить единообразие стилей на каждой создаваемой целевой странице.

Вот несколько советов для начала.

Шаг 6: Откажитесь от заголовка навигации

Я упоминал об этом несколько раз в блоге Venture Habour, и это общая передовая практика, которой следует придерживаться при дизайне целевой страницы. В отличие от домашней страницы, которая предназначена для подключения пользователей к наиболее релевантным частям вашего веб-сайта, целевая страница должна иметь четкие цели конверсии, и вы не хотите, чтобы пользователи отвлекались на другие вещи.

Меню навигации может отвлекать пользователей от ваших целей конверсии.

Наличие меню навигации в верхней части страниц просто дает пользователям возможность переходить по частям вашего веб-сайта, которые не будут вызывать конверсии.

Удалите меню навигации с целевых страниц, чтобы пользователи могли сосредоточиться на текущей задаче.

Люди переходят на ваши целевые страницы, потому что сообщение в вашей рекламе, поисковой выдаче, публикации в социальных сетях или электронной почте вызвало их интерес. Они уже вложили средства в вашу цель конверсии (по крайней мере, в некоторой степени), и вы часто платили за их достижение — так что не давайте им возможности отклониться от графика.

Избавьтесь от этих меню навигации и следите за посещаемостью целевой страницы.

Шаг 7: Начните с макета в один столбец

Еще одна передовая практика, которую я рекомендую для каждой разрабатываемой целевой страницы — это макеты в один столбец. Под этим я подразумеваю, что основная структура вашей страницы вертикально укладывает полноразмерные блоки div друг на друга, и это особенно хорошо работает с текстом, выровненным по центру, как вы можете видеть ниже:

Источник: Instapage , Getquip.ком

Это не значит, что вы не можете добавить нечетный набор столбцов, где вам нужно показать несколько версий связанного контента, что вы также можете увидеть в разделе выше, где Quip перечисляет три награды и сертификаты для своего продукта.

Однако общий шаблон здесь — это отдельные столбцы с полноразмерными блоками div, уложенными друг над другом, и блоки, содержащие три столбца, в которых вы хотите создать списки преимуществ, наград, отзывов и других групп связанного контента.

Есть много причин, по которым этот шаблон является хорошим вариантом:

• Ваши целевые страницы будут одинаковыми с точки зрения дизайна и стилей (выбор шрифтов, стили, размеры, макеты, поля и т. Д.)
• Полноразмерные блоки div заставляют вас создавать краткие сообщения, сосредотачиваясь на одной точке в каждом разделе.
• Это придает каждому сообщению большее воздействие, снижает отвлекающие факторы и упрощает навигацию по страницам.
• Этот формат также сделает сообщение в каждом разделе более запоминающимся
• Полноразмерные макеты по умолчанию являются адаптивными, поэтому целевые страницы в значительной степени оптимизированы для мобильных устройств еще до того, как вы начнете (просто убедитесь, что размер текста и изображений соответствует адаптивному дизайну).
• Отдельные столбцы дают вам много свободного места для работы, делая ваши основные сообщения и кнопку CTA более заметными.
• Вы можете выровнять текст и другие части контента, чтобы сделать ваши призывы к действию более заметными (подробнее об этом в , шаг № 10 ).
• Наличие такого шаблона сделает разработку будущих целевых страниц быстрее, проще и эффективнее.
• При необходимости вы можете просто добавить новые разделы в существующий шаблон.
• Вы можете оптимизировать каждый раздел по отдельности, чтобы повысить производительность и поэтапно увеличивать конверсию.

Единственным реальным недостатком этого подхода является то, что вы можете чрезмерно полагаться на шаблоны и упускать творческие возможности для чего-то другого. Однако в подавляющем большинстве случаев согласованность будет превосходить инновации, а продуктивность, безусловно, улучшится, если на вашей стороне будет надежный набор шаблонов.

Шаг № 8: По возможности придерживайтесь трех столбцов

Хотя я обычно рекомендую макеты с одним столбцом для целевых страниц, на каждой странице есть части, которые собираются сгруппировать вместе несколько версий схожей информации, по существу, в форме визуальных списков.Это обычное дело для списков преимуществ, ключевых функций, социальных доказательств и других элементов, где вам нужно отображать группы информации.

Они будут отображаться в виде столбцов на рабочем столе и на более широком дисплее, но на мобильных устройствах они будут расширены до полноразмерных div.

В качестве приблизительного ориентира у вас будет 1–3 из этих разделов на каждой целевой странице, которую вы разрабатываете, и вы действительно не хотите иметь ничего, кроме этого. Помните, что они будут складываться в вертикальные списки для мобильных пользователей, и ваши целевые страницы быстро станут слишком большими для мобильной прокрутки.

Кроме того, при создании этих разделов списка по возможности придерживайтесь трех столбцов. Это уменьшит вертикальную прокрутку, необходимую мобильным пользователям, но для этого есть более важные причины, которые я описал в предыдущих статьях.

Я называю это техникой магических чисел, когда списки из трех более эффективны, чем любые числа, и для этого есть множество дизайнерских и психологических причин:

• Правило шансов: Принцип дизайна, который описывает, как нечетное количество элементов / предметов в поле зрения делает их визуально более привлекательными.
• Правило трех: Принцип письма, который описывает, как трио событий или символов приносит большее удовлетворение, чем другие числа.
• Когнитивная нагрузка: Помня о правиле разногласий, списки из них намного легче усвоить и запомнить, чем списки из пяти или более
• Объем памяти: Исследования показывают, что человеческий разум способен запоминать только примерно четыре части информации одновременно.
• Смещение привязки: Психологическая привычка, которая описывает, как люди придают большее значение первой части информации, которую они получают, которая также влияет на то, как они интерпретируют следующие части информации.
• Эффект последовательной позиции: Психологическая привычка, которая описывает, как первая и последняя информация в списке имеет большее влияние и оказывается более запоминающейся.

Итак, что вы хотите сделать, это создать списки из трех, в которых наиболее важная информация идет первой, а вторая по важности — последней. Человеческая психология в значительной степени сделает остальную работу за вас, и единственная реальная оставшаяся проблема — это сжать большие списки информации в списки из трех.

Шаг № 9: Выберите, где разместить ваши CTA

Размещение

CTA — одно из наиболее важных решений, которые вы собираетесь принять для каждой целевой страницы, и это то, что может варьироваться от одной страницы к другой. Вы также захотите поэкспериментировать с размещением, протестировав разные позиции, чтобы увидеть, какие из них лучше всего подходят для вас.

Тем не менее, я все же рекомендую использовать шаблоны для размещения ваших призывов к действию в первые дни, чтобы вы могли сохранять последовательность. Это сделает ваши данные более надежными, когда дело доходит до тестирования вариантов на более поздних этапах.

Существует два основных подхода к размещению призывов к действию: в верхней части страницы для пользователей с высокими намерениями, которым не нужны дополнительные убедительные доказательства для конверсии, и в нижней части страницы для пользователей, которым потребуется дополнительная информация, прежде чем действовать.

Теперь лучшее место размещения для каждой целевой страницы будет зависеть от того, насколько высоки намерения пользователей, когда они попадают на вашу страницу, насколько требовательна ваша цель конверсии (например, покупка или бесплатная загрузка), насколько эффективен ваш таргетинг и многое другое. факторы.

В качестве отправной точки вы можете решить разместить призывы к действию в разделах героев, а затем повторить один и тот же призыв к действию (та же цель конверсии, немного другая формулировка) несколько раз на всей целевой странице, чтобы вы могли эффективно охватить обе базы для активных пользователей и тем, кому нужно больше убедительности.

По мере того, как ваши кампании становятся более сложными, вы можете начать более решительно подходить к размещению CTA в зависимости от того, сколько намерений вы ожидаете от трафика целевой страницы.

Наконец, я рекомендую разместить второй призыв к действию внизу вашей целевой страницы, предлагающий пользователям завершить вторичную конверсию, если они не готовы купить вашу первую.

Шаг № 10: Используйте перевернутую пирамиду для CTA

Ранее я упоминал об использовании текста и других частей контента в одностолбцовых макетах, чтобы сделать ваши призывы к действию более заметными, и в этой стратегии используется метод проектирования, известный как перевернутая пирамида.Это создает визуальную стрелку (или перевернутую пирамиду), которая буквально указывает на ваш CTA или другие важные части ваших страниц.

Это ключевая концепция дизайна, используемая в дизайне целевой страницы, маркетинге по электронной почте и практически любой стратегии, которая использует призывы к действию. Помимо того, что вы сделаете призыв к действию более заметным, вы также захотите убедиться, что случайно не используете эту технику в неправильных местах, чтобы менее важные элементы выделялись больше, чем они должны.

Шаг № 11: Выберите цветовую схему

Цветовые схемы — это та область, в которой вы хотите добиться единообразия на целевых страницах.Вам не обязательно выбирать цвета при разработке новых целевых страниц, потому что 90% этих вариантов будет встроено в ваши шаблоны.

Вы захотите создать базовую цветовую схему, которая реализует цвета вашего бренда, задает тона и стили (например, пастельные цвета против ярких цветов и т. Д.) И имеет коллекцию цветов фона, цветов выделения, цветов шрифтов, кнопок CTA и все ключевые элементы на ваших страницах.

Шаг № 12. Выберите шрифты Шрифты

должны иметь даже большую согласованность, чем цвета на целевых страницах, и вам следует придерживаться относительно небольшой библиотеки вариантов шрифтов, стилей, восьмерок и цветов, назначенных конкретным элементам (например: заголовкам, подзаголовкам, тексту абзаца и т. Д.).

Опять же, вам не следует принимать никаких решений при создании новых целевых страниц; эти шрифты должны автоматически назначаться соответствующим элементам при добавлении текста. Конечно, вы сохраняете свободу вносить любые небольшие изменения, где это необходимо (например, переходить на тонкую курсивную версию того же шрифта, чтобы отличать определенную строку текста от других).

Шаг № 13: Создайте свои формы

Вы должны хорошо представлять себе, какие веб-формы вам понадобятся (подписка по электронной почте, создание учетной записи, подписка на демонстрацию, покупка продукта и т. Д.)) на основе ваших целей конверсии. Каждая из этих форм будет отображаться на нескольких целевых страницах, поэтому рекомендуется сначала разработать их, поскольку это значительно упростит поддержание единообразия.

Таким образом, вы можете просто выбрать, какую форму встроить на целевую страницу, и все готово. Мы используем Leadformly для создания многоступенчатых форм с высокой конверсией (которые, как было установлено, увеличивают конверсию до 743%). Вы можете выбирать формы из готовых шаблонов, создавать свои собственные с помощью конструктора перетаскивания и встраивать их на любую страницу всего вашего веб-сайта.

Важно отметить, что Leadformly также поставляется со специальными инструментами оптимизации форм, чтобы вы могли улучшить UX, устранить препятствия и по-настоящему повысить коэффициент конверсии — то, что слишком многие компании упускают из виду.

Шаг №14: Создайте нижний колонтитул целевой страницы

Еще одна область целевых страниц, которая не получает столько внимания, сколько заслуживает, — это скромный нижний колонтитул. Хотя соблазнительно просто бросить в нижний колонтитул все, что вы не смогли бы разместить в другом месте, это плохой выбор дизайна, если учесть тот факт, что пользователи, которые зашли так далеко, вероятно, не нашли то, что искали, после прокрутки всей длины твоя страница.

Ваш нижний колонтитул должен выступать здесь и давать людям повод оставаться в курсе вашего бренда, иначе вы рискуете полностью их потерять.

Теперь вам нужно принять несколько решений:

• Вы добавляете еще один призыв к действию с небольшой целью конверсии?
• Включаете ли вы ссылки на другие части вашего веб-сайта, которые могут заинтересовать этих пользователей?
• Вы делаете им специальное предложение для повышения мотивации?
• Предлагаете ли вы что-нибудь бесплатно, чтобы привлечь пользователей к вашим усилиям по электронному маркетингу?
• Вы создаете общий нижний колонтитул и принимаете, что эти клиенты не заинтересованы?

Правильный подход для вас зависит от ваших целей по конверсии и от того, насколько вы цените максимальное количество конверсий по сравнению с максимизацией ценности за конверсию.Это то, что вам нужно будет постоянно тестировать, но главный урок заключается в том, что нижние колонтитулы являются важной частью ваших целевых страниц, поэтому относитесь к ним серьезно и оптимизируйте их для повышения производительности.

Создайте контент для целевой страницы

После того, как ваши шаблоны отсортированы, пора обратить наше внимание на содержание каждой целевой страницы, и именно на это следует потратить большую часть вашего времени, когда вы создаете новые целевые страницы. Ваши шаблоны должны максимально сокращать процесс визуального дизайна, чтобы вы могли сосредоточить свои усилия на создании сообщений, влияющих на решения о покупке.

Вот что вам нужно сделать.

Шаг №15: Создайте заголовок целевой страницы

Заголовок на вашей целевой странице должен охватывать все ваше предложение и ключевой аргумент в полдюжине слов или около того. Это непростая задача, но именно здесь ваше исследование аудитории докажет свою ценность, и сегментирование ваших кампаний на целевые нишевые аудитории также поможет в этом.

Имейте в виду, что заголовки вашей целевой страницы должны быть почти идентичны заголовку в вашем объявлении, списке результатов поиска или сообщениях в социальных сетях, на которые пользователи изначально нажимали, чтобы попасть туда.

Я не могу повторить это в достаточной мере: ваш заголовок — это , основная идея всей вашей кампании; причина, по которой пользователи переходят по ссылкам, и, в конечном итоге, причины, по которым они собираются совершить конверсию (или нет). Если вы не можете объединить это в один заголовок, то вы, вероятно, не знаете, в чем заключается основная идея вашей кампании или что может убедить людей перейти по ссылке и совершить конверсию.

Если вы застряли на этом, сосредоточьтесь на болевых точках ваших целевых аудиторий и определите, что ваш продукт, услуга, контент для привлечения потенциальных клиентов или что-то еще собирается сделать, чтобы их исправить.Это «решение» — то, что люди покупают, будь то набор программного обеспечения для бизнеса или новое платье — применяется тот же принцип.

Если вы хотите создать целевые страницы с высокой конверсией, начните с освоения процесса создания заголовков. Это охватывает так много фундаментальных основ, что все станет на свои места на остальной части страницы.

Шаг №16: Заполните сообщение своего героя

Раздел героев — это первое, что видят пользователи, попадая на вашу страницу.Здесь их приветствует заголовок вашей целевой страницы, а оставшийся контент — это, по сути, краткое расширение этого ключевого предложения.

Как я уже сказал, овладейте заголовками, и содержание раздела о героях почти само собой напишется.

Вы также можете включить CTA в свой раздел героев, и я расскажу об этом подробнее в следующем разделе. А пока сконцентрируйтесь на создании подстроки, которая расширяет ваш заголовок и добавляет ценность вашему общему сообщению. Убедитесь, что вы действительно понимаете ключевую пользу того, что люди получат от конвертации.

В приведенном выше примере Toggl задает вопрос и дает одно ключевое преимущество, которое может предложить его продукт. Одного ключевого преимущества должно быть достаточно, и, опять же, если вы не можете сжать содержание вашего главного раздела в один коммерческий аргумент, значит, вы недостаточно хорошо определили свое ключевое послание.

Шаг 17: Создайте копию для ваших CTA

Затем вы захотите создать копию для ваших CTA, и контент для них будет выглядеть немного по-другому, в зависимости от того, где они находятся на вашей странице.Если вы включаете призыв к действию в раздел с призывом к действию, вы указываете заголовок, а подзаголовок — это копия призывов к действию, и единственный элемент, который в данном случае отсутствует, — это кнопка с призывом к действию.

Это то, что мы видим из приведенного выше CTA, который взят с одной из целевых страниц InVision. Для CTA ниже по вашей странице вам необходимо написать их в соответствии с более широким повествованием в содержимом вашей страницы, потому что эти сообщения будут работать вместе, чтобы побудить пользователей к действию, когда пользователи прокручивают вашу страницу вниз.

Для пользователей, которые не покупают ваш первый призыв к действию, вам нужно более подробно продемонстрировать, что они собираются получить.Вы можете следить за ключевыми преимуществами, сравнивать с конкурирующими брендами, GIF-изображениями или встроенными видео, подчеркивая ваши лучшие особенности — все, что вы решите, поможет людям принять решение о покупке.

В любом случае, вы хотите адаптировать свой CTA-текст на всей странице, чтобы усилить ваше сообщение, поскольку оно становится более интересным. Это займет некоторое время (и тестирование), поэтому не бойтесь уточнять свои CTA-сообщения после того, как ваша кампания будет запущена.

Узнайте, что работает с вашей целевой аудиторией, и примените свои выводы на будущих целевых страницах.

Шаг № 18: Определите ваши ключевые преимущества

Я упомянул ключевые преимущества в предыдущем разделе, и это одна из самых важных частей любой целевой страницы. Большинство пользователей собираются прокрутить мимо вашего первого призыва к действию, и именно здесь вам нужно поразить их самыми заманчивыми предложениями, ключевыми преимуществами, которые ваше предложение принесет в их жизнь.

Как я объяснил в Шаге № 8 , я настоятельно рекомендую вам сжать свой список преимуществ до трех пунктов.Психологически это придает вашим преимуществам большее влияние и делает их более запоминающимися и, с точки зрения дизайна, более легкими для просмотра, усвоения и понимания пользователями.

Этот подход к дизайну также очень хорошо работает в адаптивном дизайне.

Все, что вам нужно сделать сейчас, — это сократить свой список преимуществ до трех ключевых моментов. На самом деле попытайтесь определить преимущества, которые будут побуждать пользователей к покупке, и это еще кое-что, что вам может потребоваться со временем проверить.

Начните с вашего самого важного преимущества и завершите со вторым по важности.Наконец, последуйте за ним с призывом к действию, призывающим пользователей купить те ключевые преимущества, над определением которых вы так усердно работали.

Шаг №19: Определите, что еще нужно знать пользователям

Практически каждая целевая страница, которую вы собираетесь создать, будет иметь раздел с героями, основной призыв к действию и раздел с ключевыми преимуществами, за которым следует призыв к действию раздела. Вы можете использовать этот формат в качестве начального шаблона. Вещи начнут меняться больше, так это контент, который появляется после этих преимуществ, и именно здесь вам нужно точно определить, какая дополнительная информация нужна пользователям для увеличения их покупательского намерения.

Если у вас сложный продукт / услуга или существует большая конкуренция в вашей сфере (и вам нужно усерднее работать, чтобы выделиться), вам, возможно, придется подробнее рассказать о своем продукте / услуге.

Вот где действительно важно общее правило преимуществ и возможностей.

Старайтесь не давать слишком подробных сведений о том, на что способны ваш продукт или услуга; сосредоточиться на том, чтобы рассказать о том, что он может сделать для конечного пользователя. Это может показаться простым, но многие компании ошибаются.Функции — это просто инструменты, которые помогают людям добиваться чего-то, и на самом деле люди не на это покупаются.

Они покупаются на чувство: чувство, что вы собираетесь как-то улучшить их жизнь. Это в равной степени относится к потребительским техническим продуктам, которые полностью ориентированы на функции. Например, iPhone 11 Pro оснащен инновационной камерой с линзами, но это никого не волнует.

Люди будут покупать iPhone 11 Pro, потому что они чувствуют себя хорошо, имея в своем распоряжении новейший телефон премиум-класса, и они покупаются на уловку камеры, потому что думают, что это сделает их ленты в Instagram более интересными.

Это может показаться поверхностным, но продаётся.

Если вам не повезло с продажной мощью Apple, вам придется работать еще усерднее, чтобы уловить эмоциональный триггер, который заставляет людей покупать. И после того, как вы убедили людей, что ваш продукт для них, ваша следующая цель — устранить все оставшиеся у них сомнения, чтобы помешать им нажать кнопку покупки.

Здесь такие заверения, как бесплатные пробные версии, гарантии возврата денег, гарантии и другие формы защиты, которые заставляют людей чувствовать, что им нечего терять.

Шаг № 20: Выберите методы социальной защиты

Социальное доказательство — еще один мощный инструмент для облегчения беспокойства покупателей, и существуют различные методы, которые вы можете использовать, чтобы уменьшить беспокойство и укрепить доверие. Вот краткий обзор некоторых вариантов, чтобы понять, с чего начать:

• Отзывы клиентов: Особенно от надежных сторонних платформ, таких как Google Reviews и Trustpilot.
• Средний балл: Исследования показывают, что средний балл 4.2–5,5 из 5 на платформах для обзора имеют наибольшее положительное влияние на конверсию.
• Экспертные обзоры: Положительная оценка вашего бизнеса, продуктов или услуг отраслевыми экспертами — важный знак одобрения для новых клиентов.
• Освещение в прессе: Вы, должно быть, делаете что-то правильно, если о вас пишут крупные издания.
• Отзывы: Аккаунты ваших существующих клиентов, которые быстро объясняют, чего вы для них достигли.
• Примеры из практики: Более подробный анализ того, что сделал ваш бизнес или продукт, чтобы помочь вашим существующим клиентам.
• Известные клиенты: Если у вас есть портфель известных брендов, доверяющих вашему бизнесу, почему бы не привлечь новых пользователей?
• Отраслевые награды: Еще одна печать одобрения от коллег по отрасли и предложение обойти конкурентов и получить приз.
• Партнерские отношения: Вотум доверия от брендов, которые хотят ассоциироваться с вашим бизнесом.

Вам нужно максимум 3-4 типа социального доказательства на каждой целевой странице, но правильная комбинация вариантов социального доказательства может варьироваться от одной страницы к другой. Поэтому имеет смысл выбрать, с какими вариантами вы собираетесь работать, и уже сейчас создавать контент для них всех. Таким образом, вы можете разработать каждый метод и комбинации тестов на каждой странице, чтобы определить, какой из них имеет наибольшее влияние.

Шаг № 21: Создание / источник визуального контента

После того, как текстовый контент отсортирован, пора подумать о визуальных эффектах, и вам понадобятся качественные изображения, чтобы вдохновить посетителей.Инвестируйте в профессиональную фотографию или дизайн, чтобы отсортировать эти визуальные эффекты, и вы также захотите создать библиотеку визуального контента, которую вы можете использовать на каждой целевой странице, например: значки, логотипы, макеты, диаграммы и все, что вы собираетесь нужно.

Согласованность важна, поэтому вам нужно убедиться, что у вас достаточно значков, например, в одном стиле для всех ваших целевых страниц (включая будущие).

В идеальном мире у вас будет штатный дизайнер или дизайнер-фрилансер, который сможет предоставить то, что вам нужно, и тогда, когда вам это нужно.В противном случае вам нужно будет посетить веб-сайты ресурсов, такие как Envato Elements, где вы можете загрузить графику или простые инструменты дизайна, такие как Canva, чтобы создать то, что вам нужно.

Дополните свою копию целевой страницы этими психологическими приемами

Как только вы подумали, что закончили с копией целевой страницы, у меня есть несколько советов, которые помогут вам зарядить ваш контент и сделать его слишком привлекательным, чтобы сопротивляться. К этому этапу вы изложили все важные вещи, и эти психологические техники добавят последние штрихи, которые действительно влияют на решения о покупке.

Шаг №22: Создайте стимул на всех ваших целевых страницах (и кампаниях)

У людей есть естественное сопротивление расставанию со своими деньгами — и они должны это делать. У них также есть инстинктивное недоверие к брендам, которым они еще не доверяют, и это должно быть у любого подкованного потребителя или бизнеса, особенно в сегодняшнем онлайн-мире.

К этим естественным сомнениям людей, которые могут иметь с вами дело по поводу ведения бизнеса, добавляются всевозможные препятствия.Необходимо заполнить формы, указать платежные реквизиты, и во многих случаях клиентам необходимо дождаться доставки или настройки покупки.

По правде говоря, у людей гораздо больше причин , а не покупать у вас, чем у них есть – причин покупать у вас.

Чтобы преодолеть это, вы собираетесь следовать так называемой модели поведения Фогга, которая показывает, как намерение совершить покупку преодолевает барьеры конверсии. По сути, чем сложнее людям достичь ваших целей конверсии, тем больше вам нужно создавать стимулы и мотивировать людей преодолевать эти препятствия.

Если вознаграждение будет сочтено достаточно большим, люди пойдут на все, чтобы получить его.

Примените эту философию к своему экземпляру целевой страницы, но также разработайте стратегию всех своих кампаний, чтобы стимулировать дальнейшее продвижение пользователей по воронке продаж. Из-за этого им будет все труднее покинуть поле до финиша.

Шаг 23: Создайте ощущение дефицита

Вы также можете использовать врожденную тревогу людей для увеличения продаж, а дефицит — один из самых фундаментальных маркетинговых принципов, используемых для окончательного толчка потенциальных клиентов.Дефицит использует естественный страх упустить что-то, чтобы заставить людей принимать решения о покупке, которые они, возможно, не приняли бы в противном случае.

Есть два типа дефицита, которые можно встретить в Интернете и в других маркетинговых каналах:

• Нехватка предложения: Это говорит людям об ограниченном количестве продукта или наличии чего-либо.
• Недостаток времени: Это говорит людям, что срок действия предложения ограничен, и если они оставят его слишком поздно, оно исчезнет навсегда.

Эти две формы дефицита используются всевозможными способами — от таймеров обратного отсчета до ограниченных по времени предложений до более тонких методов, таких как VIP-членство или контент, подразумевающий дефицит, например, призывы к действию вроде «Получите свой [продукт], пока еще можете ».

Вы увидите, как вопиющая тактика дефицита постоянно используется в приложениях для бронирования отелей и в магазинах электронной коммерции, но лучшие бренды знают, как создать ощущение дефицита, не делая его очевидным — и именно здесь оно оказывается наиболее влиятельным.

Например, компания-производитель программного обеспечения может создать бета-версию программы с «ограниченными» пространствами для клиентов, предоставляя им бесплатный доступ к функциям до их развертывания во всех учетных записях. Хитрость в том, что не-премиум-участники внезапно потеряют доступ к премиум-функциям, когда они будут полностью выпущены. После того, как вы воспользуетесь преимуществами этих функций, их будет сложно потерять, и единственное решение — перейти на профессиональную версию, чтобы вернуть их.

Шаг № 24: Влияйте на решения покупателя с помощью этих когнитивных предубеждений

Дефицит — мощный инструмент в маркетинге, но есть все виды психологических триггеров, которые вы можете использовать, чтобы повлиять на решения о покупке.Я уже писал о когнитивных предубеждениях и о том, как их можно использовать для создания привлекательных призывов к действию, и вот некоторые из эффективных стратегий, используемых брендами:

1. Неприятие потери: Естественный страх людей потерять или упустить что-то.
2. Якорь: Наша склонность больше зависеть от первой информации, которую мы получаем, чем от последующих.
3. Эффект ореола: Причина, по которой первое впечатление так трудно изменить.
4. Погрешность невозвратной стоимости: Принуждение к завершению чего-либо после того, как вы уже потратили на это время.
5. Эффект эндаумента: Заставляет людей придавать дополнительную ценность вещам, которыми они владеют, а не тем, которыми они не владеют.
6. Эффект простого воздействия: Почему люди предпочитают то, с чем они уже знакомы.
7. Эффект порядкового номера: Как первый и последний элементы в списке кажутся более важными, чем другие.
8. Взаимность: Почему, когда вы что-то делаете для кого-то, у него есть естественная тенденция хотеть сделать что-то для вас взамен.
9. Феномен Баадера-Майнхоф: Когда вы что-то видите впервые, это заставляет вас внезапно замечать все.
10. Дословный эффект: Причина, по которой мы запоминаем суть того, что нам говорят, а не конкретные детали.
11. Кластеризация: Наша привычка кластеризовать похожие фрагменты информации вместе, чтобы сделать их более запоминающимися.

Я уже объяснял, почему эффект последовательной позиции является одной из многих причин, по которым списки троек так эффективны в дизайне целевой страницы, и это лишь один пример того, как эти принципы можно использовать для создания привлекательных страниц.

Ознакомьтесь с этими когнитивными предубеждениями и сделайте их важной составляющей во всех своих маркетинговых усилиях.

Расти без догадок

Знайте, какие кампании будут работать без потери бюджета с нашим последним предприятием TrueNorth.

Получите бесплатный ранний доступ

Дизайн каждого раздела целевой страницы

Теперь мы готовы приступить к разработке ключевых элементов вашей целевой страницы, и именно здесь мы собираемся сосредоточиться исключительно на визуальном дизайне. В этом разделе мы рассмотрим следующие разделы, которые вам понадобятся практически для каждой целевой страницы, которую вы создаете:

• Раздел героя
• Призывы к действию
• Ключевые преимущества
• Социальное доказательство
• Заключительный CTA

Во многих случаях это единственные разделы, которые вам понадобятся для целевой страницы (плюс ваш верхний и нижний колонтитулы), и практически для каждой целевой страницы, которую вы создаете, потребуются эти ключевые разделы.

Шаг № 25: Создайте раздел своего героя

Во-первых, у нас есть раздел о героях, и есть два подхода, на которых я хочу сосредоточиться здесь. Первый — это дизайн по центру с заголовком, подзаголовком, кнопкой CTA и фоновым изображением.

Это один из наиболее распространенных, но эффективных форматов разделов героев, и его очень просто создать. За большим заголовком следует подстрока меньшего размера (возможно, слишком мелкая в приведенном ниже примере) и кнопка CTA.

Источник: Ежедневный урожай

Это создает дизайн с призывом к действию в виде перевернутой пирамиды, который я упоминал в , шаге 10 , буквально указывая пользователям на цель конверсии. Это отличный подход, если вы знаете, что намерение совершить покупку велико или ваше предложение очень простое — например, предложение включить в свой рацион больше фруктов и овощей.

Для более сложных сообщений вы все равно можете использовать подход с выравниванием по центру, но расширите свое предложение ниже по странице.Или вы можете выровнять текст героя по левому краю и сбалансировать его с изображением, которое передает ваше основное предложение, как это делает Unbounce в приведенном ниже примере.

Источник: Unbounce

В этом случае текст, выровненный по левому краю, уравновешивается изображением справа, что позволяет Unboucne визуально передавать копию в ее главном разделе. Это тоже распространенный подход, но его гораздо сложнее реализовать, и вы можете видеть, как много происходит в разделе героев Unbounce.

Я уверен, что они протестировали этот дизайн и обнаружили, что он работает, но я советую ознакомиться с принципами макета дизайна и убедиться, что вы понимаете, что делаете, прежде чем начинать выравнивать текст по левому краю в разделах героев.

Шаг № 26: Создайте CTA

Мы уже рассмотрели разработку макета и структуры CTA. Шаг № 10 и этот важнейший принцип построения перевернутой пирамиды. Однако я не собираюсь повторять это снова на этом этапе, особенно когда есть так много других моментов, которые нам нужно затронуть в дизайне CTA.

Освоение принципов дизайна CTA улучшит все остальные аспекты ваших целевых страниц, потому что одни и те же правила обычно применяются во всем веб-дизайне.

Мы уже рассмотрели текст и макет CTA, а это значит, что вам необходимо усвоить следующие принципы:

• Стили текста: Шрифты, толщина, стили и размеры текста.
• Цвета: Цвет текста, кнопки CTA и цвет фона.
• Пробел: Расстояние между различными элементами вашего CTA (и пространство между вашим CTA и другими элементами на странице).
• Contrast: Цветовой контраст является наиболее важным из них, но вы также можете использовать размер, стиль и контраст размещения.

Во-первых, давайте поговорим о контрасте, потому что это влияет на три других принципа в этом списке. Белый фон и черный текст обеспечивают максимально возможный цветовой контраст для ваших призывов к действию, поэтому начните с этого в качестве дизайна по умолчанию.

Если ваш призыв к действию идет после раздела, в котором уже используется белый фон и черный текст, выберите полужирный цвет из схемы (вы уже выбрали их в Step # 11 ) и используйте белый текст, чтобы инвертировать контраст.

Вы уже выбрали шрифты, но собираетесь использовать контраст стилей (разные шрифты, стили шрифтов, толщину, размеры, регистр и т. Д.), Чтобы выделить каждый фрагмент текста CTA. Это особенно важно, если у вас есть несколько строк текста для работы с призывом к действию.

Помимо выделения всего вашего призыва к действию, это та кнопка, которая действительно должна привлекать внимание пользователей, и именно здесь контраст необходимо поднять до 100%. Белый текст обычно лучше всего сочетается с жирным цветом выделения, используемым для самой кнопки — просто убедитесь, что у вас есть строгие ограничения на фон, вашу копию CTA и текст на вашей кнопке.

Contrast — ваш лучший друг в дизайне CTA, поэтому обязательно изучите принципы дизайна, лежащие в основе этого, а также стили текста, цвета и пробелы. Благодаря этому улучшится весь дизайн вашей целевой страницы, и, в конечном итоге, повысится и коэффициент конверсии.

Шаг № 27: Составьте свой список преимуществ

Мы уже рассмотрели технику магических чисел и почему списки из трех преимуществ обычно наиболее эффективны (, шаг № 8, ), но теперь давайте посмотрим на визуальное оформление ваших преимуществ.

Еще раз, есть действительно отличный шаблон, который вы можете использовать для этого раздела снова и снова. Во-первых, вам понадобятся значки или графика, которые визуально представляют каждое преимущество. Это делает три вещи:

1. Выделяет ваши преимущества визуально
2. Значки наглядно объясняют каждое преимущество
3. Это позволяет использовать меньше текста

В итоге вы получаете привлекательный и визуально убедительный список преимуществ. Осталось только добавить заголовок, выделенный жирным шрифтом, для каждого преимущества, а затем добавить небольшой текст с кратким описанием каждого из них.

Готово.

Шаг № 28: Создайте раздел социального доказательства

Вы уже решили, какие типы социальных доказательств вы собираетесь использовать и какой контент включать. Теперь пришло время создать для них визуальный дизайн, и подход будет отличаться для каждого типа социального доказательства.

Для списков клиентов, партнеров и освещения в прессе лучше всего использовать их логотипы для создания трафаретных значков одного цвета (в идеале белого цвета на цветном фоне или черного / полужирного цвета на белом фоне.)

Для отзывов у вас есть больше вариантов дизайна с точки зрения формата. Все, что я скажу, — убедитесь, что вы включили фотографии каждого клиента, их полное имя, компанию и должность (если уместно) и подлинные цитаты.

Если вы собираетесь использовать отзывы клиентов, я рекомендую встраивать их напрямую из сторонних источников, так как это сделает их более надежными.

Для отраслевых наград у вас должна быть возможность загружать официальные значки или логотипы от каждого поставщика награды, а затем вам нужно подумать, как вы можете сделать так, чтобы они выглядели согласованно вместе.

Шаг № 29: Создайте окончательный призыв к действию

Теперь пришло время разработать окончательный призыв к действию и применить все, что мы рассмотрели в этом руководстве относительно дизайна призывов к действию. Здесь применимы все те же уроки, но ключевое отличие этого последнего призыва к действию состоит в том, что он должен казаться легким действием для пользователей, которые не приняли вашу основную цель конверсии.

Вы сделали все возможное, чтобы привлечь этих пользователей, но по какой-то причине они не готовы (или не хотят) сделать этот шаг прямо сейчас.Таким образом, вам нужно закончить с убедительным CTA, который вводит их адрес электронной почты в вашу систему, который вы можете использовать для охвата этих потенциальных клиентов с помощью своих маркетинговых кампаний по электронной почте (а также ремаркетинга).

Максимальное количество конверсий целевой страницы

К настоящему моменту вы должны разработать качественные целевые страницы, которые вдохновят вас на принятие решений о покупке — поздравляем, что вы сделали это так далеко! Тем не менее, всегда есть возможности для улучшения, и именно здесь мы смотрим, как можно действительно максимизировать эти коэффициенты конверсии.

Шаг № 30: Оптимизация скорости

Самое важное, что вам нужно знать о конверсиях целевой страницы, — это то, что скорость имеет значение. Забудьте о настройке дизайна, если ваши страницы загружаются слишком долго, потому что вы уже проиграли игру. Google рекомендует загружать страницы менее чем за три секунды, чтобы минимизировать показатель отказов — а это означает время загрузки мобильного устройства при подключении к сети 3G.

Если ваши страницы занимают больше времени, у вас проблема.

Воспользуйтесь бесплатным инструментом Google Page Speed ​​Insights для базового анализа своих страниц и посмотрите, как можно сократить время загрузки.Главное — минимизировать нагрузку на браузер конечного пользователя, и вы можете сделать это следующим образом:

• Воспользуйтесь услугами качественного хостинга
• Использование конструктора посадочных страниц и шаблонов, рассчитанных на скорость
• Минимизация запросов к серверу
• Упрощение с JavaScript, надстройками и т. Д.
• Оптимизация изображений
• Сжатие файлов (CSS, JS и т. Д.)
• Использование чистого кода
• Кеширование (помогает только вернуться посетителям)
• Использование CDN (сокращает время загрузки для пользователей, находящихся далеко от вашего сервера)

Исследование Unbounce показало, что большинство маркетологов не считают скорость загрузки приоритетной.Забудьте об этих парнях; быть тем меньшинством, которое увеличивает скорость загрузки страниц и получает все те дополнительные конверсии, которых они упускают.

Шаг № 31: Создайте кампании ремаркетинга

кампаний ремаркетинга Google Рекламы позволяют ориентироваться на людей, которые посетили ваши целевые страницы, но не совершили конверсию. Это важная стратегия для максимизации коэффициента конверсии, и самое лучшее в ремаркетинге — то, что вы можете использовать его также для нацеливания на органический трафик.

Вы также можете проводить кампании ремаркетинга в Facebook, Instagram, LinkedIn и на большинстве основных платформ социальной рекламы.

Ознакомьтесь с нашими 10 передовыми методами ремаркетинга, которые увеличивают конверсию, и ознакомьтесь с нашими советами по преобразованию потерянных потенциальных клиентов.

Шаг № 32: Сегментируйте лиды целевой страницы

Не все конверсии одинаково ценны для вашего бренда (на самом деле, некоторые из них вообще не будут ценными), и вам нужен способ определить, какие лиды действительно важны. Для этого вам необходимо сегментировать своих потенциальных клиентов по категоризированным спискам, что позволяет вам доставлять соответствующие сообщения в будущих взаимодействиях и расставлять приоритеты, на которых вы должны сосредоточить ваше внимание (и бюджет).

Прочтите наше руководство по сегментации лидов, чтобы получить подробное объяснение того, как это сделать.

Вы можете частично сегментировать потенциальных клиентов, в зависимости от того, какую цель конверсии они достигают, но это не дает вам достаточно информации, чтобы точно настроить таргетинг на них с убедительным содержанием.

Мы используем Leadformly для сегментации наших лидов , а они подписываются, задавая соответствующие вопросы об их потребностях, и это позволяет нам отправлять соответствующие сообщения с первого взаимодействия после их первоначального преобразования.

Для управления сегментированными лидами вам понадобится надежная платформа управления взаимоотношениями с клиентами (CRM), чтобы вы могли отслеживать лиды по мере их продвижения по пути к покупке.

Мы используем ActiveCampaign в качестве нашей CRM, потому что она объединяет некоторые из лучших функций автоматизации электронной почты и маркетинга на единой платформе, которая помогает вам направлять каждого клиента в процессе покупки и за его пределами. Лидеры становятся платящими клиентами, а клиенты — постоянными покупателями — подробнее читайте в нашем обзоре ActiveCampaign.

Шаг № 33: Уменьшите коэффициент внимания

Чем больше событий происходит на вашей целевой странице, тем больше пользователей отвлекают от ваших целей по конверсии. Это одна из основных причин, по которой я рекомендую удалить меню навигации и придерживаться минимального макета с одним столбцом.

Вот определение коэффициента внимания из Unbounce:

Отношение ссылок на целевой странице к количеству целей конверсии кампании. В оптимизированной кампании соотношение вашего внимания должно быть 1: 1.Поскольку каждая кампания преследует одну цель, каждая соответствующая целевая страница должна иметь только один призыв к действию — одно место для нажатия.

Хороший совет от одного из ведущих специалистов по оптимизации целевых страниц.

Шаг № 34: A / B-тестирование сообщений целевой страницы

A / B-тестирование — ключевой инструмент в оптимизации коэффициента конверсии (CRO), но многие маркетологи застревают в колее, тестируя неправильные вещи на своих страницах. Конечно, в принципе, любое изменение может повлиять на коэффициент конверсии, но вам нужно сосредоточить свое внимание на том, что окажет наибольшее положительное влияние.

Позвольте мне прояснить: безусловно, самое важное для A / B-тестирования вашей целевой страницы — это контент.

Это то, что убеждает пользователей конвертировать (или нет), и совершенствование этого будет иметь наибольшее долгосрочное влияние на конверсии. Протестируйте различные сообщения, аргументы, ключевые преимущества, психологические приемы и текст целевой страницы, чтобы увидеть, что действительно влияет на вашу целевую аудиторию .

Не вносите мелких изменений — по крайней мере, для начала. Внесите кардинальные изменения, чтобы определить, какие ключевые сообщения находят отклик, основные преимущества действительно привлекают пользователей и какой язык побуждает к действию.Вы сможете уточнить более мелкие детали позже, когда усвоите основные основы.

Шаг № 35: A / B-тестирование разных версий каждого раздела целевой страницы

Вы также захотите провести A / B-тестирование разных версий каждого раздела целевой страницы, чтобы подтвердить или улучшить свой выбор дизайна. Хитрость заключается в том, чтобы изменять только один раздел за раз, чтобы вы могли подтвердить, какая версия дает лучший результат. Возможно, вы захотите начать с тестирования размещения CTA и размещения других разделов, чтобы определить наиболее эффективный порядок.

Когда вы будете довольны, все в нужном месте, начните оптимизацию раздела героев и первого призыва к действию. Затем переходите к другим разделам, чтобы попытаться улучшить результаты. Протестируйте различные списки преимуществ, комбинации социального доказательства и вторичных призывов к действию, чтобы увидеть, как они влияют на конверсию.

Шаг № 36: A / B-тестирование ваших CTA

Обычно при A / B-тестировании в первую очередь упоминаются призывы к действию, и это справедливо — они являются одним из самых важных элементов на ваших целевых страницах.Я действительно думаю, что оптимизация CTA понимается неправильно, или, может быть, было бы лучше сказать, что я думаю, что она неправильно продается компаниями-разработчиками программного обеспечения, продающими инструменты CRO.

Когда дело доходит до тестирования призывов к действию, двумя наиболее важными факторами являются текст в вашем призыве к действию и их размещение — оба из них мы уже рассмотрели. Следующая по важности вещь — это контент, который предшествует вашим CTA, потому что это то, что настраивает на них пользователей.

После того, как вы разберетесь с этими вещами, вы можете приступить к более детальному изучению ваших призывов к действию и вариантов тестирования.Не спешите тестировать цвета и шрифты кнопок с призывом к действию, пока у вас не будет оптимизировано копирование, размещение и остальной контент — независимо от того, что вы читаете в Интернете.

Шаг № 37: Оптимизируйте свои страницы с помощью тепловых карт

Тепловые карты позволяют видеть, что пользователи делают на ваших целевых страницах: что они нажимают, что они нажимают , а не , где они прокручивают страницу и какие элементы вашей страницы они видят. Это подтверждает, видят ли пользователи ваши призывы к действию, щелкая их или прокручивают ли они мимо них, позволяя исправить или исключить некоторые из наиболее важных убийц конверсии, от которых могут пострадать ваши целевые страницы.

Мы используем Hotjar из-за его отличных тепловых карт, и вы можете прочитать наш обзор для более подробной информации.

Шаг № 38: Используйте измерение событий для оптимизации своих страниц и кампаний

Измерение событий — это функция Google Analytics, которая позволяет отслеживать действия пользователей, такие как нажатия кнопок и другие взаимодействия с элементами страницы. Это позволяет вам отслеживать такие события, как нажатие кнопки CTA, чтобы точно определить случаи, когда пользователи нажимают, например, для преобразования, но не могут завершить преобразование.

Измерение событий — мощная функция, но мы используем то, что называется отслеживанием сайта в ActiveCampaign, которое выполняет аналогичную работу, но с одним ключевым отличием. Благодаря отслеживанию сайтов мы можем назначать эти действия отдельным пользователям с гораздо большей точностью, и, помимо оптимизации конверсий, мы можем использовать эти данные для отправки пользователям более релевантных сообщений в зависимости от действий, которые они совершают на нашем сайте.

Шаг № 39: Проведите кампании пользовательского тестирования / обратной связи

В этой индустрии маркетинга, основанного на данных, можно легко забыть о силе обращения к людям за честной обратной связью.Ни один уважаемый разработчик программного обеспечения не выпустит платформу, не протестировав ее на реальных пользователях, и маркетологи должны придерживаться того же подхода со своими собственными творениями.

Это еще один замечательный аспект Hotjar. Он поставляется с набором инструментов для получения обратной связи от пользователей, включая опросы, опросы и отзывы пользователей веб-сайта в реальном времени.

Не стоит недооценивать важность обратной связи от людей, которые действительно взаимодействуют с вашими целевыми страницами.

Стать мастером дизайна целевой страницы

Со всем, что мы рассмотрели в этом руководстве, остается только применить все это на практике и начать создавать целевые страницы, которые будут конвертироваться с первого дня и улучшаться со временем.Напоминаем: добавьте эту статью в закладки, чтобы к ней можно было вернуться при создании целевых страниц. Пройдет немного времени, и вы получите все это в своем шкафчике, и дизайн целевой страницы станет вашей второй натурой.

Page Studio Page Builder — Плагины электронной коммерции для интернет-магазинов — Shopify App Store

Обзор

Чтобы лучше выглядеть в Интернете, не нужно учиться программировать. Page Studio позволяет легко приступить к созданию любой страницы Shopify, включая целевые страницы электронной почты, страницы «о», домашние страницы, страницы «контактов», часто задаваемые вопросы, страницы историй и многое другое!

Теперь вы можете перетаскивать элементы, оптимизированные для электронной коммерции, для создания красивых страниц, столь же уникальных, как и ваш бренд.

Характеристики

• Page Studio дает возможность новому классу маркетологов, дизайнеров, фрилансеров и предпринимателей создавать и редактировать неограниченное количество красивых страниц без необходимости программирования с помощью интуитивно понятного интерфейса перетаскивания.
• Сотни встроенных компонентов, включая заголовки, кнопки, карточки, изображения, кнопки социальных сетей, карты, контактные формы, видео, значки, призывы к действию, отзывы, обратный отсчет, галерею изображений, параллакс и эффект Кена Бернса, добавить в корзину и многое другое. регулярно добавляется
• Все ресурсы и медиафайлы поддерживаются глобальной CDN премиум-класса, поэтому страницы всегда загружаются быстро
• Повышает SEO, чтобы поисковые системы находили ваши страницы и привлекали органический трафик.
• Включает библиотеку потрясающих готовых шаблонов макетов, чтобы вы могли сразу приступить к работе.
• Расширенный редактор для разработчиков, позволяющий полностью контролировать код
• Функции администрирования для быстрого копирования, создания, удаления и изменения видимости страниц в вашем магазине
• Страницы, созданные в Page Studio, всегда на 100% принадлежат вам, даже если вы когда-нибудь решите удалить приложение.
• Посмотрите, как ваши страницы будут выглядеть на настольных, мобильных и планшетных устройствах, пока вы их создаете.Страницы, созданные в Page Studio, полностью адаптивны и готовы для мобильных устройств

Поддержка

Есть вопросы? Нужна помощь? Наша отмеченная наградами служба поддержки готова помочь вам на каждом этапе пути! ShopPad находится в Калифорнии, и мы предлагаем чат и поддержку по электронной почте с понедельника по пятницу, с 9:00 до 17:00 по тихоокеанскому времени.

Расширение Page Studio

Успевайте больше с нашим приложением для рабочего процесса Mesa. Это то, как вы персонализируете Page Studio, создавая рабочие процессы без кода. Развивайтесь быстрее, используя популярные шаблоны автоматизации, например: отправляйте новые страницы в другой магазин Shopify.Узнайте больше на: getmesa.com/connect/pagestudio

.

Основные сведения о целевой странице — Документация по продукту Acquia

Целевые страницы дают вам представление о типе контента, который вас интересует. контакты. Использование отслеживания, форм и других механизмов связи, таких как динамический контент и целевые элементы на ваших целевых страницах могут помочь вам получить больше информация о ваших контактах.

Campaign Studio включает несколько тем из коробки. Эти темы редактируемый. Вы можете выбрать свои собственные цвета, изображения, стили и более.Некоторые темы доступны для комбинации емейлов, лендинга страницы и стили форм.

Используя вкладки Templates и Legacy , вы можете использовать шаблоны созданные с использованием нового конструктора целевых страниц или тем, созданных вне Campaign Студия для устаревшего конструктора целевых страниц.

• На вкладке Templates отображаются несколько шаблонов, созданных сторонними разработчиками. конструктор целевой страницы, доступный для выбора в Campaign Studio. От выбирая шаблон, вы определяете внешний вид целевой страницы, которая вы хотите построить.
• На вкладке Legacy отображаются шаблоны, созданные Campaign Studio. Ты можешь выберите шаблон, чтобы определить внешний вид целевой страницы, которую вы хочу построить.

Примечание

После того, как вы создали целевую страницу с помощью шаблона, измените шаблон сотрет содержимое. Acquia рекомендует создать новый целевая страница с шаблоном, на который вы хотите переключиться, и воспроизвести содержание.

шаблоны

Acquia заключила партнерское соглашение со сторонним разработчиком для предоставления кампании Пользователи Studio могут легко создавать шаблоны.Такие шаблоны доступны прямо из коробки в Campaign Studio.

Acquia рекомендует создавать собственные шаблоны, соответствующие вашим бизнес-бренд и потребности. Вы можете обновить готовые шаблоны или вы можете создать новый шаблон с нуля. После того, как вы настроили лендинг страницу, вы сможете сохранить ее как новый шаблон. Для получения дополнительной информации см. Новый конструктор целевой страницы.

Наследие

Важно

Устаревший конструктор

Campaign Studio останется доступным, поскольку он является частью проекта с открытым исходным кодом Mautic.

Если вы выберете устаревшую тему для создания целевой страницы, устаревший конструктор открывается. После настройки целевой страницы вы сможете сохранить ее как новый шаблон. Для получения дополнительной информации см. Устаревший конструктор электронной почты.

Из доступных устаревших тем наиболее адаптивная для мобильных устройств и удобная для работы с Outlook. темы:

• Яркий
• Редкий
• Аврора
• Карты

Темы Fresh созданы специально для целевых страниц с определенными области, предназначенные для размещения форм.Acquia рекомендует использовать новую посадку. конструктор страниц для создания новых шаблонов. Если вы хотите создать новую тему используя устаревшую тему, см. документацию для разработчиков.

Вы также можете выбрать тему Code Mode , чтобы писать электронные письма полностью в HTML.

Варианты конфигурации

• Заголовок : Имя, отображаемое в ваших списках целевых страниц, либо на на странице элемента или в меню токенов, если вы хотите добавить ссылку на конкретная страница в электронном письме.Acquia рекомендует иметь соглашение об именах для ваши целевые страницы. Соглашения об именах позволяют упорядочить ваш список и помочь команде участники находят страницы.
• Псевдоним : имя компьютера, которое становится ярлыком в URL-адресе страницы. Для Например, вы можете назвать целевую страницу примерно так: WR: Acquia + Mautic , где WR: означает Регистрация вебинара . Псевдоним может быть что-то вроде webinar-acquia-mautic . Когда установлено, URL становится https: // субдомен.yourcompany.com/webinar-acquia-mautic когда человек идет на страницу.
• Категория : Организуйте свои целевые страницы в соответствии с их целями, кампаниями, и т. д. Для получения дополнительной информации см. Глобальные категории.
• Язык и Является переводом : Если контакты в нескольких странах будут посещать ваши целевые страницы, Campaign Studio может определить их страны и отображать контент на соответствующих языках. Вы должны создать контент для каждого из этих языков.Выберите язык, который вы создаете страницу на и главную страницу, которую вы переводите. Например, если вы в основном использовать английский, вы можете создать французскую версию, которая появится, когда кто-то заходит на страницу из Франции. Создайте английскую версию и пометьте ее как английский, затем создайте французскую версию. Добавьте французскую этикетку и выберите Английская версия в — это перевод коробки . Для дополнительной информации, видеть Локализация и языковой перевод.
• Опубликован : Переключатель Да / Нет — самый быстрый способ публикации или отменить публикацию страницы.Если он не опубликован, все контакты, посетившие URL-адрес, увидят либо страница с ошибкой, либо будет перенаправлена ​​на другой URL-адрес (см. Redirect тип ). Установите начало, конец или обе даты и время для периода, который вы чтобы страница была активной. Это помогает контролировать релевантность и мешает пользователям от необходимости вручную публиковать или отменять публикацию страниц в нужное время.
• Установить как страницу центра предпочтений : Вы можете создать собственный Центр предпочтений страниц в соответствии с вашим брендом.Для дополнительной информации, см. Центры предпочтений. К превратите страницу в страницу Центра предпочтений, выберите Да .
• Опубликовать на : установите дату и время начала для периода, который вы хотите целевая страница должна быть активной. Это помогает контролировать релевантность и мешает пользователям от необходимости вручную публиковать целевые страницы в нужное время.
• Отменить публикацию на : установите дату и время окончания, после которых вы хотите целевая страница должна быть неактивной. Это помогает контролировать релевантность и мешает пользователям от необходимости вручную отменять публикацию целевых страниц в нужное время.
• Тип переадресации : если содержание вашей целевой страницы устарело, вы может отменить публикацию вашей целевой страницы и по-прежнему иметь контакты, которые обнаружат, что она перешла на соответствующую страницу по вашему выбору. Если контакт находит старую запись или электронное письмо с ссылку на целевую страницу вместо Ой! страницу, можете отправить пользователей на определенную страницу. Как правило, вы хотите использовать перманент 301 перенаправить.
• Отключить поисковую индексацию : запретить отображение целевой страницы в поиске результаты переключите переключатель на Да .Чтобы ваша страница оставалась доступной для поиска Двигатели, чтобы найти, оставьте настройку на № (по умолчанию).
• Мета-описание : Добавление мета-описания — лучший способ SEO. Поисковые системы отображают этот фрагмент вместе с результатами, как описание содержимое страницы.

Вы можете использовать многовариантное (A / B) тестирование, чтобы определить, какие версии контента дают наилучшие результаты. Campaign Studio поддерживает многовариантное тестирование на целевые страницы, а также сегментные электронные письма.

Предупреждение

В Campaign Studio существует известная проблема, при которой A / B-тестирование функциональность не распознается должным образом. Пока не будет исправлено, эта функция непригодный для использования.

Создание родителя

Родительский или Страница для многовариантной проверки целевых страниц является нормальной целевая страница. Создайте страницу так же, как любую другую целевую страницу.

Создание вариантов

Для создания варианта родительской целевой страницы:

1. Войдите в Campaign Studio, перейдите к Components > Landing Pages и получить доступ к вашей целевой странице.

2. Щелкните ссылку Create an A / B test под графиком просмотров страниц.

   Или щелкните раскрывающееся меню в правом верхнем углу и выберите Добавить A / B-тест .

   Campaign Studio отображает страницу редактирования с некоторыми отличиями от стандартная целевая страница в разделе настроек справа.

• Заголовок : Укажите внутреннее имя страницы.Однако псевдонима нет поле, потому что URL-адрес страницы совпадает с родительским. Acquia рекомендует использовать похожее имя в качестве родительского. Однако укажите вариант в названии.

• Вес трафика : укажите процент контактов, на которые вы хотите попасть Вариант страницы. Если у вас есть несколько вариантов, сумма весов трафика вычитается из 100%, и на родительской странице отображается оставшаяся процент.

  Например,

  • Если у вас есть один вариант, вы можете использовать 50%.Остается 50% для родитель.
  • Если у вас есть два варианта, вы можете указать по 25% на каждый. Остается 50% для родитель. Чтобы показать родительский объект и два варианта одинаково, укажите 33 на каждый вариант. Campaign Studio не поддерживает десятичные дроби в Traffic Weight field. Хотя вы не можете указать знак процента, Campaign Studio распознает значение в процентах.

  Примечание

  Campaign Studio не переключает страницы. Возможно, два (или более) последовательные контакты, попавшие на страницу, увидят один и тот же вариант.Над время, Campaign Studio распределяет варианты среди посетителей страницы в соответствии с к вашему набору Traffic Weight .

• Критерии победителя A / B-теста : выберите вариант, который вы хотите протестировать, и определить эффективность страницы по.

  • Asset Stats Скорость загрузки : страница с более высоким процентом загрузки контакты, загружающие актив, побеждают в тесте.
  • Показатель отправки статистики формы : страница с более высоким процентом контакты, отправившие форму, отображаемую на странице, побеждают в тесте.
  • Статистика целевой страницы Самый низкий показатель отказов : Страница с более высоким процент контактов, переходящих на другую отслеживаемую страницу, побеждает в тесте.
  • Статистика целевой страницы Наибольшее время ожидания : страница, на которой находятся контакты оставаться в течение более длительного среднего периода времени побеждает в испытании.

После создания варианта вы увидите значок рядом с названием parent в списке целевых страниц.

Хотя каждая вариантная страница имеет свой собственный идентификационный номер страницы, только родительская страница отображается в список.Чтобы просмотреть варианты, щелкните имя родительской страницы и посмотрите под график просмотров страниц.

Создание черновика целевой страницы

Campaign Studio позволяет создать черновую версию целевой страницы. Этот эта функция особенно полезна, если вы не хотите сразу публиковать все ваши изменения и хотите сначала проверить их. После утверждения изменений и готов к отправке, черновик можно опубликовать. Будет только один черновик версия целевой страницы.

Примечание

Для создания черновой версии у вас должна быть целевая страница. для этой целевой страницы.

Для создания черновика целевой страницы:

1. Войдите в Campaign Studio и перейдите к Components > Landing Pages .

2. Выберите существующую целевую страницу и нажмите Изменить .

3. Щелкните Builder .

4. Обновите содержимое целевой страницы и щелкните Close Builder .

5. Щелкните Сохранить как черновик .

Публикация проекта целевой страницы

Сохранив целевую страницу как черновик, вы можете предварительно просмотреть черновик и либо опубликуйте, либо отмените изменения.

Для публикации черновика целевой страницы:

1. Щелкните URL-адрес предварительного просмотра черновика .

2. Если изменения выглядят нормально и могут быть опубликованы в производственной среде, щелкните Edit .

3. Щелкните Применить черновик .

   Чтобы отменить изменения, нажмите Отменить черновик .

Новый конструктор целевой страницы — Документация по продукту Acquia

Acquia заключила партнерское соглашение со сторонним разработчиком целевых страниц для предоставления кампании Пользователи Studio могут легко создавать шаблоны для целевых страниц. Чтобы получить доступ к этому новому конструктору, выберите шаблон или тему на Вкладка Templates и щелкните Builder .Чтобы использовать этот конструктор, вы не должны иметь какие-либо знания HTML или CSS и могут использовать интерфейс перетаскивания для создания целевых страниц, удобных для Outlook и адаптированных для мобильных устройств.

Новая целевая страница состоит из двух основных частей:

• основной этап редактирования сообщения слева
• панель свойств справа

Чтобы настроить шаблон, вы можете перетаскивать различные блоки содержимого и строк в промежуточную область слева и отредактируйте свойства для каждой строки и блок содержимого.

Панель свойств справа состоит из следующих разделов:

• Содержимое: используйте этот раздел для выбора и редактирования определенного содержимого. блоки, составляющие ваше сообщение. Например, кнопки, изображения, текст блоки и др.
• Rows: Используйте этот раздел для выбора различных структурных блоков (для Например, строка с одним столбцом или строкой с тремя столбцами) для организации вашего контента. Ты может добавлять блоки содержимого к этим строкам.
Настройки
• : используйте этот раздел для определения различных общих настроек, влияющих на все сообщение или шаблон.Например, семейство шрифтов по умолчанию.

Примечание

При создании новой целевой страницы начните с вкладки Настройки , чтобы задать общие параметры для целевой страницы, добавьте строки, а затем добавьте блоки содержимого к вашему сообщению.

Раздел Content позволяет вам выбирать новые блоки контента и добавлять их в сообщение вашей целевой страницы.

Доступные типы блоков содержимого:

Раздел Content предоставляет следующие функции:

• Чтобы использовать новый блок содержимого, перетащите блок из раздела Content на справа и опустите его в плацдарм слева.

• Чтобы просмотреть свойства определенного блока содержимого, выберите этот блок. В система открывает раздел Content Properties для конкретного блока контента на право. Свойства различаются для разных типов блоков содержимого.

• Чтобы переместить конкретный блок содержимого, перетащите блок в другое место в пределах плацдарм.

• Чтобы удалить или клонировать блок содержимого, используйте соответствующие значки для блок содержимого в промежуточной области слева.В качестве альтернативы вы можете выбрать блок содержимого и используйте эти значки в разделе «Свойства содержимого» на верно.

• Для перехода к разделу селектора блока содержимого из свойств содержимого раздел, щелкните стрелку вниз рядом со значком копирования.

• Чтобы изменить свойства блока содержимого, щелкните конкретный блок. Система отображает разделы свойств содержимого справа.

Основная надпись

С помощью блока Title вы можете определять разделы целевой страницы, пока улучшение доступности.Программы чтения с экрана и другие инструменты специальных возможностей могут идентифицируйте разделы с заголовками h2, h3 и h4.

Первая строка панели инструментов содержит следующие параметры:

• Полужирный

• Курсив

• Подчеркнутый

  Если вы решили подчеркнуть заголовок и хотите, чтобы подчеркивание было:

  • того же цвета, что и заголовок: перед изменением цвета нанесите подчеркивание.
  • другого цвета, чем заголовок: установите цвет заголовка как цвет что вы хотите, чтобы подчеркивание было, примените подчеркивание и измените цвет заголовка.

• Зачеркнутый

• Надстрочный

• Нижний индекс

• Цвет текста

  Используйте цветовую палитру по умолчанию или щелкните Custom , чтобы использовать палитру цветов, Код RGB или шестнадцатеричный код.

• Цвет фона: используйте цветовую палитру по умолчанию или щелкните Custom , чтобы использовать палитра цветов, код RGB или шестнадцатеричный код.

Вторая строка панели инструментов содержит следующие параметры:

• Вставьте или отредактируйте ссылку
  • Тип ссылки :
    • URL-адрес : открывает веб-страницу.
    • E-MAIL : отправляет сообщение на указанный адрес; варианты добавления тема и сообщение.
    • Диспетчер файлов : ссылка на ресурс в диспетчере файлов.
    • Тел. : Звонит по указанному номеру телефона.
    • SMS : отправляет текстовое сообщение на указанный номер телефона.
  • URL / Электронная почта / Номер : адрес URL, электронной почты или телефона номер.
  • Подчеркнуть ссылку : Установите этот флажок, чтобы подчеркнуть текст ссылки. коробка.
  • Текст для отображения : текст, который должен отображаться как ссылка на лендинге. страница.
  • Заголовок : текст, который появляется, когда получатель наводит курсор на ссылку.
  • Цель : открыть ссылку в новой вкладке браузера или на текущей вкладке.
• Удалить ссылку
• Объединить теги: используйте этот параметр, чтобы выбрать поле, которое хотите использовать в качестве жетон.

В общем разделе Content Properties есть следующие параметры:

• Заголовок : выберите уровень заголовка для заголовка.Доступные варианты: h2, h3 и h4.
• Семейство шрифтов : выберите семейство шрифтов для текста заголовка. Если вы выбираете Global font , система применяет шрифт, выбранный для Default шрифт в разделе Settings .
• Размер шрифта : выберите размер текста заголовка.
• Цвет текста : выберите цвет текста для содержимого в основной надписи. Ты можете выбрать предпочтительный цвет из палитры цветов или указать шестнадцатеричный код.Чтобы изменить цвет части текста в блоке, используйте панель инструментов форматирования.
• Цвет ссылки : выберите цвет для любых ссылок, добавленных в основную надпись. Вы можете выбрать предпочтительный цвет из палитры цветов или указать шестнадцатеричный код. Чтобы изменить цвет конкретной ссылки в блоке, используйте панель инструментов форматирования.
• Выровнять : выберите выравнивание заголовка из доступных опций.
• Высота строки : выберите интервал между строками в текстовом блоке.В доступные варианты: 1.2, 1.5, 1.8, 2.0. Эти параметры не регулируются.
• Межбуквенный интервал : укажите интервал между отдельные буквы в основной надписи.
• Направление текста : выберите направление, в котором должен отображаться текст заголовка.

В разделе «Параметры блока» есть следующие параметры:

• Padding : для обеспечения равномерного пространства между содержимым и краем В столбце задайте значение заполнения Все стороны .В качестве альтернативы, чтобы установить уникальный значения заполнения для разных сторон, включите переключатель Дополнительные параметры bar и укажите значения заполнения для верхнего, правого, левого и нижнего.
• Скрыть на : чтобы скрыть содержимое на Desktop или Mobile , выберите тип устройства, на котором нужно скрыть контент.

Текстовый блок

Используйте блок содержимого Text для вставки текстового содержимого на целевые страницы. Панель инструментов текстового редактора Campaign Studio позволяет изменять различные свойства для текстового содержимого, такого как семейство шрифтов, размер шрифта, базовое форматирование, текст выравнивание, нумерованные и ненумерованные маркеры, цвет шрифта, ссылки и т. д.Некоторые из эти параметры также доступны для текстового редактора блока Button.

Первая строка панели инструментов содержит следующие параметры:

• Тип шрифта

  Если вы выбрали Глобальный шрифт , система применяет выбранный шрифт для Шрифт по умолчанию в разделе Настройки .

• Размер шрифта

  .

• Полужирный

• Курсив

• Подчеркнутый

  Если вы решили подчеркнуть текст и хотите, чтобы подчеркивание было:

  • того же цвета, что и текст: перед изменением цвета нанесите подчеркивание.
  • другого цвета, чем текст: установите цвет текста как цвет что вы хотите, чтобы подчеркивание было, примените подчеркивание и измените цвет текста.

• Зачеркнутый

• Надстрочный

• Нижний индекс

• Очистить форматирование

• По левому краю

• Центровка

• По правому краю

• Выровнено по центру

• Вставить символ / специальный символ

• Отменить предыдущее изменение

• Вернуть ранее отмененное изменение

Вторая строка панели инструментов содержит следующие параметры:

• Упорядоченные списки
  • По умолчанию (1, 2, 3 и т. Д.)
  • Нижняя Альфа (a., B., C. И т. Д.)
  • Нижний греческий (строчные буквы для альфа, бета, гаммы и т. Д.)
  • Нижняя римская (I., II, III, и т. Д.)
  • Верхняя Альфа (A., B., C. и т. Д.)
  • Верхнеримский (I., II., III. И др.).
• Неупорядоченный список
  • По умолчанию (диск)
  • Круг (○)
  • Диск (●)
  • Квадрат (■)
• Цвет шрифта (используйте цветовую палитру по умолчанию или щелкните Custom , чтобы использовать палитра цветов, код RGB или шестнадцатеричный код)
• Текстовый фон / цвет выделения (используйте цветовую палитру по умолчанию или щелкните Custom для использования палитры цветов, кода RGB или шестнадцатеричного кода)
• Направление текста — слева направо
• Направление текста — справа налево
• Вставьте или отредактируйте ссылку
  • Тип ссылки :
    • URL-адрес : открывает веб-страницу.
    • E-MAIL : отправляет сообщение на указанный адрес; варианты добавления тема и сообщение.
    • Диспетчер файлов : ссылка на ресурс в диспетчере файлов.
    • Тел. : Звонит по указанному номеру телефона.
    • SMS : отправляет текстовое сообщение на указанный номер телефона.
  • URL / Электронная почта / Номер : адрес URL, электронной почты или телефона номер.
  • Подчеркнуть ссылку : Установите этот флажок, чтобы подчеркнуть текст ссылки. коробка.
  • Текст для отображения : текст, который должен отображаться как ссылка на лендинге. страница.
  • Заголовок : текст, который появляется, когда получатель наводит курсор на ссылку.
  • Цель : открыть ссылку в новой вкладке браузера или на текущей вкладке.
• Удалить ссылку
• Добавить тег / токен слияния (открывает меню для выбора поля, которое вы хотите использовать в качестве жетон)

Примечание

Чтобы добавить токены URL-адреса просмотра или отмены подписки в качестве ссылок, используйте тип URL-адреса и введите {webview_url} или {unsubscribe_url} в качестве URL.Чтобы использовать текст по умолчанию и ссылку из настроек конфигурации, используйте {webview_text} или {unsubscribe_text} токенов.

В общем разделе Content Properties есть следующие параметры:

• Цвет текста : выберите цвет текста для содержимого в блоке. Ты можешь либо выберите цвет по вашему выбору из палитры цветов, либо укажите шестигранник код. Чтобы изменить цвет части текста в блоке, используйте панель инструментов форматирования.
• Цвет ссылки : выберите цвет для любых ссылок, добавленных в блок содержимого. Вы можете выбрать предпочтительный цвет из палитры цветов или указать шестнадцатеричный код. Чтобы изменить цвет конкретной ссылки в блоке, используйте панель инструментов форматирования.
• Высота строки : выберите интервал между строками в текстовом блоке. В доступные варианты: 1.2, 1.5, 1.8, 2.0. Эти параметры не регулируются.
• Межбуквенный интервал : укажите интервал между отдельные буквы в текстовом блоке.

В разделе «Параметры блока» есть следующие параметры:

• Padding : для обеспечения равномерного пространства между содержимым и краем В столбце задайте значение заполнения Все стороны . В качестве альтернативы, чтобы установить уникальный значения заполнения для разных сторон, включите переключатель Дополнительные параметры bar и укажите значения заполнения для верхнего, правого, левого и нижнего.
• Скрыть на : чтобы скрыть содержимое на Desktop или Mobile , выберите тип устройства, на котором нужно скрыть контент.
• Идентификатор блока : Чтобы включить идентификацию блока с помощью уникального идентификатора, включите эту панель переключения и укажите идентификатор.

Блок изображения

Используйте блок содержимого Image для отображения изображений на целевых страницах. Для блок изображения, общий раздел в Content Properties имеет следующее параметры:

• Автоматическая ширина : автоматическая регулировка ширины изображения в зависимости от размера экрана. или используйте исходную ширину изображения, включите этот переключатель.В качестве альтернативы, отключите панель переключения и выберите процент ширины столбца, который будет занимать с изображением.

• Полная ширина на мобильном устройстве : чтобы изображение занимало всю ширину на мобильном устройстве включите эту панель переключения. Эта опция доступна только при отключении панели переключения Автоматическая ширина .

• Выровнять : выберите выравнивание кнопки из доступных отображаемые параметры.

• Динамическое изображение : Чтобы установить динамическое изображение, включите эту полосу переключения и установите значение для Динамический URL .Для получения дополнительной информации см. Динамические изображения.

  Важно

  При использовании динамических изображений необходимо заменить персонализированные значения или объединить теги с токенами в формате Campaign Studio. Например, если в документации стороннего разработчика целевой страницы упоминается {{firstname}} , вы должны заменить это на {contactfield = firstname} , чтобы добавить значение имени к изображению.

• Изменить изображение : Чтобы загрузить новое изображение, щелкните этот параметр, чтобы выбрать новое изображение. изображение из файлового менеджера.В качестве альтернативы укажите место, где изображение находится в URL .

  Важно

  В браузере Safari вы не сможете выбирать изображения из файла. менеджер из-за ограничений браузера. Чтобы избежать этой проблемы, вы можете вставить URL изображения в URL или перетащите файл изображения прямо в Изображение — контентный блок. Однако, если вы хотите использовать файловый менеджер, используйте браузер, отличный от Safari.

• Применить эффекты и многое другое : этот параметр появляется после того, как вы добавили изображение, Щелкните здесь, чтобы открыть редактор фотографий с параметрами для:

  • Фильтр : примените один или несколько фильтров из доступных вариантов: Grayscale, Black & White, Sharpen, Invert, Vintage, Polaroid, Kodachrome, Technicolor, Brownie, Sepia, Remove Color, Brightness, Gamma, Шум, пикселизация, размытие, тиснение и смешивание .
  • Изменить размер : изменение ширины и высоты с возможностью сохранения формата соотношение и используйте проценты, а не пиксели.
  • Обрезать : Обрезать изображение, указав ширину, высоту, предварительно определенное соотношение сторон. коэффициентов или с помощью ручного переключателя.
  • Transform : повернуть изображение по часовой стрелке или против часовой стрелки, отразить вертикально или горизонтально.
  • Draw : Используйте кисть, чтобы нарисовать изображение.
  • Текст : наложение текста поверх изображения.
  • Фигуры : наложение фигур поверх изображения.
  • Наклейки : Наклейте наклейки поверх изображения.
  • Рамка : добавьте одну из девяти предопределенных рамок по краям изображение.
  • Углы : закруглить края изображения.

• Альтернативный текст : укажите альтернативный текст для изображения. Этот текст появляется, если получатель не может просмотреть изображение по какой-либо причине.Примеры может включать изображение, которое не отображается, возникла ошибка источника или если они используют программу чтения с экрана.

  Примечание

  Не забудьте указать значение для альтернативного текста, чтобы улучшить доступность и доставляемость.

Раздел «Действие» имеет следующие параметры:

• Ссылка на изображение : выберите поведение кнопки из доступных вариантов:

  • Открыть веб-страницу
  • Отправить письмо
  • Позвонить
  • Отправить SMS
  • Внутренняя ссылка

  На основе выбранного Image Link система отображает дополнительные параметры.

В разделе «Параметры блока» есть следующие параметры:

• Padding : для обеспечения равномерного пространства между содержимым и краем В столбце задайте значение заполнения Все стороны . В качестве альтернативы, чтобы установить уникальный значения заполнения для разных сторон, включите переключатель Дополнительные параметры bar и укажите значения заполнения для верхнего, правого, левого и нижнего.
• Скрыть на : чтобы скрыть содержимое на Desktop или Mobile , выберите тип устройства, на котором нужно скрыть контент.
• Идентификатор блока : Чтобы включить идентификацию блока с помощью уникального идентификатора, включите эту панель переключения и укажите идентификатор.

Блок кнопок

Используйте блок содержимого Button для отображения кнопок с активными действиями на площадке страниц. Как только получатель нажимает кнопку, система перенаправляет пользователя на ссылку, которую вы настроили.

Campaign Studio предоставляет текстовый редактор для обновления текстового содержания кнопка. Поведение этого текстового редактора аналогично поведению Text . блокировать.Для получения дополнительной информации см. Блок текста.

Для блока кнопок раздел Действие имеет следующие параметры:

• Тип ссылки : выберите поведение кнопки из доступных вариантов:

  • Открыть веб-страницу
  • Отправить письмо
  • Позвонить
  • Отправить SMS
  • Внутренняя ссылка

  В зависимости от выбранного типа связи система отображает дополнительные параметры.

  Примечание

  Чтобы связать с активом, хранящимся в Campaign Studio, установите Тип ссылки на Открыть веб-страницу и укажите URL-адрес , чтобы включить {assetlink = ID #} . Ты должен заменить ID # на идентификационный номер объекта. Если вы используете ссылку file , система извлекает файлы из файлового менеджера, а не отслеживаемые объекты в Campaign Studio.

Раздел «Параметры кнопки» имеет следующие параметры:

• Автоматическая ширина : включение автоматической регулировки ширины кнопки на основе на внутреннем заполнении кнопки и длине текста на кнопку, включите эту панель переключения.Или отключите панель переключения и выберите процент ширины столбца, который вы хотите, чтобы кнопка занимают (с шагом 5%).

• Цвет фона : выберите цвет фона для кнопки. Ты можешь либо выберите цвет по вашему выбору из палитры цветов, либо укажите шестигранник код.

• Цвет текста : выберите цвет текста для содержимого. Вы также можете выберите цвет по вашему выбору из палитры цветов или укажите шестигранник код.

• Выровнять : выберите выравнивание кнопки из доступных отображаемые параметры. Этот параметр не устанавливает выравнивание текста внутри кнопка.

• Высота линии : Выберите высоту линии из доступных опций: 1,2, 1,5, 1,8, 2,0. Эти параметры не регулируются.

• Межбуквенный интервал : укажите расстояние между буквами. отдельные буквы в содержимом блока кнопок.

• Радиус границы : выберите радиус границы кнопки. Использовать это возможность определить, насколько должны быть закруглены углы кнопки. Высшее число означает более округлый край.

• Заполнение контентом : установить одинаковый интервал между текстом и краями. кнопки со всех сторон кнопки, отключить Дополнительные параметры Переключите панель и установите значение отступа для всех сторон.

  В качестве альтернативы, чтобы установить индивидуальное заполнение для всех четырех сторон, включите More options и установите уникальные значения отступов для разных сторон.

• Граница : чтобы установить одинаковую границу для всех сторон кнопки, отключите панель переключения Дополнительные параметры , выберите тип границы и установите ширина границы со всех сторон. Используйте эту опцию, чтобы добавить сплошную, пунктирную или пунктирную линия на краю (ах) столбца с выбранной толщиной и цветом.

  В качестве альтернативы, чтобы установить пользовательские границы для всех четырех сторон, включите More options , выберите тип границы и установите ширину границы для со всех сторон.

В разделе «Параметры блока» есть следующие параметры:

• Padding : для обеспечения равномерного пространства между содержимым и краем В столбце задайте значение заполнения Все стороны . В качестве альтернативы, чтобы установить уникальный значения заполнения для разных сторон, включите переключатель Дополнительные параметры bar и укажите значения заполнения для верхнего, правого, левого и нижнего.
• Скрыть на : чтобы скрыть содержимое на Desktop или Mobile , выберите тип устройства, на котором нужно скрыть контент.
• Идентификатор блока : Чтобы включить идентификацию блока с помощью уникального идентификатора, включите эту панель переключения и укажите идентификатор.

Разделительный блок

Используйте блок содержимого Divider для четкого разделения различных строк. Используя это блока, вы можете добавить интервал над или под содержимым в строке или столбце, или разделяйте блоки четко линией. Для блока делителя общий раздел в Content Properties имеет следующие параметры:

• Прозрачный : Чтобы разделитель был прозрачным, включите этот панель переключения.
• Высота : укажите высоту разделителя. Эта опция доступна только если включена панель переключения Transparent .
• Строка : укажите тип линии ( сплошная, пунктирная, штриховая ), а также цвет разделителя. Эта опция доступна, только если Transparent панель переключения отключена.
• Ширина : укажите ширину разделителя. Эта опция доступна, только если панель переключения Transparent отключена.
• Выровнять : выберите выравнивание разделителя из доступных отображаемые параметры. Эта опция доступна, только если Transparent панель переключения отключена.

В разделе «Параметры блока» есть следующие параметры:

• Padding : для обеспечения равномерного пространства между содержимым и краем В столбце задайте значение заполнения Все стороны . В качестве альтернативы, чтобы установить уникальный значения заполнения для разных сторон, включите переключатель Дополнительные параметры bar и укажите значения заполнения для верхнего, правого, левого и нижнего.
• Скрыть на : чтобы скрыть содержимое на Desktop или Mobile , выберите тип устройства, на котором нужно скрыть контент.
• Идентификатор блока : Чтобы включить идентификацию блока с помощью уникального идентификатора, включите эту панель переключения и укажите идентификатор.

Социальный блок

Используйте блок контента Social , чтобы включить публикацию в социальных сетях, подписку в социальных сетях и другие значки ссылок на вашей платформе. Доступные варианты:

• Подписчики в соцсетях:

  Facebook	Твиттер	Instagram
  LinkedIn	YouTube	Pinterest
  Вконтакте	Одноклассники	Blogger
  Средний	Tumblr	SoundCloud
  Spotify	Vimeo	SinaWeibo
  Стеклянная дверь	Снэпчат	Телеграмма
  Вичат

• Поделиться в соцсетях:

  Facebook	Твиттер	LinkedIn
  Вконтакте	Одноклассники	qЗона
  SinaWeibo

• Другое:

Для социального блока общий раздел в Content Properties имеет следующие параметры:

• Выберите коллекцию значков : выберите стиль значков социальных сетей, которые вы хотите использовать на своей целевой странице.Если желаемого стиля значка не существует, вы можете выберите любую коллекцию и используйте собственные значки. В качестве альтернативы вы можете использовать Иконки блочного типа. Для получения дополнительной информации см. Блок иконок.

• Настроить коллекцию значков : Настроить социальные значки, которые вы хотите отображать. Campaign Studio отображает стандартный набор иконок, например Facebook, Twitter, Instagram и LinkedIn. Чтобы добавить ссылку на другую платформу, выберите Добавить новый значок . Для дальнейшей настройки каждого значка включите Дополнительные параметры панель переключения и обновите имя значка, установите альтернативный текст и добавьте ссылку на соответствующую страницу вашего бренда.

  Вы также можете удалить любой значок или изменить порядок значков, щелкнув сложенные линии с помощью мыши и перетаскивая их в желаемом порядке.

  Чтобы создать собственный значок социальной платформы, щелкните Добавить пользовательский значок и определить следующие дополнительные параметры:

  • Изменить изображение : Чтобы загрузить новое изображение для значка, щелкните этот параметр и выберите новое изображение в файловом менеджере.
  • Применить эффекты и многое другое : Чтобы обновить значок, щелкните эту опцию.Ты можешь применять к иконке различные спецэффекты.

• Выровнять : выберите выравнивание значков социальных сетей из доступных отображаемые параметры.

• Интервал между значками : выберите интервал для значков социальных сетей. Доступные Варианты равны 0, 5, 10, 15 и 20.

В разделе «Параметры блока» есть следующие параметры:

• Padding : для обеспечения равномерного пространства между содержимым и краем В столбце задайте значение заполнения Все стороны .В качестве альтернативы, чтобы установить уникальный значения заполнения для разных сторон, включите переключатель Дополнительные параметры bar и укажите значения заполнения для верхнего, правого, левого и нижнего.
• Скрыть на : чтобы скрыть содержимое на Desktop или Mobile , выберите тип устройства, на котором нужно скрыть контент.
• Идентификатор блока : Чтобы включить идентификацию блока с помощью уникального идентификатора, включите эту панель переключения и укажите идентификатор.

HTML-блок

Важно

Используйте эту опцию, только если вы эксперт по HTML.Не забудьте включить код для отзывчивость мобильных устройств и удобство использования Outlook, особенно если вы включая изображения или кнопки.

Используйте блок содержимого HTML , чтобы добавить собственный HTML-код на целевую страницу. Для блока HTML в разделе Content Properties есть текстовая область. где вы можете указать весь свой HTML-код. Вы можете использовать этот блок содержимого для добавления живого контента из разных источников (например, динамической рекламы, персонализированные карты).

Как только вы начнете использовать редактор HTML, он автоматически исправит любую проблему. это может возникнуть из-за неправильных тегов или HTML-тегов, которые не закрыты.

Допустимые теги:

a, abbr, аббревиатура, адрес, площадь, b, bdo, большой, цитата, кнопка, подпись, center, cite, code, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, шрифт, форма, h2, h3, h4, h5, h5, h6, i, ins, kbd, метка, легенда, li, карта, меню, ol, optgroup, option, p, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, u, tr, tt, u, ul, var

Список разрешенных атрибутов:

• общие атрибуты: стиль, идентификатор, класс, данные- *, заголовок
• a: href, имя, цель
• img: выравнивание, alt, высота границы, hspace, src, vspace, width, usemap
Таблица
• : align, bgcolor, border, cellpadding, cellspacing, width
• кузов: align, valign
• td: align, bgcolor, colspan, height, rowspan, valign, width
• tr: align, bgcolor, valign
• tfoot: выровнять, валин
• th: align, bicolor, colspan, height, rowspan, valign, width
• thead: выровнять, валин
• li: тип
• карта: название
• area: alt, coords, href, shape, target

Видеоблок

Используйте блок содержимого Video для отображения видео на целевых страницах.

Важно

• Чтобы получить наилучший результат, воздержитесь от ссылок на защищенные паролем видео.
• Campaign Studio не встраивает собственно видео на целевую страницу, но только ссылки на видео.

Для видеоблока — общий раздел Content Properties. имеет следующие параметры:

• URL-адрес видео : чтобы легко обмениваться видеоконтентом через целевую страницу, нажмите Добавить ссылку на видео в области подготовки, выбрать тип видео, и укажите ссылку на ваше видео Youtube или Vimeo в Video url .Доступные типы видео: Thumbnail , Embedded и Hosted video .

  Примечание

  Тип видеоблока поддерживает только видео YouTube и Vimeo. Ссылка на видео из другого сервиса, вставьте картинку со ссылкой на видео.

  • Если выбран тип видео Миниатюра :
    • Тип значка воспроизведения : Выберите тип, в котором должен быть значок воспроизведения. отображается. Доступные варианты:
      • Круглый цельный
      • Круглый контур
      • Прямоугольник
      • Прямоугольник
      • Квадрат
      • Квадратный контур
      • Только стрелка
    • Цвет значка воспроизведения : Выберите, должен ли значок воспроизведения быть светлым или темным.
    • Размер значка воспроизведения : выберите размер значка. Некоторые из доступных варианты: 50 пикселей, 55 пикселей, 60 пикселей.
  • Если выбран тип видео: Встроенное или Размещенное видео :
    • Элементы управления : для обеспечения доступности элементов управления видео для вашего пользователь, выберите эту опцию.
    • Цикл : выберите этот переключатель, чтобы видео воспроизводилось в цикле. бар.

В разделе «Параметры блока» есть следующие параметры:

• Padding : для обеспечения равномерного пространства между содержимым и краем В столбце задайте значение заполнения Все стороны .В качестве альтернативы, чтобы установить уникальный значения заполнения для разных сторон, включите переключатель Дополнительные параметры bar и укажите значения заполнения для верхнего, правого, левого и нижнего.
• Скрыть на : чтобы скрыть содержимое на Desktop или Mobile , выберите тип устройства, на котором нужно скрыть контент.
• Идентификатор блока : Чтобы включить идентификацию блока с помощью уникального идентификатора, включите эту панель переключения и укажите идентификатор.

Блок иконок

Используйте блок содержимого Icons для создания значков на целевой странице.Значок block предлагает большую гибкость, чем некоторые другие типы блоков, так как это не ограничено строковыми структурами. Например, визуальные маркированные списки, рейтинги, свойства, галереи логотипов и т. д.

Для этого блока общий раздел Content Properties имеет следующее параметры:

• Настроить коллекцию значков : чтобы добавить значок и определить свойства для значок, щелкните Добавить новый значок . Если вы это сделаете, следующие дополнительные Отображены объекты недвижимости:

  • Изменить изображение : Чтобы загрузить новое изображение для значка, щелкните этот параметр и выберите новое изображение в файловом менеджере.

  • Применить эффекты и многое другое : Чтобы обновить значок, щелкните этот параметр. Ты можешь применять к иконке различные спецэффекты.

  • Если вы добавляете несколько значков и вам нужно изменить порядок значков, используйте опцию перетаскивания.

  • Чтобы удалить ненужные значки, нажмите Удалить для соответствующего икона.

  • Для дальнейшей настройки поведения значка включите Дополнительные параметры . поле и укажите следующие атрибуты:

    • URL-адрес изображения : укажите URL-адрес, по которому расположен значок.

    • Альтернативный текст : укажите альтернативный текст для значка.

      Примечание

      Не забудьте указать значение для альтернативного текста, чтобы улучшить доступность и доставляемость.

    • Текст значка : при необходимости укажите текст, сопровождающий значок. Один раз вы ввели текст, вы увидите варианты размещения текста вверху, справа, снизу или слева от значка.

    • Тип ссылки : выберите поведение ссылки из доступных вариантов:

      • Открыть веб-страницу
      • Отправить письмо
      • Позвонить
      • Отправить SMS
      • Внутренняя ссылка

      На основе выбранного типа связи система отображает дополнительные параметры.

• Семейство шрифтов : выберите семейство шрифтов для текста значка. Если вы выбираете Global font , система применяет шрифт, выбранный для Default шрифт в разделе Settings .

• Размер шрифта : выберите размер текста значка.

• Цвет текста : выберите цвет текста значка. Вы также можете выберите цвет по вашему выбору из палитры цветов или укажите шестигранник код.

• Выровнять : выберите выравнивание значка из доступных вариантов.

• Межбуквенный интервал : укажите расстояние между буквами. отдельные буквы в текстовом содержимом блока значков.

• Размер значка : выберите размер (квадратную высоту и ширину значка) для икона. Доступные варианты: 16 пикселей, 32 пикселей, 64 пикселей, 128 пикселей.

• Расстояние между значками : Выберите расстояние для значков.Доступные варианты: 0, 5, 10, 15 и 20.

• Заполнение значков : чтобы оставить пространство между значком и всем остальным рядом с установите этот флажок и укажите значения отступов для верхнего, правого, слева и снизу.

В разделе «Параметры блока» есть следующие параметры:

• Padding : для обеспечения равномерного пространства между содержимым и краем В столбце задайте значение заполнения Все стороны .В качестве альтернативы, чтобы установить уникальный значения заполнения для разных сторон, включите переключатель Дополнительные параметры bar и укажите значения заполнения для верхнего, правого, левого и нижнего.
• Скрыть на : чтобы скрыть содержимое на Desktop или Mobile , выберите тип устройства, на котором нужно скрыть контент.
• Идентификатор блока : Чтобы включить идентификацию блока с помощью уникального идентификатора, включите эту панель переключения и укажите идентификатор.

Центр предпочтений

Страницы центра настроек

позволяют вашим контактам решать, какие сообщения им отправлять. предпочитаю получать, а не отписываться от всех сообщений.Это включает в себя предпочтительные каналы и время получения сообщений контактами.

Если вы построите более одного центра предпочтений с разными варианты или другой брендинг, для разных кампаний или электронных писем, назовите их соответствующим образом, чтобы вы могли найти нужную страницу позже.

Чтобы установить целевую страницу в качестве центра предпочтений:

1. Войдите в свою учетную запись Campaign Studio и перейдите к Компоненты > Целевые страницы .

2. Чтобы создать новую целевую страницу, щелкните New .Или выберите существующая целевая страница; построенный с помощью нового сборщика, и нажмите Изменить .

3. В шаблонах выберите конкретную тему, установите Установить как страницу центра предпочтений на панели переключения Да и щелкнуть Строитель .

4. Перетащите блок Preference center в промежуточную область на оставил.

5. Щелкните Настроить , чтобы настроить свойства.

   Следующие слоты относятся к центру предпочтений:

   • Список сегментов
   • Список категорий
   • Предпочитаемый канал
   • Частота канала
   • Сохранить настройки
   • Сообщение об успешном завершении
   • Динамическое содержимое

   В зависимости от выбранного типа слота система отображает различные параметры. Укажите все необходимые детали.Для получения дополнительной информации см. Центры преференций.

6. Сохраните изменения.

Шаблон целевой страницы танцевальной студии

Курсы / Клубы и семинары / Шаблон мероприятий для развития вашего бизнеса

Она похожа на танцовщицу. Или, может быть, студент йоги. Может, это пилатес. В любом случае, она очень гибкая и обладает отличным балансом!

Используйте этот шаблон, если вы хотите запустить кампанию для студентов, участников танцевальных или студенческих классов.

Подключите эту страницу к своей интернет-рекламе или рассылке по электронной почте, и вы увидите отличные результаты по конверсиям.

Можно даже сказать, что люди будут наклоняться, чтобы зарегистрироваться!

---

О категории

Коллекция «Искусство и хобби» состоит из нескольких шаблонов, предназначенных для привлечения потенциальных клиентов и развития бизнеса для семинаров, мероприятий и курсов, связанных с искусством и хобби. Будь то занятия фитнесом, тренажерный зал и танцевальный клуб, занятия йогой, фотография или семинар в бальном зале, мы все это охватим.Элементы карты и точные формы потенциальных клиентов в шаблонах помогут вам превратить посетителей в постоянных клиентов

---

Отзывы

Бесплатно и быстро!

‘Хотя бы никогда не было так просто. Попробуйте. Настоятельно рекомендую Sunny Landing Page »
John, Solopreneur

Picture Perfect

« Красивый дизайн и онлайн-поддержка эффективны »
Джейсон, владелец языковой мастерской

Лучшее в своем классе обслуживание

‘Никогда не теряешься.Они всегда готовы поддержать ваш дизайн »
Декан, владелец малого бизнеса

---

Технические характеристики

• Дата создания: февраля 2018 г.
• Совместимость с браузером: IE, Firefox, Safari, Chrome и Opera
• HTML-шаблон: Доступен для загрузки
• Макет: Адаптивный мобильный
• Редактирование перетаскиванием: Да. Отредактируйте что-либо на странице, не вводя никакого кода.
• Документация: Да
• Поддержка: Да.Свяжитесь с нами через чат по внутренней связи или по электронной почте
• Интеграция: 500+ приложений через Zapier или прямая интеграция с использованием кодов внедрения
• Пользовательский домен: Да
• Бесплатный хостинг: Да. Подробную информацию см. На странице цен.
• Контактные формы: Да
• Отзывы: Да
• Управление потенциальными клиентами: Да. Уведомления и / или загрузка CSV
• Аналитика конверсий: Да. Расширенный анализ данных посетителей
• Быстрая загрузка: Да.Минимальное время загрузки
• Устройство готово: Да. Полная адаптация для настольных ПК, мобильных устройств и планшетов

Часто задаваемые вопросы по созданию целевых страниц:

1. Как использовать интерфейс конструктора
Вот краткое 3-х минутное обучающее видео , которое поможет вам начать работу.

2. Как создать форму для сбора потенциальных клиентов
Используйте элемент Form Builder в интерфейсе. Вот краткий обзор

3.Как опубликовать свою целевую страницу в моем собственном домене
После того, как вы создали страницу, выполните эти шаги , и все готово!

4. У меня возникли проблемы при разработке целевой страницы
Просто напишите по адресу [email protected] или пообщайтесь с нами через интерфейс

5. Не уверен, как мне продолжить разработку страницы
Делюсь несколькими советами, я лично рекомендую пользователям создать готовую к конверсии целевую страницу ниже

---

Советы по дизайну готовых к конверсии целевых страниц:

1.Меньше значит лучше: Загроможденная страница ТА обычно отвлекает клиентов. Делайте текст и изображения простыми и по существу. Используйте наши разделы контента или создайте свой точный формат контента.

2. Спрашивайте только то, что вам нужно: Чем меньше полей в форме, тем выше коэффициент конверсии. Наилучший баланс — это сбор информации, необходимой для оценки ваших потенциальных клиентов. Создавайте точные формы с помощью нашего простого в использовании элемента Form Builder.

3. Сопоставьте целевую страницу с объявлениями PPC: Сопоставьте слова, используемые в копии страницы, с ключевыми словами и текстом, используемыми в рекламе PPC.Повторение одного и того же языка и ключевых фраз убеждает посетителей в том, что они на правильном пути, и демонстрирует последовательность.

4. Сделайте свою страницу удобной для мобильных устройств: Проверьте свою страницу в нашем мгновенно адаптивном режиме предварительного просмотра на мобильных устройствах. Ваша целевая страница должна отлично выглядеть на мобильных устройствах — с легкостью перемещаться и ультра-кликабельной.

5. Используйте изображения, чтобы направлять пользователей к CTA: Изображения, привлекающие внимание к кнопке или форме призыва к действию, помогают направить взгляд посетителя к самому важному на всей странице.Выберите из нашего запаса из 1 миллиона БЕСПЛАТНЫХ изображений

---

Создайте целевую страницу для WordPress

1. Установите подключаемый модуль на свой сайт WordPress.

2. Нажмите «Загрузить», чтобы получить Zip-файл. ИЛИ вы также можете напрямую установить плагин из панели управления плагинами, выполнив поиск по запросу Sunny Landing Pages

3. После установки щелкните Sunny Landing Pages в левом меню. Если вы новый пользователь, вам будет предложено создать новую учетную запись, и кнопка перенаправит вас на веб-сайт Sunny Landing Pages.В противном случае существующие пользователи могут войти в систему, используя свое имя пользователя и пароль. Теперь следующий шаг — создать целевую страницу. Я не буду вдаваться в подробности здесь.

4. Когда ваша страница будет готова, вы можете нажать «Опубликовать». Конструктор предложит выбрать вариант публикации — WordPress или домен (WWW). Выберите WordPress

5. После того, как вы выбрали WordPress, теперь вы готовы вернуться к панели инструментов Sunny Plugin в разделе администратора WordPress. Вы увидите все свои страницы на странице нашего плагина.По умолчанию все страницы находятся в статусе Черновик. Итак, осталось сделать два быстрых шага.

6. Завершите URL-адрес. Нажмите «Быстрое редактирование», и вы сможете изменить URL-адрес на все, что захотите. Помните, что URL-адрес не может быть изменен, если тип вашей страницы — «домашняя страница» или «страница 404».

7. На том же экране измените статус на «Опубликовано»

Вот и все. Готово! Ваша страница будет жить.

---

О конструкторе целевых страниц Sunny

Sunny — это конструктор целевых страниц с функцией перетаскивания, который позволяет быстро проектировать, редактировать и публиковать целевые страницы.

Вы можете добавлять или редактировать практически любой элемент целевой страницы, о котором вы только можете подумать, например заголовки, абзацы, маркированные списки, изображения, фоны, кнопки с призывом к действию, видео, фигуры, карты, таймеры обратного отсчета и многое другое.

Выберите из обширной галереи шаблонов и готовых разделов (отзывы, цены, команда и т. Д.), Чтобы запустить ваш сайт всего за несколько минут.

После того, как вы отредактировали страницу, вы можете опубликовать ее, используя наш домен или даже свой собственный домен.Если вы не хотите, чтобы мы размещали страницу, вы можете даже загрузить HTML.

Размещенный сервис позволяет осуществлять интеграцию со всеми основными поставщиками CRM и электронной почты (такими как: AWeber, Mailchimp, Active Campaign, Campaign Monitor, Get Response, Mailer Lite и т. Д.) Напрямую через веб-формы регистрации / встраиваемые формы или через интеграцию используя Zapier.

Служба также предоставляет вам функции аналитики и управления потенциальными клиентами, чтобы упростить управление вашей маркетинговой воронкой.

Быстрое создание целевой страницы для вашего приложения | от Maheen

Фото Кристиана Видигера на Unsplash

Привет! Маин здесь.Сегодня мы собираемся сделать что-нибудь веселое, потому что, ну, я чувствую, что это так. Что именно? Итак, мы собираемся создать целевую страницу для приложения, любого приложения (вы, конечно, можете редактировать компоненты и шаблоны в соответствии со своими потребностями), используя шаблон из Tailwind UI Kit. Говоря словами величайшего брата всех времен, Пьюдипи, давайте сразу же приступим к делу.

Пауза.

Если вы не читали мои предыдущие статьи, позвольте мне рассказать вам о Tailwind UI Kit. Это UI Kit, созданный с использованием Tailwind CSS, он поддерживает Vanilla JS, React, Angular и будущую поддержку Vue.js Кроме того, в нем более 350 готовых компонентов и 10 шаблонов с 50 экранами. И это еще не все. Скоро будет больше компонентов и шаблонов. Вы получите удовольствие от создания пользовательского интерфейса с помощью Tailwind UI Kit. Вся их мантра — сделать пользовательские интерфейсы — и веб-сайты в более широком смысле — более доступными, и разве это не прекрасная причина?

Недавно я использовал шаблон целевой страницы приложения (ссылка находится в приложении) для своего недавнего проекта, и я собираюсь немного подражать ему в этой статье-рассказе.

Давайте посмотрим, а почему бы и нет?

Сначала зайдите на сайт TUK и щелкните страницу шаблонов. Там вы сможете просмотреть различные шаблоны, предоставленные TUK, на более чем 50 экранах.

Прокрутите до раздела целевой страницы и нажмите Загрузить HTML в шаблоне целевой страницы приложения.

После завершения загрузки извлеките файл и откройте его в коде Visual Studio (VSC).

Вуаля! Вы сможете открыть свой веб-сайт с помощью Live Server в VSC.

Теперь вы готовы начать вносить изменения в целевую страницу. Давайте посмотрим, как изменить разные разделы один за другим.

Различные компоненты помечены комментариями в файле HTML, что упрощает навигацию по веб-сайту.

Давайте сначала посмотрим, как изменить раздел «Герой». Сначала я заменил логотип на логотип своего приложения. Я изменил заголовок и описание в соответствии с моим приложением для планирования еды.

Наконец, я заменил изображение на макет своего мобильного приложения.

В разделе функций я заменяю текст в соответствии с функциональностью моего мобильного приложения. Вы также можете легко заменить значки.

Для третьего раздела, который также был разделом функций, но другой версии. Я добавил подробную информацию о функциях, которые предлагало мобильное приложение. Я также заменил изображение с правой стороны изображениями своего мобильного приложения.

Изменить детали раздела цен было довольно просто. Я просто изменил описание в теге списка и заменил его тем, что предлагало мое приложение для планирования еды.

После раздела с ценами на целевой странице находится раздел с призывом к действию. Все, что вам нужно сделать, это изменить текст и изображения в соответствии с вашим мобильным приложением. Конечно, вы можете полностью удалить раздел или добавить новый компонент в зависимости от ваших потребностей.

Раздел часто задаваемых вопросов (FAQ) очень важен для добавления на вашу целевую страницу, особенно когда вы продвигаете свое приложение. Это позволяет вам легко отвечать на общие вопросы, чтобы продвигаться в игре.Опять же, я изменил текст согласно своей заявке.

В разделе «Отзывы» вы можете добавлять отзывы своих клиентов, чтобы повысить авторитет вашего бренда.

Расскажите миру об основателях приложения. Измените изображения, изменив ссылку в исходном теге. Вы также можете изменить описание в теге абзаца.

Вы также можете добавить сообщение в блог о своем бизнесе. Изменение изображений и текста не должно занимать более трех минут.Я просто удалил этот раздел, так как считал, что он не имеет отношения к моему бизнесу.

Вы также можете включить логотипы ваших соавторов. Это часто оказывает огромное влияние на установление доверия и фактор доверия, когда клиенты посещают вашу целевую страницу.

Я изменил информацию в разделе «Контакты» и добавил свои данные, чтобы клиентам было проще напрямую связываться со мной.

Наконец, я изменил текст в разделе «Рассылка новостей» в соответствии со своими потребностями.

Я не вносил никаких изменений в нижний колонтитул, вы всегда можете добавить, удалить или изменить значки социальных сетей в соответствии с вашим бизнесом.