Кнопка WhatsApp на сайте — это не просто удобство, а мощный инструмент для увеличения конверсии. Клиенты могут связаться с вами в один клик, задать вопрос или оформить заказ. В этой статье я подробно расскажу, как добавить такую кнопку на сайт Tilda без использования кода.
Удобство для клиентов: Не нужно искать ваш номер телефона.
Увеличение конверсии: Клиенты чаще пишут, чем звонят.
Быстрая связь: Ответы в WhatsApp обычно приходят быстрее, чем на email.
Примеры использования:
Интернет-магазины (уточнение по товарам, помощь с выбором).
Сервисы (запись на консультацию, уточнение деталей).
Лендинги (получение обратной связи).
Шаг 1: Добавьте кнопку WhatsApp
В Tilda есть два способа добавить кнопку: через стандартный блок "Кнопка" или с помощью Zero Block.
Вариант 1: Стандартный блок "Кнопка"
Перейдите в редактор Tilda.
Выберите страницу, на которую хотите добавить кнопку.
В левом меню выберите блок "Кнопка" (он находится в разделе "Базовые блоки").
Перетащите блок на нужное место на странице.
Нажмите на кнопку, чтобы открыть настройки.
В поле "Текст кнопки" введите призыв к действию, например:
"Написать в WhatsApp".
"Заказать через WhatsApp".
"Получить консультацию".
7. Выберите стиль кнопки: цвет, размер, шрифт. 8. Поставьте настройку чтобы ссылка открывалась в новом окне, так пользователь не потеряет ваш сайт во вкладках своего браузера.
Вариант 2: Кнопка в Zero Block
Добавьте блок Zero Block на страницу.
Внутри Zero Block создайте кнопку с помощью инструмента "Текст" или "Кнопка".
Настройте внешний вид кнопки: цвет, размер, шрифт.
Добавьте ссылку на WhatsApp (см. Шаг 2).
Поставьте настройку чтобы ссылка открывалась в новом окне, так пользователь не потеряет ваш сайт во вкладках своего браузера.
Ссылку на ватсап можно задавать не только кнопкам, но и другим элементам где она вообще вставляется. Это может быть и текст, и иконка, и фото, и шейп.
Шаг 2: Добавьте ссылку на WhatsApp
В настройках кнопки найдите поле "Ссылка".
Введите ссылку в формате: https://wa.me/номер_телефона.
https://wa.me/79005620042
Если хотите, чтобы сообщение было предзаполнено, добавьте текст после ?text=
Цвет: Выберите цвет, который соответствует вашему бренду. Например, зелёный (как у WhatsApp) или контрастный.
Анимация: Добавьте лёгкую анимацию при наведении (например, изменение цвета).
Советы по использованию кнопки WhatsApp
Тестируйте текст: Попробуйте разные призывы к действию, чтобы найти самый эффективный.
Убедитесь, что кнопка заметна: Используйте контрастные цвета и крупный текст.
Проверьте ссылку: Убедитесь, что ссылка работает и открывает WhatsApp с правильным номером.
Добавьте кнопку на мобильную версию: Большинство пользователей WhatsApp заходят с телефонов.
Примеры использования
Интернет-магазин:
Текст кнопки: "Уточнить наличие". Ссылка: https://wa.me/79991234567?text=Здравствуйте!%20Уточните,%20пожалуйста,%20наличие%20товара.
Сервисный центр:
Текст кнопки: "Записаться на ремонт". Ссылка: https://wa.me/79991234567?text=Здравствуйте!%20Хочу%20записаться%20на%20ремонт.
Лендинг:
Текст кнопки: "Получить консультацию". Ссылка: https://wa.me/79991234567?text=Здравствуйте!%20Мне%20нужна%20консультация.
Заключение
Кнопка WhatsApp — это простой, но мощный инструмент для улучшения коммуникации с клиентами. Она помогает увеличить конверсию, упрощает процесс заказа и делает ваш сайт более удобным. Попробуйте добавить её на свой сайт и убедитесь, как это работает!
Нужна помощь с доработкой сайта? Если у вас возникли трудности или вы хотите, чтобы ваш сайт стал ещё лучше, я всегда готов помочь! Обращайтесь за доработкой сайтов, настройкой кнопок, созданием уникальных блоков или любыми другими задачами. Давайте сделаем ваш сайт максимально удобным и эффективным!