Предлагаете ли вы бесплатную доставку в вашем магазине WooCommerce??
Предложение бесплатной доставки — это проверенный способ уменьшить количество оставленных корзин и увеличить общую конверсию продаж. Проблема в том, что большинство владельцев магазинов не могут четко выделить предложение бесплатной доставки.
В этой статье мы расскажем вам, как добавить панель бесплатной доставки в WooCommerce, чтобы увеличить продажи.
Добавление панели бесплатной доставки в WooCommmerce
Стоимость доставки является одной из главных причин продаж через брошенную корзину. Многие интернет-магазины решают эту проблему, предлагая бесплатную доставку.
Уведомление клиентов о предложении бесплатной доставки — отличный способ повысить продажи в вашем интернет-магазине.
Вот пример панели бесплатной доставки. Это заметный элемент сайта, который остается в верхней части экрана, пока пользователь прокручивает страницу вниз:
Как вы можете видеть, пример магазина выше поощряет пользователей тратить определенную сумму, чтобы получить бесплатную доставку. Это отличный способ повысить стоимость заказа в корзине и увеличить объем продаж.
Вы можете включить стимулирующую бесплатную доставку, используя плагин Advanced Coupon для WooCommerce.
Независимо от того, как вы включите бесплатную доставку, правильное выделение ее на вашем сайте является ключевым моментом, и именно здесь на помощь приходит панель бесплатной доставки.
Чтобы создать панель доставки, мы будем использовать OptinMonster. Это мощный инструмент для создания всех типов всплывающих окон WordPress.
Создание аккаунта OptinMonster и подключение WordPress
Сначала вам нужно посетить сайт OptinMonster и зарегистрировать аккаунт.
Примечание: OptinMonster был создан Сайедом Балхи, основателем WPBeginner. Это чрезвычайно популярный optin инструмент, который мы используем здесь на WPBeginner и мы настоятельно рекомендуем его.
После того, как вы зарегистрировались на OptinMonster, следующим шагом будет установка и активация бесплатного плагина OptinMonster для WordPress. Если вы не знаете, как это сделать, ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.
Этот плагин подключает приложение OptinMonster к вашему сайту WordPress. После активации нажмите на меню OptinMonster в вашей приборной панели WordPress. Затем нажмите кнопку ‘Connect Your Account’ и подключите WordPress к вашей учетной записи OptinMonster.
Создание панели бесплатной доставки для WooCommerce
Теперь вы можете создать свою панель бесплатной доставки. Сначала перейдите на страницу OptinMonster в вашей приборной панели WordPress, а затем нажмите кнопку «Создать новую кампанию» в правом верхнем углу.
Это приведет вас в конструктор кампаний OptinMonster, где вам нужно выбрать «Плавающий бар» в качестве типа кампании.
Далее прокрутите вниз и выберите шаблон вашей кампании. OptinMonster имеет большой выбор профессиональных шаблонов на выбор. Мы будем использовать шаблон Alert для нашей панели бесплатной доставки WooCommerce.
Наведите курсор мыши на шаблон и нажмите кнопку «Использовать шаблон»:
Теперь OptinMonster предложит вам назвать вашу кампанию. Вы можете использовать здесь любое название, которое вам нравится.
Вы также можете выбрать, на каком сайте (сайтах) вы хотите запустить кампанию. OptinMonster должен был добавить ваш сайт сюда для вас.
Как только вы будете готовы, нажмите кнопку Начать создание.
Затем вы увидите интерфейс конструктора OptinMonster. Это будет выглядеть следующим образом:
По умолчанию плавающая панель будет прикреплена к нижней части экрана. Если вы хотите, чтобы она находилась в верхней части экрана, это легко изменить.
Просто нажмите на Настройки плавающей панели в меню слева. Затем включите опцию «Загружать плавающую панель в верхней части страницы»?’ опция.
Чтобы изменить текст в строке, просто нажмите на нее. В левой части вашего экрана откроется текстовый редактор.
Вы можете настроить текст по своему усмотрению. Вы также можете изменить стиль шрифта, цвет, размер шрифта и многое другое. Предварительный просмотр вашей кампании будет автоматически обновлен, чтобы показать, как она будет выглядеть в реальном времени.
Здесь мы изменили текст и шрифт. Мы также немного увеличили размер шрифта:
Вы также можете изменить кнопку на панели бесплатной доставки. Просто нажмите на кнопку, и настройки откроются на панели слева. Вы можете изменить текст кнопки там.
Чтобы направить клиентов на страницу вашего сайта, посвященную бесплатной доставке, перейдите на вкладку Действие. Затем введите правильный URL перенаправления:
Если вы хотите использовать другой цвет для панели бесплатной доставки, это тоже легко сделать. Сначала нажмите на кнопку Home, чтобы вернуться к основным настройкам дизайна:
Затем, вы можете перейти к Настройки Optin » Стили представления Optin изменить цвет вашего оптина.
После нажатия в поле «Цвет фона» вы можете выбрать новый цвет. Вы можете ввести шестнадцатеричный код или воспользоваться выбором цвета. Мы выбрали для нашей кампании зеленый цвет:
Как только вы будете довольны своей панелью бесплатной доставки, нажмите кнопку Сохранить в правом верхнем углу.
Далее вам нужно выбрать правила отображения, которые определяют, кто должен видеть панель бесплатной доставки на вашем сайте. Просто нажмите на вкладку «Правила отображения» в верхней части экрана.
По умолчанию OptinMonster отображает вашу плавающую панель после того, как пользователь находится на любой странице вашего сайта в течение 5 секунд.
Возможно, вы захотите, чтобы ваша панель бесплатной доставки загружалась мгновенно. Чтобы сделать это, просто удалите это правило. Для этого нажмите на значок минуса с правой стороны:
Теперь, вы должны остаться с правилом «Текущий URL путь — это любая страница.’
Последний шаг — запустить кампанию на вашем сайте. Нажмите на вкладку «Опубликовать» в верхней части экрана. Пока вы создаете свою кампанию, она приостановлена по умолчанию. Вы можете включить его здесь.
Чтобы разместить панель бесплатной доставки на вашем сайте WordPress, перейдите по ссылке OptinMonster » Кампании в вашей приборной панели WordPress. Нажмите кнопку Refresh Campaigns, чтобы увидеть вашу кампанию с баром бесплатной доставки в списке.
Теперь вы можете зайти на свой сайт и увидеть панель бесплатной доставки в реальном времени:
Мы надеемся, что эта статья помогла вам узнать, как добавить панель бесплатной доставки в WooCommerce. Вы также можете ознакомиться с нашим списком лучших плагинов WooCommerce для вашего интернет-магазина и сравнением лучших телефонных служб для бизнеса с функциями интеллектуальной маршрутизации вызовов.
Источник: www.wpbeginner.com