Top.Mail.Ru
интернет-магазинов
school_flashfamily
тильда гуру
функционал
school_flashfamily
Тильда позволяет в одном проекте сделать 500 страниц и запустить в продажу 5 000 товаров. Поэтому подходит для разработки самых разных форматов интернет-магазинов
тильда гуру
school_flashfamily
каталог товаров
тильда гуру
Чтобы разместить товары на странице, используйте блоки с карточками товаров из категории «Магазин»: ST300, ST305N, ST310N, ST315N или ST320N.
Карточки товара можно заполнить вручную, в контенте блока, либо через каталог.

Выбираем блок с карточками → Контент → Выводить товары из каталога → выбираем нужное значение
school_flashfamily
каталог товаров
тильда гуру
Каталог заполняется на отдельной странице в панели управления каталога.
Попасть на неё можно из блока с карточками товара или из страницы проекта
school_flashfamily
добавление товара
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер). Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи

  • При необходимости добавьте дополнительные опции, которые влияют на цену товара. Например, подарочная упаковка или дополнительный аксессуар в комплекте
  • Разделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • SEO
  • Импорт и экспорт товаров
school_flashfamily
Рассмотрим подробнее панель управления и настройки характеристик товара
тильда гуру
school_flashfamily
панель управления
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Разделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • Импорт и экспорт товаров
  • Скидки
school_flashfamily
разделы каталога
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
Позволяет разделить товары по категориям, чтобы была возможность в отдельные блоки подключать только определённую категорию товаров.

Переместить товар в нужный раздел, можно провалившись в карточку и проставив нужное значение
school_flashfamily
фильтры
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
Фильтры — это набор управляющих элементов, которые располагаются над списком товаров и помогают быстрее находить нужные.

По умолчанию фильтра всего 4:
Размер, Бренд, Цена, Наличие
Фильтры — это набор управляющих элементов, которые располагаются над списком товаров и помогают быстрее находить нужные товары.

Отображаются сверху или сбоку (только в блоке s320n)
На сайте фильтры отображаются над карточками товаров. В блоке S320N фильтры расположены слева. Также фильтры можно отключить в настройках блока
school_flashfamily
фильтры
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
Фильтры — это набор управляющих элементов, которые располагаются над списком товаров и помогают быстрее находить нужные

По умолчанию фильтра всего 4:
Размер, Бренд, Цена, Наличие
сверху
слева
school_flashfamily
сортировка товаров
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
Товары можно упорядочить по цене, алфавиту или новизне. Вместе с применением фильтров можно добиться более точного результата поиска. Сортировку и фильтрацию можно добавить или отменить в настройках блока с товарами
Строка поиска товаров позволяет найти товар по ключевым словам. Сортировку, фильтрацию и поиск можно добавить или отменить в настройках блока с товарами или в каталоге
school_flashfamily
поиск товаров
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
Строка поиска товаров позволяет найти товар по ключевым словам. Поиск можно добавить или отменить во вкладке «Фильтры» в каталоге
school_flashfamily
импорт , экспорт интеграции
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
Импорт в формате CSV поможет быстро загрузить ваши товары в каталог. Формат YML поможет выгрузить ваши товары в Яндекс.Маркет.
Также можно создать интеграцию каталога с 1С, Мой Склад и ВК. Для каждого варианта у Тильды есть своя инструкция, которая периодически обновляется
school_flashfamily
скидки
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
Скидки можно настроить разных видов: линейные и дифференциальные, зависящие как от количества товаров, так и от общей суммы покупки. Скидки можно устанавливать, как в процентах от суммы, так и просто, как сумму в валюте вашего магазина
school_flashfamily
настройка параметров товара
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Описание и цена
  • Количество товаров в наличии
  • Варианты товаров
  • Дополнительные опции
  • Харакетирстики
  • Табы
  • SEO
  • Весовые товары
  • Разделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • SEO
  • Импорт и экспорт товаров
school_flashfamily
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
Описание и цена
  • Разделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • SEO
  • Импорт и экспорт товаров
Заголовок и описание будет отображаться в карточке товара. В графе текст можно заполнить подробную информацию, которая будет видна при открытии карточки товара
Описание и цена
Количество товаров в наличии
Варианты товаров
Дополнительные опции
Харакетирстики
Табы
SEO
Весовые товары
Количество товаров в наличии
Если количество товара нужно ограничить, то это возможно сделать, указав остаток в соответствующей графе. Когда товар закончится, информация об этом отобразится на карточке
Варианты товаров
Вариант — это товар с определённым набором свойств. Например: двухспальный комплект постельного белья из льна. Свойства товара: размер, материал. Каждый вариант может иметь отдельные артикул, цену, количество и фотографию
Дополнительные опции
Перечислите значения опции, отделяя их переносом строки. Если опция имеет свою цену, поставьте сочетание символов =+ и укажите цену (только цифры, без знака валюты). Например: Подарочная упаковка 500 руб. = +500
school_flashfamily
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
Характеристики
  • Разделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • SEO
  • Импорт и экспорт товаров
