Кнопки WhatsApp, Viber, Email и WeChat в шаблоне — конструкторе AB-Inspiration

  Автор:
  14 комментариев
  13113
Кнопки WhatsApp, Viber, Email и WeChat в шаблоне AB-Inspiration

По многочисленным просьбам пользователей шаблона — конструктора AB-Inspiration в новой версии шаблона я добавила дополнительные кнопки для контакта: WhatsApp, Viber, Email и WeChat.

Иконки WhatsApp, Viber, Email и WeChat будут отображаться в виджете в шапке (Социальные сети), и в виджете «Следуй за мной».

В этой статье я расскажу как их настроить.

Итак, для начала убедитесь, что у вас новая версия шаблона AB-Inspiration 7.20 или выше.

Как установить кнопки WhatsApp, Viber, Email и WeChat в виджет в шапке

1. Перейдите в раздел Внешний вид -> Виджеты

2. Если вы еще не установили виджет 0-AB-Виджет в шапке, то найдите его в списке доступных виджетов и кликните по нему мышкой

3. Выберите из списка Виджет в шапке

4. Нажмите на кнопку «Добавить виджет»

5. Откройте виджет и выберите из списка «Социальные кнопки»

6.  Спуститесь вниз виджета и заполните поля, которые вам нужны «WhatsApp, Viber, Email и WeChat». Whatsapp и Viber заполняйте без скобок и знака плюс, в поле email просто пропишите ваш Email адрес, если вы хотите использовать китайскую социальную сеть WeChat вам необходимо сгенерировать QR код в сервисе WeChat, затем скачать изображение, загрузить его через медиафайлы на блоге, взять ссылку на изображение и вставить в виджете в поле WeChat.

7. Укажите размер иконок

8. Укажите форму иконок

9. Если необходимо укажите отступ сверху

10. Нажмите на кнопку «Сохранить»

Теперь можно посмотреть что получилось.

Справа в шапке у вас должны появиться вот такие кнопки:

Как установить кнопки WhatsApp, Viber, Email и WeChat в виджет Следуй за мной

Скорее всего этот виджет у вас уже установлен. Просто зайдите в раздел «Внешний вид» — Виджеты, откройте виджет «Следуй за мной» и заполните те поля, которые вам необходимы, WhatsApp, Viber, Email и WeChat.

Whatsapp и Viber заполняйте без скобок и знака плюс, в поле email просто пропишите ваш Email адрес, если вы хотите использовать китайскую социальную сеть WeChat вам необходимо сгенерировать QR код в сервисе WeChat, затем скачать изображение, загрузить его через медиафайлы на блоге, взять ссылку на изображение и вставить в виджете в поле WeChat.

В боковой колонке кнопки будет выглядеть  так:

При клике на кнопки WhatsApp и Viber начнется звонок, при клике на кнопку WeChat во всплывшем окне появится QR код, и при клике на кнопку Email откроется почтовая программа.

Если у вас возникнут вопросы при настройке кнопок, не стесняйтесь, спрашивайте. Буду рада помочь.

 

P.S. Если вы используете кнопку Viber, чтобы отобразилась иконка необходимо обновить файл стилей. Это нужно сделать 1 раз, поскольку в новой версии шаблона внесены изменения в данный файл и скорее всего ваш браузер запомнил предыдущую версию.

Если вы после настройки не видите иконку Viber сделайте следующее:

  1. Копируйте ссылку: ВАШ-ДОМЕН.RU/wp-content/themes/ab-inspiration/style.css
  2. Вставьте эту ссылку в браузер
  3. Замените ВАШ-ДОМЕН.RU на домен вашего блога
  4. Нажмите Enter. Должен открыться файл стилей.
  5. Обновите страницу.

Если у вас все еще не отображается кнопка Viber, обратитесь в техподдержку.

 


Создать сайт для заработка с нами — легко и быстро!

За помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget
Кнопки WhatsApp, Viber, Email и WeChat в шаблоне — конструкторе AB-Inspiration

   6 голосов
Средняя оценка: 5 из 5
Находите эту информация полезной и интересной? Тогда смело жмите на кнопки соцсетей и поделитесь этой информацией со своими друзьями и знакомыми:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Подпишись на меня в Telegram! Только важные новости и лучшие статьи
Оставьте свой комментарий:

Комментарии на Блог
14 комментариев
  1. Виктор

    Круто!!! Анфиса, Василий, вот это новость!!! Спасибо вам большое за постоянное обновление шаблона. Обязательно установлю

  2. Виктор

    А как установить кнопку телеграмм? Вставляю логин от телеграмма, и ничего не происходит:)

  3. Анфиса, спасибо за кнопки! Но есть проблемка, новые кнопки в виджете «Следуй за мной» не меняют свой размер, остаются большими

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

  5. Владимир

    Анфиса, здравствуйте. Что-то не получается.. Кнопки на сайте не отображаются. Как так то?

    • Владимир, спасибо большое за обратную связь. Ошибку исправла и выпустила новую версию шаблона. Обновите шаблон и все появится :).

      • Владимир

        Ага… Спасибо.. Всё заработало.
        Анфиса ещё вопрос: Есть возможность добавить свой шрифт? если «да»… подскажите директорию.
        Спасибо

  6. Владимир

    Это я по виджет «Следуй за мной»

  7. Валентина

    Анфиса, спасибо за полезную, обучающую статью.

  8. Анфиса, спасибо за новую фишечку! Все хорошо, только Вайберне встает в ряд, выпадает вниз
    и не обозначается никак, пустая кнопка.
    Всего Вам доброго!

  9. Сбылась моя мечта: как раз думала «как бы было хорошо добавить в Контакты Вайбер».
    Я кстати поставила в боковую колонку http://wellcoach.ru/blog/ 2 виджета «Следуй за мной»:
    Один для Контактов (все что в Статье перечислено), а второй для социальных сетей.
    А еще сделала Подписную страницу в Телеграм и поставила ее отдельно в Виджете на Блоге.
    Вобщим, заниматься творчески шаблоном Вдохновение одно удовольствие.
    БЛАГОДАРЮ Анфиса

Ваш адрес email не будет опубликован. Обязательные поля помечены *