...
| Оглавление |
|---|
...
Setting up social media networks widgets, both for site pages and for authentication (log in or register using an available social network).
| Информация |
|---|
Widget is a social networking icon that buyers can log on to, share information with friends or go to your social media networks page. |
Location in admin panel: Promotion → Social networks
...
Where are social networks icons located in website design?
| Информация |
|---|
Расположение иконок (виджетов) зависит от выбранного дизайна сайта. Что делать, если у вас свой дизайн (кастом), будет рассказано отдельно |
На примере дизайна Elastic
Location of icons (widgets) depends on selected website design. We will write separately what to do if you have your own design (customized one). |
Using Elastic design theme example
Read Как выбрать дизайн сайта рассказано в статье “General” (Configuration → System → General) article how to select website design theme
Read Как редактировать дизайн рассказано в статье “Design template” (Configuration → Website configuration → Design template)
На всех страницах сайта в подвале (в самом низу)
Покупатель кликнет по иконке и в новом окне откроется ваша страница/группа в соцсети
Во время регистрации и авторизации
article how to edit website design theme
On all pages of website in the footer (at the very bottom)
Customer will click an icon and new window will open your social network page/group
During registration and authorization
Customer can click social network "Sign in with" and skip the fields for authorization and registrationПокупатель может кликнуть по соцсети «Войти с помощью» и не заполнять поля для авторизации и регистрации
На странице с товаром
Покупатель может сделать репост страницы с товаром (иконки находятся после кнопки «Добавить в корзину»)
Для «Быстрого просмотра» это тоже работает
Языковая версия: разные виджеты для выбранных языков
Для каждой языковой версии сайта можно настроить свои виджеты.
On product page
Customer can make repost of product page (icons are located after "Add to Basket" button)
It also works for "Quick order"
Language version: different widgets for selected languages
It's possible to set own widgets for each language version of website.
Read how to set language version in “Multilingualism” article Настройка языковых версий в разделе “Multilingualism” (Configuration → Languages → Multilingualism)
Чтобы выбрать языковую версию, открываем «Социальные сети» в разделе продвижение
Справа будет кнопка со списком доступных языковых версий
Выбираем из списка нужную языковую версию кликом мышки и настраиваем по инструкциям ниже
Настройка по типам приложения: если нужна кастомизация
Чтобы добавить соцсети в кастомизированный сайт, открываем «Социальные сети» в разделе продвижение
В блоке «Настройки по типам приложений кликаем по надписи «Стандартный»
Выбираем в списке «Кастомный»
Нажимаем кнопку «Сохранить»
Окошко для написания кода стало активным и теперь можно использовать свой код для виджетов соцсетей
Настройка виджетов для всех страниц сайта
Чтобы настроить виджеты, открываем «Социальные сети» в разделе продвижение
В каждой соцсети есть несколько вариантов взаимодействия:
- Перейти
- Нравится
- Поделиться
- Подписаться
| Информация |
|---|
Отображение виджетов зависит от клиентского сайта или приложения, а так же его темы. Не все виджеты могут быть отображены |
На вкладке каждой доступной соцсети есть 4 блока для заполнения
Все виджеты можно получить на сайтах соцсетей или по запросу в Google или Яндекс: «виджет ВК», «виджет одноклассники» и тп
Для удобства можно кликать по ссылкам из таблицы:
Open "Social networks" tab in "Promotions" section to select language version
A button with a list of available language versions will be on the right
Select necessary language version from the list and set it according to instructions below
Set up by application type: if you need customization
Open "Social networks" tab in "Promotion" section to add social networks into customized website
Select "Custom"
Click checkmark button to save
A window for writing code has become active and now you can use your code for social netwoks widgets
Set up widgets for all pages of the site
Open "Social networks" tab in "Promotion" section to set up widgets
Each social network has several options for interaction:
- Open
- Like
- Share
- Subscribe
| Информация |
|---|
Widgets display depends on client site or application, as well as its design theme. Some widgets can't be displayed |
There are 4 blocks to fill on the tab of each available social network
You can get all widgets on social media sites or upon request in Google or Yandex: "Twitter widget", "Facebook widget", etc.
You can click the links from the table for convenience:
| Icon | Social network | Link to set up widget |
|---|---|---|
Share | ||
| Иконка | Соцсеть | Ссылка на настройку виджетов |
| Одноклассники | https://apiok.ru/ext/group (все виджеты в меню слева) | |
| ВКонтакте | https://vk.com/dev/widgets_for_sites | |
Твитнуть https://help.twitter.com/ru/using-twitter/add-twitter-share-button Кнопки Buttons https://help.twitter.com/ru/using-twitter/twitter-buttons | ||
| https://developers.google.com/identity/sign-in/android/sign-in-identity | ||
| https://developers.facebook.com/docs/plugins (все виджеты в меню слеваall widgets are located in the menu on the left) | ||
| Apple | https://developer.apple.com/sign-in-with-apple/ |
Чтобы настроить конкретную соцсеть, выбираем слева кликом мышки по названию
Под надписью «Ссылка» вставляем ссылку на вашу группу или страницу
Нажимаем «Сохранить»
Далее, в каждое окошко виджета вставляем соответствующий код (все окошки подписаны)
Когда код будет вставлен, нажимаем кнопку «Сохранить»
Таким образом настраиваются все соцсети, которые вам необходимы
Система аутентификации: выбираем соцсети для пользователей
Чтобы сделать авторизацию и регистрацию с помощью виджетов, открываем «Социальные сети» в разделе продвижение
Прокручиваем мышкой страницу в самый низ к блоку «Внешняя система аутентификации
Из списка справа кликом мышки выбираем нужные соцсети
Нажимаем кнопку Добавить
Выбранные соцсети перейдут в список слева
Можно менять местами порядок соц сетей
Рядом с соцсетью слева зажимаем иконку перемещения (крест со стрелками)
Создаем нужный нам порядок
Click the title of necessary social network on the left to set it up
Paste link to your group or page under "Link"
Click checkmark button to save
Next add corresponding code (all windows are signed) in each window of the widget
Click checkmark button after pasting the code to save
Thus, all necessary social networks are configured.
Autentification system: select social networks for users
Open "Social networks" tab in "Promotion" section to set up authorization and registration using widgets
Scroll the page to the bottom to "External authentication system" block
Select necessary social networks from the drop-down list on the right
Click a cross button to add
Selected social networks will move to the list on the left
You can swap social networks order
Hold down move icon (cross with arrows) next to the social network on the left
Make necessary order
Save all changesСохраняем все изменения
