Разделы и блоки конструктора
38 статей
- Секции и блоки: как их добавлять и упорядочивать и какие секции могут быть на каждой странице? Чем секции отличаются от блоков в конструкторе магазина, как их добавлять и упорядочивать, какие секции доступны на каждой странице, какие секции обязательны и сколько секций каждого типа может быть на странице.
- Как настроить шапку, подвал и панель объявлений (глобальные секции)? Обзор секций, которые обычно есть на каждой странице: шапка, подвал и панель объявлений, а также иконки социальных сетей, рассылка и кнопка "Наверх". Как каждая страница хранит свою копию и как скопировать секцию на все страницы.
- Как настроить шапку магазина (логотип, меню, поиск, корзина, фиксированная и прозрачная шапка)? Настройте секцию "Шапка": размер и положение логотипа, тип меню (мега, выпадающий список, выдвижная панель) и панель навигации на мобильных, иконку поиска, выдвижную или выпадающую корзину, выбор страны с флагами, фиксированную шапку при прокрутке и прозрачную шапку поверх главного баннера.
- Как добавить панель объявлений с меняющимися или бегущими сообщениями? Добавьте панель объявлений для акций, бесплатной доставки или уведомлений: до 7 сообщений, режим "Слайдер" (по одному сообщению) или "Бегущая строка" (прокручивающаяся строка), время между сообщениями, разделитель, направление, размер шрифта, ширина, цвета и отступы.
- Как настроить подвал магазина (о нас, меню, иконки соцсетей, иконки оплаты, ссылки на политики, авторские права)? Настройте секцию "Подвал" и ее блоки: "О нас" с логотипом и контактами, меню подвала, иконки социальных сетей, иконки оплаты, ссылки на политики, авторские права с "Работает на", текст, разделитель и группы для создания столбцов.
- Какие секции можно добавить на главную страницу (главный баннер, рекомендуемые товары, слайд-шоу, индикатор, коллекции)? Обзор секций главной страницы в конструкторе: главный баннер, слайд-шоу, рекомендуемые товары, коллекции, индикатор (анимированные числа) и преимущества, а также карточки товаров и коллекций, со ссылкой на полное руководство по каждой.
- Как настроить главный баннер на главной странице? Настройте главный баннер на главной странице: одно или два изображения или видео, высота (маленькая, на весь экран, по изображению, своя), текст и кнопки поверх, позиция и выравнивание, цветное наложение для читаемости текста и почему видео в баннере может не воспроизводиться.
- Как добавить слайд-шоу с несколькими слайдами на главную страницу? Добавьте слайд-шоу (карусель, слайдер изображений) на главную страницу: до 7 слайдов с изображениями или видео, текст и кнопки на каждом слайде, режим "Рамка", "Вставка" или "Слой", высота медиа, скорость автопрокрутки, стрелки, точки, счетчик и кнопка паузы.
- Как показать рекомендуемые товары (бестселлеры, новинки, со скидкой) на главной странице? Покажите сетку или карусель товаров на главной странице с помощью секции "Рекомендуемые товары": новейшие, самые старые, самые продаваемые, со скидкой или лучшие по рейтингу, ограничение одной коллекцией, количество товаров, столбцы, кнопка "Показать больше" и карусель на мобильном.
- Как показать коллекции на главной странице или на странице коллекций? Показывайте коллекции (категории) карточками с помощью секции "Коллекции" на главной странице или на странице всех коллекций: свой порядок, новейшие, самые продаваемые, лучшие по рейтингу или по алфавиту, макет "сетка", "карусель" или "бенто", количество коллекций и ссылки на подколлекции.
- Как показать подколлекции на странице коллекции? Показывайте дочерние коллекции (подколлекции, подкатегории) просматриваемой коллекции с помощью секции "Подколлекции" на странице коллекции: порядок, количество коллекций, макет "сетка", "карусель" или "бенто", карточки и почему секция не показывается в некоторых коллекциях.
- Как добавить карточки преимуществ, например бесплатная доставка или безопасная оплата? Добавьте секцию "Преимущества" на главную страницу: карточки с иконкой или изображением, заголовком и текстом для обещаний вроде бесплатной доставки, оплаты при получении или простого возврата. Столбцы, стиль, размер иконки, акцентная линия и эффект при наведении.
- Как показать анимированные числа и статистику (секция "Индикатор")? Показывайте ключевые цифры, например довольных клиентов, доставленные заказы или годы работы, с помощью секции "Индикатор": числа, которые растут при прокрутке до них, префикс и суффикс (+, %, K), подписи сверху или снизу, элементов в ряду, размер шрифта, жирность и разделители.
- Как добавить секцию FAQ с вопросами и ответами? Добавьте секцию FAQ (частые вопросы) на ваши страницы: вопросы, которые раскрываются по щелчку, режим аккордеона или независимый, открытые по умолчанию, стиль с разделителем, карточками или простой, заголовок рядом с вопросами или над ними и данные FAQ для поисковых систем.
- Как добавить слайдер изображений "до и после"? Добавьте секцию "До и после" (слайдер сравнения изображений) на ваши страницы: изображения "до" и "после", подписи, рядом или сверху и снизу, пропорции, положение разделителя, подсказка при появлении, следование за мышью на компьютере и заголовок рядом или над ним.
- Какие секции есть на страницах товара и лендинга (информация о товаре, отзывы, похожие товары)? Обзор секций страницы товара и лендинга: информация о товаре (галерея, название, описание, форма заказа, закрепленная кнопка), информация лендинга, форма заказа, отзывы, похожие товары и дополнительные блоки страницы товара, со ссылками на подробные руководства.
- Как настроить секцию "Информация о товаре" на странице товара (изображения, название, описание, закрепленная кнопка)? Настройте секцию "Информация о товаре" на странице товара: галерея изображений и видео (сетка или карусель, миниатюры, масштабирование, закрепленная галерея), блоки названия и описания, разделители, равные столбцы и закрепленная кнопка или полоса покупки.
- Как настроить секцию "Информация лендинга" и форму заказа (кнопки, обратный отсчет, WhatsApp)? Настройте секцию "Информация лендинга" и форму заказа на страницах товара и лендинга: форма в строке или всплывающая, заполнитель {{form}}, значок экономии, обратный отсчет, текст подарка, сводка заказа, кнопки "В корзину" и "Купить сейчас" и кнопка заказа через WhatsApp.
- Как добавить на страницу товара раскрывающиеся вкладки, даты доставки, таблицу размеров, значки или изображения "до и после"? Блоки страницы товара в конструкторе: раскрывающиеся вкладки (аккордеон) для информации о доставке и возврате, график ожидаемой даты доставки со временем окончания приема заказов, всплывающая таблица размеров, значки доверия и слайдер изображений "до и после".
- Как показать отзывы покупателей на странице товара (секция "Отзывы")? Настройте секцию "Отзывы" на страницах товара и лендинга: сводка рейтинга и распределение звезд, кнопка и форма "Написать отзыв", карточка отзыва с увеличением изображений, сетка или карусель, отзывов на странице, сортировка и что показывается, когда отзывов нет.
- Как показать похожие товары на странице товара? Добавьте секцию "Похожие товары" на страницы товара и лендинга: выберите источник (новейшие, самые продаваемые, со скидкой, лучшие по рейтингу, та же коллекция или товары, выбранные для каждого товара), задайте количество, сетку или карусель, столбцы и карточку товара.
- Как изменить вид карточек товаров и коллекций? Измените карточку товара (пропорции изображения, название, цена и значок экономии, рейтинг, кнопка покупки, образцы вариантов) и карточку коллекции (стандартный стиль или наложение, изображение, название, количество товаров, кнопка) в сетках товаров и коллекций.
- Какие секции можно добавить на любую страницу и что есть на страницах корзины, оформления заказа и контактов? Обзор секций, которые можно добавить на любую страницу (текст, изображение, разделитель, иконки соцсетей, рассылка, пользовательский код), и главных секций страниц коллекции, поиска, корзины, оформления заказа, благодарности, контактов, политики и 404, со ссылками на руководства.
- Как настроить страницу корзины и страницу оформления заказа? Настройте секцию "Корзина" на странице корзины (пропорции и размер изображений, плотность, полоса бесплатной доставки, пустая корзина) и секцию "Оформить заказ" на странице оформления (форма заказа, выбор доставки и оплаты, сводка заказа) и узнайте, когда покупатели видят каждую страницу.
- Как настроить страницу благодарности (подтверждение заказа) после заказа? Настройте страницу благодарности, которую покупатели видят после заказа: секция "Подтверждение заказа", сводка заказа, информация о заказе (ID или номер, дата, способ оплаты и доставки), информация о клиенте, ваше сообщение с {{first_name}} и другими переменными, кнопки и изображения.
- Как настроить страницу контактов и форму обратной связи? Настройте секцию "Контакты" на странице контактов: почта, на которую приходят сообщения, поля формы (имя, почта, тема, сообщение), сообщение об успехе, капча от спама, текст и стиль кнопки, макет и почему сообщения могут не приходить.
- Как настроить страницу результатов поиска? Настройте страницу поиска, которая показывает результаты, когда покупатели ищут в вашем магазине: секция "Поиск товаров", столбцы, столбцы на мобильном, карточка товара, текст над результатами, как подбираются товары и кнопка "Показать больше".
- Как настроить сетку товаров на странице коллекции ("Товары коллекции")? Настройте страницу коллекции: сетка "Товары коллекции", столбцы, столбцы на мобильном, промежуток, карточка товара, заголовок с {{collection_name}}, {{collection_description}} и {{products_count}}, подколлекции, порядок товаров и кнопка "Показать больше".
- Как изменить вид страниц политик (секция "Политика")? Оформите страницу политики, на которой показываются политика конфиденциальности, условия обслуживания, политики возврата, доставки и cookie: секция "Политика", время чтения, ширина, цвета, отступы, пользовательский CSS и где редактировать текст политики.
- Как настроить страницу 404 (страница не найдена)? Настройте страницу 404, которую покупатели видят, когда ссылка не существует: секция 404, ее текст, кнопки, разделители и группы, кнопка "Вернуться на главную" по умолчанию, ширина, цвета и отступы.
- Как добавить иконки социальных сетей в магазин (Instagram, TikTok, Facebook, WhatsApp)? Добавьте секцию "Иконки социальных сетей": ссылки на Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp и Telegram, вид иконок или приложений, в строке или с закреплением у края экрана, форма, размер, цвета и эффект при наведении.
- Как добавить в магазин форму подписки на рассылку? Добавьте секцию "Рассылка", чтобы собирать подписчиков: форма в странице или всплывающая форма в углу, заголовок, сообщение об успехе, поле почты с меткой, заполнителем и фразой конфиденциальности, кнопка со стрелкой или текстом, встроенная кнопка, группы, цвета и куда попадают подписки.
- Как использовать секции и блоки "Текст", "Изображение" и "Разделитель"? Настройки секций и блоков "Текст", "Изображение" и "Разделитель": текстовый редактор, стили заголовков, размер, высота строки, межбуквенный интервал, ширина и выравнивание, ширина изображения, пропорции, подгонка, скругление и ссылка, толщина, длина и выравнивание разделителя, цвета и отступы.
- Блоки "Группа", "Текст", "Кнопка" и "Разделитель": как работают настройки элементов макета? Обзор блоков "Группа", "Текст", "Кнопка" и "Разделитель", которые используются во всем конструкторе, с полными настройками кнопки: надпись, тип ссылки (URL, почта, телефон, якорь), стиль и ширина на компьютере и мобильном. Ссылки на руководства по группам, тексту, изображениям и разделителям.
- Как с помощью блоков "Группа" размещать контент рядом или в столбцы? Как работает блок "Группа": блоки рядом или друг под другом, вложенные группы, направление, вертикальное расположение на мобильном, позиция и выравнивание, пространство между, ширина (заполнить, вписать или своя), промежуток, цветовая схема, граница, скругление, наложение фона и отступы.
- Как добавить изображения "до и после", анимированные волны, частицы или кнопку "Наверх"? Обзор дополнительных секций для ваших страниц: слайдер сравнения изображений "до и после", полосы анимированных волн, парящие частицы (снег, пузырьки, звезды) и кнопка "Наверх", со ссылками на полное руководство по каждой.
- Как добавить в магазин анимированные волны или парящие частицы (снег, пузырьки, звезды)? Добавьте секции "Анимированные волны" и "Анимированные частицы": стиль волн, высота, слои, скорость, направление, отражение, перекрытие и объединение с шапкой, а также форма частиц (точка, пузырек, звезда, снег), количество, размер, скорость, направление, прозрачность и цвета.
- Как добавить в магазин кнопку "Наверх"? Добавьте секцию "Наверх": круглую кнопку со стрелкой в нижнем углу, которая появляется после прокрутки и возвращает покупателя в начало страницы. Задайте угол, размер, кольцо прогресса прокрутки и цветовую схему и покажите ее на каждой странице.