С помощью характеристик можно создавать новые группы фильтров. Это удобно, когда необходимо добавить фильтр по специфичным свойствам товара
Описание и цена
Количество товаров в наличии
Варианты товаров
Дополнительные опции
Харакетирстики
Табы
SEO
Весовые товары
Табы
Добавляют раскрывающиеся вкладки в карточку товара. Там можно разбить контент по категориям. Например: характеристики, формат оплаты, размерная сетка и так далее

Пример
SEO
Для каждого товара автоматически создаётся уникальная страница, которая индексируется в поисковых системах. Также генерируется файл sitemap-store.xml, который можно добавить в Google Search Console и Яндекс.Вебмастер. Во вкладке можно прописать SEO-текст
Весовые товары
Единицы измерения позволяют указать в каких единицах измеряется товар и с каким шагом можно заказывать требуемое количество. Если цена за товар определяется весовой единицей, то в платёжные системы и сервисы доставки он будет передаваться одной позицией
school_flashfamily
корзина
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Удобное управление товарами в интернет-магазине
  • Количество товаров в наличии
  • aуправление товарамиРазделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • SEO
  • Импорт и экспорт товаров
После заполнения карточек товара на страницу необходимо добавить корзину, блок ST100. В корзине нужно проставить важные для магазина поля для ввода: почта, телефон, адрес, варианты доставки и прочее.

Опционально к корзине можно подключать сервисы доставки СДЕК, Boxberry и Почта России.

Настройки сайта → Платёжные системы → Сервисы доставки

Инструкция по интеграции продвинутых служб доставки Тильда периодически меняет и дополняет. При их настройке нужно пользоваться актуальной инструкцией
school_flashfamily
избранное
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Удобное управление товарами в интернет-магазине
  • Количество товаров в наличии
  • aуправление товарамиРазделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • SEO
  • Импорт и экспорт товаров
Для подключении функции «Добавить в избранное», нужно вставить блок ST110. В карточках каталога автоматически появится иконка добавления. Изменить внешний вид виджета и иконок можно в настройках блока
school_flashfamily
поиск
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Удобное управление товарами в интернет-магазине
  • Количество товаров в наличии
  • aуправление товарамиРазделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • SEO
  • Импорт и экспорт товаров
Блоки с поиском по сайту находятся в категории Другое:

  • T838 — Поиск по сайту.
  • T985 — Виджет поиска, раскрывающийся по клику

Чтобы поиск заработал, проставьте галочку «Разрешить внутренний поиск по сайту» в Настройках сайта → вкладка «Ещё».

После этого в течение 15 минут содержимое ваших страниц проиндексируется и в блоке с поиском начнут выводиться результаты
school_flashfamily
оплата
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Удобное управление товарами в интернет-магазине
  • Количество товаров в наличии
  • aуправление товарамиРазделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • SEO
  • Импорт и экспорт товаров
После настройки корзины на сайт необходимо добавить возможность оплаты. На данный момент в Тильде есть возможность подключения более десяти платёжных систем.

Настройки сайта → Платёжные системы → Платёжные сервисы

К каждой платёжной системе имеется своя инструкция.
После подключения системы её нужно включить в настройках корзины
school_flashfamily
оплата без корзины
тильда гуру
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Нажмите на кнопку «Добавить товар» и заполните его название, описание и загрузите изображения.

  • Если у товара есть варианты, то добавьте свойства (например, цвет или размер) и варианты. Для каждого варианта товара можно задать свой набор свойств и количество, доступное для продажи.

  • По необходимости добавьте дополнительные опции, которые влияют на его цену. Например, подарочная упаковка или дополнительный аксессуар в комплекте.
  • Удобное управление товарами в интернет-магазине
  • Количество товаров в наличии
  • aуправление товарамиРазделы каталога
  • Фильтр товаров
  • Сортировка товаров
  • Поиск товаров
  • SEO
  • Импорт и экспорт товаров
В случае, если на сайте не подразумевается корзина, но оплата нужна, то нужно также подключить платёжную систему и добавить на сайт блок ST105, который позволяет прикрепить к любой кнопке ссылку на страницу оплаты с указанной суммой
flash_family
спасибо :)
school_flashfamily
flashfamily
school.flashfamily
тильда гуру
1/14