Добавьте кнопку WhatsApp в WordPress с помощью плагина
Кнопка чата WhatsApp — это удобный плагин WordPress, который позволяет посетителям легко связаться с вами и задать вопросы. Интегрируйте кнопку WhatsApp на свой веб-сайт WordPress — она может отображаться на определенных страницах или для определенных групп посетителей, устанавливать триггеры запуска, отображать приветственное сообщение, выбирать значки и многое другое. Благодаря функции чата WhatsApp вы можете оставаться на связи в любое время и в любом месте — вы можете отвечать на вопросы, реагировать на отзывы и оказывать поддержку при сомнениях относительно покупки.
В этой статье мы сосредоточимся на том, как встроить этот плагин в веб-сайты WordPress. Чтобы добавить кнопку на свой сайт:
- Используйте наш редактор и создайте свой первый плагин WhatsApp.
- Сохраните чат WhatsApp и скопируйте код из всплывающего окна.
- Вставьте код в HTML-редактор вашего сайта WordPress.
Создайте свою кнопку чата WhatsApp прямо сейчас!
Как добавить кнопку WhatsApp в WordPress
WordPress — популярная платформа, которая позволяет любому человеку создавать веб-сайты для любых целей — от личных страниц до сайтов электронной коммерции. Если вы хотите улучшить свой веб-сайт WordPress с помощью кнопки чата WhatsApp, есть плагин от Elfsight. Ниже представлено видео, в котором показано, как встроить плавающую кнопку чата WhatsApp в HTML-код вашего веб-сайта WordPress — никаких усилий не требуется. Информацию о встраивании на других платформах вы также можете найти в нашем подробном руководстве по WhatsApp.
А теперь давайте посмотрим, как использовать Добавьте плагин кнопки чата WhatsApp в WordPress. Для начала вам понадобится код плагина. Вот как это сделать:
- Зарегистрируйтесь или войдите в Elfsight в разделе Приложения Elfsight.
- В разделе «Приложения» выберите кнопку чата WhatsApp, которую вы хотите добавить на свой веб-сайт WordPress.
- Нажмите «Добавить на сайт» рядом с названием кнопки. Появится всплывающее окно с кодом установки.
- Щелкните левой кнопкой мыши по коду установки и скопируйте его.
Вот и все! Теперь вы скопировали код установки для своей кнопки WhatsApp. Теперь вы можете встроить плагин на свой сайт WordPress. Выполните следующие действия:
- Войдите в панель администратора вашего сайта WordPress и откройте страницу, на которую вы хотите вставить кнопку WhatsApp:
2. Наведите указатель мыши на нужную позицию и щелкните значок плюса:
3. В разделе форматирования найдите «Пользовательский HTML» и щелкните его:
4. Вставьте код установки кнопки WhatsApp в поле и нажмите «Обновить», чтобы сохранить изменения:
После встраивания плавающей или фиксированной кнопки WhatsApp вы можете захотеть отобразить ее на всех страницах вашего сайта. Это полезно, если вы хотите быть доступны посетителям в любое время. Существуют различные методы в зависимости от используемой темы WordPress. Давайте рассмотрим три возможности.
Добавить кнопку чата WhatsApp с помощью редактора тем
Это наиболее универсальный метод встраивания плавающей кнопки WhatsApp на ваш сайт WordPress:
- Войдите в WordPress. Откройте «Внешний вид» в левом меню, а затем нажмите «Редактор тем».
- В правом столбце выберите файл footer.php и вставьте код перед закрывающим тегом
</body>. Нажмите «Обновить файл».
Готово! Теперь вы встроили кнопку WhatsApp на все страницы. Но есть и другие способы; давайте рассмотрим их.
Добавление кнопки чата WhatsApp с помощью виджетов
Кнопку WhatsApp также можно легко встроить с помощью виджетов. Вот как это сделать:
- Войдите в бэкэнд вашего сайта WordPress. Перейдите в «Внешний вид» и выберите «Виджеты».
- Найдите «Пользовательский HTML» в списке виджетов. Например, выберите B. Выберите «Footer One» в раскрывающемся меню и нажмите «Добавить виджет».
- Вставьте код установки в поле «Содержимое» и нажмите «Сохранить».
Ваша кнопка WhatsApp успешно добавлена! Теперь третий способ.
Встроить чат WhatsApp с помощью параметра Настроить
Чтобы встроить кнопку с помощью параметра «Настроить»:
- Войдите в административную область вашего сайта WordPress. Перейдите в раздел «Внешний вид» → «Настройщик».
- Нажмите «Виджеты» в меню.
- Нажмите «Добавить виджет» внизу и выберите «Пользовательский HTML».
- Вставьте код установки и нажмите «Опубликовать».
Готово! Кнопка чата WhatsApp теперь интегрирована в ваш сайт — на отдельные страницы или на все страницы.
Добавить кнопку чата WhatsApp в WordPress Gutenberg
Это руководство покажет вам, как добавить кнопку WhatsApp в редактор Gutenberg:
- Откройте редактор Gutenberg и нажмите «Добавить» в правом верхнем углу.
- Введите «short» в поиске и выберите «Shortcode».
- Щелкните правой кнопкой мыши по блоку шорткода и выберите «Вставить».
- Нажмите «Опубликовать» в правом верхнем углу и подтвердите еще раз.
- Нажмите «Просмотреть страницу», чтобы увидеть кнопку в действии.
- Ваша кнопка WhatsApp успешно интегрирована!
Готово! Ваш чат WhatsApp теперь интегрирован с WordPress Gutenberg.
Добавьте кнопку чата WhatsApp в WordPress с помощью Elementor
Многие пользователи WordPress предпочитают использовать визуальный редактор, такой как Elementor, для встраивания кнопки чата на свой сайт вместо редактора по умолчанию — здесь не требуется HTML-код. Elementor расширяет возможности стандартного редактора WordPress и упрощает настройку вашего сайта. В следующем видео вы можете увидеть все шаги, необходимые для добавления плавающей или фиксированной кнопки чата WhatsApp на ваш сайт WordPress с помощью Elementor.
- В области администратора WordPress откройте нужную страницу.
- Выберите «Изменить с помощью Elementor» через список страниц или редактор страниц WordPress.
- Перетащите элемент HTML в нужную позицию на странице.
- Вставьте код установки кнопки чата в поле «HTML-код» в левом меню.
- Нажмите «Обновить», чтобы сохранить изменения в Elementor и WordPress.
С помощью этого руководства вы сможете отредактируйте кнопку чата WhatsApp в HTML-коде любого сайта WordPress, созданного с помощью Elementor. Посетите наш Справочный центр, если вы хотите узнать, как встроить ссылку WhatsApp на другие платформы CMS.
Возможности плагина кнопки чата WhatsApp
Помимо невероятно простой интеграции плагина WhatsApp на ваш сайт WordPress, вы также получаете множество других преимуществ. Ниже вы найдете основные возможности плагина, которые доступны вам сразу после регистрации.
| Сообщения | -Один из самых популярных мессенджеров в мире, интегрированный на ваш сайт -Встраивание через ваш номер телефона в настройках |
| Расположение | -Три варианта размещения: плавающий пузырек, встроенный пузырек или встроенное окно чата -Выбор целевой аудитории, которой будет показан чат -Показ кнопки чата на любой странице -Настройка триггеров для открытия чата |
| Пользовательский интерфейс | -Выбор иконки и добавление текста -Создание пользовательского Заголовок -Введите приветственное сообщение и текст начала чата -Отображение уведомлений для привлечения внимания |
| Стиль | -4 элемента для настройки цвета -Большая библиотека иконок |
Примеры кнопок чата WhatsApp в WordPress
Теперь пришло время обсудить некоторые варианты дизайна для вашей плавающей кнопки чата, особенно если вы выбрали плагин Elfsight. Эти примеры — лишь малая часть множества вариантов настройки, которые предлагает вам WhatsApp Chat — будь то персональный сайт или крупный интернет-магазин.
Шаблон 1: Общий WhatsApp Live Chat
Здесь мы видим кнопку WhatsApp со знакомым дизайном, который упрощает навигацию для пользователей. Эту кнопку чата можно использовать для всех видов помощи — например, для советов по размеру или общего взаимодействия с целевой аудиторией. Теперь, когда вы знаете, как встроить плагин, она знакома и проста в настройке. Никаких специальных технических навыков не требуется.
Шаблон 2: Поддержка клиентов WhatsApp
В этом случае чат WhatsApp предназначен специально для поддержки клиентов. Кнопка персонализирована значком агента поддержки, что повышает доверие среди пользователей. В чате может отображаться приветственное сообщение, что повышает лояльность клиентов. Идеальное решение для всех компаний, которые хотят оставаться на связи со своими клиентами через WhatsApp.
Шаблон 3: WhatsApp Sales Chat
Это окно чата было значительно изменено визуально и отличается от классического дизайна WhatsApp, однако его функциональность осталась полностью нетронутой. Здесь основное внимание уделяется продажам, поэтому эта кнопка чата особенно подходит для интернет-магазинов и электронной коммерции. Отличное решение для профессиональной поддержки клиентов.
Шаблон 4: WhatsApp Booking Chat
Плавающая кнопка чата также может использоваться как опция бронирования, например, для отелей. Благодаря обширным возможностям стилизации ее можно оформить так, чтобы она напоминала известные системы бронирования. Ваши пользователи могут связаться с вами напрямую через окно чата и быстро уточнить детали — без хлопот по поиску контактных данных.
Почему WhatsApp полезен для вашего бизнеса
С WhatsApp вы можете быстро и легко охватить свою целевую группу — таким образом вы увеличиваете скорость отклика, улучшаете коммуникацию с клиентами и получаете преимущество перед конкурентами, которые еще не используют этот канал.
Быстрая обработка заказов с WhatsApp
Решающим фактором является скорость контакта с клиентом. Если вы быстрее конкурентов, клиенты останутся с вами, что увеличит продажи и прибыль.
WhatsApp предлагает быструю и удобную систему для рассылки сообщений администраторам и операторам. Это ускоряет ответы на запросы и улучшает доступность — будь то на ПК, планшете или смартфоне. Другие практические функции включают центральный номер телефона, интеграцию CRM, статистику по операторам, чат-боты и шаблоны сообщений (приветствие, напоминание). Настроив все эти функции, вы сможете значительно оптимизировать диалог с клиентами.
Сохраняйте конфиденциальность с WhatsApp
Если сотрудники вашей компании общаются с клиентами, используя собственные аккаунты WhatsApp, личные данные клиентов могут быть утеряны. Это вредит вашей репутации и сокращает клиентскую базу. Решением является использование корпоративного аккаунта — таким образом вся информация остается внутри компании. Даже если сотрудник покидает компанию, никакие личные данные не попадают в чужие руки и не раскрываются третьим лицам.
У вас всегда есть актуальная информация о клиенте, что оставляет положительное впечатление — ведь кажется, что вы его помните. При этом пользователи сохраняют номер компании, а не отдельного сотрудника.
Поддерживайте свою клиентскую базу с помощью WhatsApp
Чрезвычайно важно, чтобы пользователи воспринимали продуманную структуру общения. Они должны чувствовать вашу заботу и видеть постоянное совершенствование. Для этого вам нужны новые, удобные для пользователя функции.
WhatsApp предлагает доступ к обычным аккаунтам, бизнес-аккаунтам и API Business, который позволяет WhatsApp интегрироваться с другими приложениями или сервисами, такими как Verbox.
Благодаря этой интеграции вы можете организовать общение прямо из приложения:
- Ваши сообщения выделяются, чтобы пользователи могли отличить их от других.
- Доступен специальный дизайн, в котором вы можете отображать дополнительную информацию о своем бизнесе, показывать список продуктов и указывать часы работы.
- Вы можете отправлять все необходимые файлы и документы.
- Вы можете создать рекламную рассылку.
- Вы можете использовать CRM-систему.
- Вы находитесь на одном уровне с другими известными брендами.
В то же время вы должны знать, что создать и настроить учетную запись WhatsApp чрезвычайно просто, а преимущества ее использования вносят значительный вклад в прибыльность вашей компании за счет ускорение и оптимизация контакта с пользователями.
Заключение
WhatsApp предлагает множество впечатляющих возможностей для вашего бизнеса — вам просто нужно знать, как правильно ими пользоваться. Не стесняйтесь использовать сторонние решения, такие как Плагин чата WhatsApp от Elfsight — и вы успешно наладите контакт со своей целевой аудиторией! Надеемся, теперь вы полностью понимаете, как добавить кнопку WhatsApp на сайт WordPress.
