Главное Свежее Вакансии   Проекты
arrow-right Created with Sketch. Nelly Freud 316 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

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

Как создать индивидуальный дизайн на странице своей электронной визитки? Узнайте в этой статье

Электронная визитка


Электронная визитка— это лендинг с минимум информацией, быстрым доступом к ней, возможностью оставить обратную связь, возможностью оплаты услуг.

*К тому же, в электронной визитке вы всегда сможете изменить информацию, добавить актуальные данные или удалить то, что уже неактуально.

В предыдущих статьях я уже рассказывала, как создать такую визитку. А для тех, кто её еще не создал, кратко расскажу.

Создать электронную визитку


Чтобы создать электронную визитку, воспользуемся специальным сервисом Jusl.

И так, приступим.

1. Переходим в JuslBot и нажимаем на «Добавить ссылку», далее — на «Добавить визитку». Потом отправляем первый наш контакт — это может быть ссылка на источник или номер телефона. Я отправлю номер телефона.


2. Чтобы редактировать и добавлять кнопки-ссылки и на другую контактную информацию в цифровую визитку, а так же включить функцию vCard и Qr-vCard (это штуки, которые автоматически сохранят ваши контакты на телефон клиенту), нажимаем на «Кнопки».


Соответственно, чтобы добавить vCard , я нажму на «Добавить vCard» , а чтобы добавить кнопки-ссылки на другие источники я воспользуюсь функцией «Добавить кнопку».

3. Чтобы отредактировать название и описание каждой добавленной кнопки-ссылки, нужно в том же меню «Кнопки» нажать на добавленный контакт и использовать функции «Изменить название» и «Изменить описание».

4. Добавим заголовок (кому принадлежит визитка/название компании). Нажимаем «Изменить заголовок» и вводим наименование.

5. Добавим минимальную информацию о владельце. Нажмем «Описание». Пишем кратко о себе или о своей деятельности.

6. Добавим логотип (или персональное фото). Для этого я нажму «Лого» и отправлю свою фотографию.

7. С помощью кнопки «Вид ссылки» мы можем сделать саму ссылку красивой, с помощью кнопки «Формы» добавить форму обратной связи или форму оплаты. Кнопка «Пиксели» поможет нам настроить на странице веб-аналитику (ФБ Пиксель, Вк Пиксель, Яндекс Метрика). Напомню так же, что можно на страницу добавить и кнопку с геолокацией.

И обязательно после всех настроек нажмите кнопку «Опубликовать», иначе данные не сохранятся, а, если возникнет необходимость что-то изменить, то вы всегда сможете это сделать.

Вот такая визитка для примера у меня получилась:

Электронная визитка

Приступим непосредственно к дизайну визитки.

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


Зайдите в Juslbot, нажмите /start, выберите «Мои ссылки» и в выпадающем списке нажмите на ссылку, которую уже создали.

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


Далее, чтобы отредактировать дизайн самой визитки мы будем использовать кнопки «Фон», «Шрифты» и «Цвета».

1. Отредактируем фон: нажмем на кнопку «Фон».

Тут можно загрузить изображение с помощью кнопки «Изображение» или изменить цвет фона с помощью кнопки «Цвет», а так же можно сделать так чтобы изображение повторялось плиткой. А с помощью кнопки «Зафиксировано» можно сделать композицию из фона и кнопок статичной (по умолчанию кнопки двигаются как бы над фоном).

Я изменю цвет, и для этого нажму на кнопку «Цвет».

Мне нужно отправить код цвета в шестнадцатиричном формате (все цвета можно найти в поиске Гугла или Яндекса).

Мы изменили фон:

Цифровая визитка

2. Вернемся назад и нажмем на кнопку «Цвета»

Как видим, тут мы можем изменить цвета описания и заголовка, добавить тени. Так же мы можем убрать плашку (это линия наверху визитки), изменить ее цвет или тоже добавить тень от нее.

Я изменила цвет описания и заголовка:

Электронная визитка

3. Вернемся назад, нажмем на кнопку «Шрифты» — тут мы можем заменить шрифты по умолчанию на свои шрифты, если загрузим их в бота.

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


Чтобы поработать над дизайном кнопок, вернемся назад и нажмем на «Кнопки»

Далее, нужно работать над каждой добавленной кнопкой отдельно.

Нажмем, например, на первую. У меня это номер телефона.

Тут мы видим три дизайнерские функции «Изменить шрифт названия», «Изменить шрифт описания» и «Изменить прозрачность».

Как я уже выше описала, для изменения шрифтов, нужно сначала загрузить свои шрифты в бота, а чтобы изменить прозрачность достаточно нажать на соответствующую кнопку и написать процент прозрачности.

По завершению всех настроек, возвращаемся назад и нажимаем кнопку «Опубликовать».

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем