Новинка на маркетплейсе. Гайд. Как настроить посадочную страницу товара


Мы разработали и опубликовали новое решение «whatAsoft: Интернет-магазин «Малый Бизнес». Решение входит в состав классической линейки наших программных продуктов и представляет собой функционально расширенную версию «whatasoft: Интернет-магазина «Старт». Дизайн решения выполнен в едином стиле, характерном для всех решений базовой линейки.

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

[spoiler]



Для чего нужны посадочные страницы

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

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

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

Изображение 1 – Пример посадочной страницы

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

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

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

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


Изображение 3 – Настройка шапки посадочной страницы

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


Изображение 4 – Пример наполнения верхней части лендинга
Блок преимуществ
Блок позволяет разместить информацию, призванную подчеркнуть уникальные качества товара. В нём можно вывести визуальные элементы с подписями, которые помогут привлечь внимание пользователя и объяснить, почему стоит выбрать этот продукт.
Изображение 5 – Настройка блока преимуществ на посадочной странице

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


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

Изображение 7 – Добавление подробного описания товара

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


Изображение 8 – Пример наполнения лендинга
Доставка и оплата

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


Изображение 9 – Наполнение блока доставки

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


Изображение 10 – Наполнение блока оплаты

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


Изображение 11 – Пример наполнения блоков доставки и оплаты
Настройки формы

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


Изображение 12 – Настройка формы для посадочной страницы

Количество создаваемых посадочных страниц неограниченно. Также можно создать несколько посадочных страниц для одного и того же товара.


Изображение 13 – Пример формы оформления заказа
Информация для покупателей

Установка решения на хостинг не требует специальной подготовки. Но в любом случае, вы всегда можете обратиться за помощью к нашим специалистам. Хостинг должен соответствовать требованиям. Либо вы можете приобрести хостинг у нашего партнёра — компании REG.RU.

Если у вас остались вопросы по работе решения или выпущенному обновлению, то пишите на нашу почту. main@whatasoft.net.










 



 


 







 












Другие полезные решения от whatAsoft