Секция Иконки социальных сетей показывает ссылки на ваши профили в соцсетях. Она может находиться внутри страницы или оставаться закрепленной сбоку экрана, пока покупатели прокручивают страницу.
Добавьте ее
В конструкторе откройте вкладку Секции, нажмите Добавить новую секцию и выберите Иконки социальных сетей в группе Маркетинг. Одна на страницу, на любой странице. В подвале есть блок Иконки социальных сетей с теми же аккаунтами и настройками иконок, см. Как настроить подвал магазина (о нас, меню, иконки соцсетей, иконки оплаты, ссылки на политики, авторские права)?.
Аккаунты соцсетей
Заполните только те платформы, которыми пользуетесь. Пустые не показываются, а если не заполнен ни один аккаунт, секция не показывается вообще.
- Для Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr и Telegram введите только имя пользователя, а не полную ссылку. Например,
mystore. Некоторые платформы, например Instagram, TikTok и X, принимают также@mystore. - Для страницы компании в LinkedIn введите
company/, а затем название страницы, напримерcompany/mystore. - Для WhatsApp введите номер телефона в международном формате, только цифры, например
212600000000.
На страницах товара и лендинга ссылка WhatsApp открывает чат с готовым сообщением, в котором указан товар, чтобы вы знали, о чем спрашивает покупатель. Это работает и для блока в подвале.
Макет
- Режим: В строке показывает иконки рядом на странице. Фиксированный закрепляет их столбиком сбоку экрана.
- Позиция (только для фиксированного режима): край Слева или Справа.
- В строке на мобильном (только для фиксированного режима): на маленьких экранах иконки возвращаются на страницу, чтобы не закрывать контент.
- Ширина секции и Выравнивание (только в строке): ширина страницы или полная, иконки слева, по центру или справа.
Внешний вид
- Вид: Иконки дает все настройки стиля ниже. Приложение показывает каждую платформу круглой кнопкой в ее фирменном цвете, как иконки приложений. В виде "Приложение" настройки формы, стиля, палитры, эффекта при наведении и цветовой схемы скрыты, потому что не применяются.
- Размер иконки: от 12 до 64 пикселей.
- Форма: Нет (только иконка), Круг, Скруглённый или Квадрат. С формой появляются также Стиль (Плоский с заливкой или Контур) и Размер формы. Форма всегда не меньше иконки.
- Цветовая палитра: Бренд (собственный цвет каждой платформы), Моно (цвет текста вашей схемы) или Настраиваемый с Пользовательский цвет.
- Эффект при наведении: Нет, Бренд (переход в фирменный цвет), Масштаб, Подъём или Прозрачность.
- Цветовая схема: фон секции и цвет "Моно".
- Промежуток между иконками, Отступы и вкладка Пользовательский CSS.
Рецепты
- Иконки, которые следуют за покупателем: установите режим "Фиксированный" и позицию "Справа" и включите "В строке на мобильном". На компьютерах иконки остаются сбоку экрана, пока покупатель прокручивает страницу.
- Яркие кнопки-приложения: установите вид "Приложение". Каждая платформа сохраняет свой фирменный цвет, какими бы ни были цвета магазина.
- Спокойные иконки в стиле магазина: вид "Иконки", форма "Нет", палитра "Моно" и эффект при наведении "Бренд", чтобы фирменный цвет появлялся только при наведении.
Полезно знать
- Ссылка открывает не ту страницу: проверьте, что вы ввели только имя пользователя. Полный адрес или лишние символы не принимаются.
- Фиксированные иконки закрывают кнопку на телефонах: включите "В строке на мобильном".