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