Дизайн электронной визитки

Электронная визитка
Электронная визитка— это лендинг с минимум информацией, быстрым доступом к ней, возможностью оставить обратную связь, возможностью оплаты услуг.
*К тому же, в электронной визитке вы всегда сможете изменить информацию, добавить актуальные данные или удалить то, что уже неактуально.
В предыдущих статьях я уже рассказывала, как создать такую визитку. А для тех, кто её еще не создал, кратко расскажу.
Создать электронную визитку
Чтобы создать электронную визитку, воспользуемся специальным сервисом Jusl.
И так, приступим.
1. Переходим в JuslBot и нажимаем на «Добавить ссылку», далее — на «Добавить визитку». Потом отправляем первый наш контакт — это может быть ссылка на источник или номер телефона. Я отправлю номер телефона.
2. Чтобы редактировать и добавлять кнопки-ссылки и на другую контактную информацию в цифровую визитку, а так же включить функцию vCard и Qr-vCard (это штуки, которые автоматически сохранят ваши контакты на телефон клиенту), нажимаем на «Кнопки». Соответственно, чтобы добавить vCard , я нажму на «Добавить vCard» , а чтобы добавить кнопки-ссылки на другие источники я воспользуюсь функцией «Добавить кнопку». 3. Чтобы отредактировать название и описание каждой добавленной кнопки-ссылки, нужно в том же меню «Кнопки» нажать на добавленный контакт и использовать функции «Изменить название» и «Изменить описание». 4. Добавим заголовок (кому принадлежит визитка/название компании). Нажимаем «Изменить заголовок» и вводим наименование. 5. Добавим минимальную информацию о владельце. Нажмем «Описание». Пишем кратко о себе или о своей деятельности. 6. Добавим логотип (или персональное фото). Для этого я нажму «Лого» и отправлю свою фотографию. 7. С помощью кнопки «Вид ссылки» мы можем сделать саму ссылку красивой, с помощью кнопки «Формы» добавить форму обратной связи или форму оплаты. Кнопка «Пиксели» поможет нам настроить на странице веб-аналитику (ФБ Пиксель, Вк Пиксель, Яндекс Метрика). Напомню так же, что можно на страницу добавить и кнопку с геолокацией. И обязательно после всех настроек нажмите кнопку «Опубликовать», иначе данные не сохранятся, а, если возникнет необходимость что-то изменить, то вы всегда сможете это сделать. Вот такая визитка для примера у меня получилась: Приступим непосредственно к дизайну визитки. Зайдите в Juslbot, нажмите /start, выберите «Мои ссылки» и в выпадающем списке нажмите на ссылку, которую уже создали. Далее, чтобы отредактировать дизайн самой визитки мы будем использовать кнопки «Фон», «Шрифты» и «Цвета». 1. Отредактируем фон: нажмем на кнопку «Фон». Тут можно загрузить изображение с помощью кнопки «Изображение» или изменить цвет фона с помощью кнопки «Цвет», а так же можно сделать так чтобы изображение повторялось плиткой. А с помощью кнопки «Зафиксировано» можно сделать композицию из фона и кнопок статичной (по умолчанию кнопки двигаются как бы над фоном). Я изменю цвет, и для этого нажму на кнопку «Цвет». Мне нужно отправить код цвета в шестнадцатиричном формате (все цвета можно найти в поиске Гугла или Яндекса). Мы изменили фон: 2. Вернемся назад и нажмем на кнопку «Цвета» Как видим, тут мы можем изменить цвета описания и заголовка, добавить тени. Так же мы можем убрать плашку (это линия наверху визитки), изменить ее цвет или тоже добавить тень от нее. Я изменила цвет описания и заголовка: 3. Вернемся назад, нажмем на кнопку «Шрифты» — тут мы можем заменить шрифты по умолчанию на свои шрифты, если загрузим их в бота. Чтобы поработать над дизайном кнопок, вернемся назад и нажмем на «Кнопки» Далее, нужно работать над каждой добавленной кнопкой отдельно. Нажмем, например, на первую. У меня это номер телефона. Тут мы видим три дизайнерские функции «Изменить шрифт названия», «Изменить шрифт описания» и «Изменить прозрачность». Как я уже выше описала, для изменения шрифтов, нужно сначала загрузить свои шрифты в бота, а чтобы изменить прозрачность достаточно нажать на соответствующую кнопку и написать процент прозрачности. По завершению всех настроек, возвращаемся назад и нажимаем кнопку «Опубликовать».






Дизайн электронной визитки

Дизайн самой визитки






Дизайн кнопок


