Короткая но полезная информация о том, как работать со ссылками при создании сайтов.
По настоящему крутой сайт должен быть не только красиво и информативно оформленным, но и быть интерактивным.
Потенциальному посетителю должно быть просто найти контакты, оформить заявку или позвонить хозяину рекламируемого продукта, перейти в чат WhatsApp и так далее. Как это сделать расскажу в статье.
Работа со ссылками
Самая базовая вещь - это вставка ссылки на другой ресурс, надеюсь её умеют вставлять все. Но если нет, то вот короткая инструкция:
- Вставка ссылки в Zero-блоке
1) Выделяем нужное изображение или текст
2) Вставляем ссылку разделе Link => URL
- Вставка ссылки в базовых блоках
1) Нажимаем на текст, чтобы появилась плашка для работы с текстом
2) Выделяем текст, при нажатии на который должен сработать переход по ссылке.
Можно выделять не весь текст, а только его часть.
3) Нажимаем на символ вставки ссылки.
4) Добавляем требуемую ссылку
5) Я советую ставить галочку в функции "Открыть ссылку в новой вкладке". Тогда при нажатии ссылки, она откроется в новой вкладке, а текущая вклада останется открыта.
6) Если этого требует ваш дизайн, настраиваем внешний вид ссылки и нажимаем применить.
Но лично я не советую делать ссылки в тексте на целевые действия, лучше найти подходящее изображение или вставить кнопку.
- Добавление кнопки
Кнопка на сайте всегда указывает на целевое действие. Если человек определился , что хочет воспользоваться вашей услугой или что-то у вас купить, вы должны обеспечить ему простой и понятный механизм совершения этого действия.
Для этого и нужна кнопка.
Кнопка должна содержать текст с четким призывом к действию. А при нажатии на кнопку потенциальный покупатель должен попасть туда, где ему смогут обеспечить принятие заказа. Обычно это ссылка на другую страницу, форму, переход в профиль какой-либо соц. сети или мессенджер.
Итак, как добавить кнопку?
1) В Zero-блоке нажимаем "+"
2) В списке выбираем "Add Button"
3) Пишем название кнопки
4) Вставляем ссылку
5) Настраиваем цвет фона и текста
Можно еще настроить цвета при наведении курсора на кнопку, тогда она будет еще заметнее.
Как сделать ссылку на WhatsApp
Актуальный для многих вопрос - как добавить ссылку, при нажатии на которую человек сможет попасть сразу в личные сообщения WhatsApp.
Это сделать довольно просто:
1) Вставьте ссылку: https://api.whatsapp.com/send?phone=79241234567
2) Только вместо 79241234567 - укажите свой номер телефона, через семерку, без плюса. То есть если ваш телефон +7(924)123-45-67, у вас должна получиться ссылка, которая указана выше.
Но есть еще одна полезная функция. При переходе в чат, у заказчика может быть сразу сформирован нужный вам текст.
Для этого нужно в ссылку выше добавить еще одну часть:
1) https://api.whatsapp.com/send?phone=79241234567&text=Здравствуйте!%20Хочу%20сделать%20заказ
2) В этой ссылке после "&text=" вы можете прописать желаемую фразу, в которой вместо пробелов будут символы "%20"
Аналогично настраивается ссылка на Телеграм
Просто добавляем в URL следующую строку:
https://t.me/+79241234567
Для перехода в группу, используйте ссылку из профиля нужной вам группы.
Как сделать текст с интерактивным номером
Если просто прописать текстом номер телефона, то потенциальному покупателю нужно будет проделать несколько манипуляций, чтобы скопировать номер телефона или вообще вбивать его вручную, сворачивая и разворачивая окна на своем телефоне. Гораздо проще, когда Web-дизайнер предусмотрел возможность нажатия на номер телефона, который сразу перекинет посетителя сайта в меню набора номера своего телефона с уже набранным номером для звонка.
Как же этого добиться?
1) Нажимаем на номер
2) Выбираем во всплывшем меню добавление ссылки и вписываем туда номер телефона. Но перед номером обязательно нужно прописать tel:
3) После этого жмем "Применить". После этого человек, нажавший на номер телефона на вашем сайте, перейдет сразу к набору номера в своем телефоне или браузере компьютера.