ГлавнаяМатериалы из Reels/ShortsЧек-лист
Чек-лист
кодовое словоРазмер

Fitting: подбор размера для магазина одежды на Shopify

Ставишь в свой магазин на Shopify кнопку «Найти мой размер»: покупатель вводит рост и вес, отвечает на два вопроса и получает размер с объяснением. Ниже - где взять Fitting, как поставить его одним файлом и как настроить под свою размерную сетку.

Содержание6 глав
  1. 01Где взять Fitting
  2. 02Как поставить Fitting в тему
  3. 03Как настроить под свой магазин
  4. 04Путь до размера
  5. 05Проверка перед запуском
  6. 06Проверь себя

Шаг 0

Где взять Fitting

Fitting делает студия Maisonblock - это готовые секции и блоки для тем Shopify. Fitting - блок для страницы товара: кнопка «Find my size» и подбор размера по росту, весу и двум вопросам про фигуру и посадку. Цена - $29 разово за один магазин, без подписки.

Fitting на сайте Maisonblock

Все блоки и секции Maisonblock

Важно до покупки
Fitting - это блок темы (theme block). Он работает только в теме, которая принимает такие блоки на странице товара, например Horizon. В Dawn Fitting не встанет. Сначала проверь, какая тема у тебя стоит.

Тема Horizon в Shopify Theme Store (бесплатно)

  • Открой админку Shopify → Online Store → Themes и посмотри, какая тема у тебя активна
  • Если тема не Horizon и не принимает theme blocks - поставь Horizon из Theme Store
  • Купи Fitting на странице Maisonblock - лицензия на один магазин, оплата один раз
  • Найди письмо от Maisonblock со ссылкой на загрузку: там файл Fitting и PDF-инструкция
  • Скачай файл и PDF к себе на компьютер

Шаг 1

Как поставить Fitting в тему

Кодить не надо: ты загружаешь в код темы один файл, а дальше всё настраивается в обычном редакторе темы. Порядок открытия редактора кода - по справке Shopify.

01
Сделай копию темы
Online Store → Themes → три точки у темы → Duplicate. Копия - твоя страховка: если что-то пойдёт не так, просто вернёшься к ней
02
Открой код темы
Online Store → три точки у темы → Edit code
03
Добавь файл Fitting
Загрузи файл из загрузки Maisonblock в папку темы, которую указывает PDF-инструкция (для блоков темы это папка blocks). Имя файла не меняй. Сохрани
04
Открой редактор темы
Online Store → Themes → Customize. Сверху переключи шаблон на страницу товара (Products → Default product)
05
Добавь блок на страницу товара
В разделе с информацией о товаре нажми Add block и выбери Fitting. Перетащи его под выбор размера - туда, где покупатель выбирает вариант. Сохрани

Справка Shopify: как редактировать код темы

Загрузки и обновления Maisonblock

Шаг 2

Как настроить под свой магазин

01
Загрузи свою размерную сетку
В настройках блока Fitting заполни таблицу размеров - в сантиметрах или дюймах, как у тебя на бирках. Бери реальные замеры своих вещей, а не общую таблицу из интернета
02
Проверь единицы для покупателя
Рост покупатель вводит в сантиметрах или в футах и дюймах, как ему привычно. Убедись, что оба варианта переключаются
03
Проверь кнопку
На странице товара должна появиться кнопка «Find my size» под выбором размера

Как это видит покупатель

Путь до размера

01
Жмёт «Find my size»
Прямо на карточке товара, без перехода на другую страницу
02
Ставит рост и вес
В сантиметрах или в футах и дюймах
03
Отвечает на два вопроса
Про фигуру и про то, как он любит, чтобы сидело
04
Получает рекомендацию с объяснением
Рекомендованный вариант из твоей сетки и причины, почему именно он. Рядом - твоя размерная сетка

Шаг 3

Проверка перед запуском

  • Открой страницу товара в превью темы и пройди подбор сам: рост, вес, два вопроса
  • Сверь рекомендацию со своей сеткой - он должен совпадать с замерами
  • Открой ту же страницу с телефона и пройди подбор ещё раз
  • Проверь, что кнопка не перекрывает «Добавить в корзину» на маленьком экране
  • Опубликуй тему (Publish), когда всё работает
Обновления и поддержка
Ссылка на загрузку всегда отдаёт свежую версию: скачай заново, замени файл в теме - настройки сохранятся. Вопросы по установке - в директ Maisonblock в Instagram или через форму на сайте.

Связаться с Maisonblock

Maisonblock в Instagram

Итог

Проверь себя

  • Убедился, что тема принимает theme blocks (Horizon), а не Dawn
  • Купил Fitting на maisonblock.com и скачал файл с PDF-инструкцией
  • Сделал копию темы перед правкой кода
  • Загрузил файл Fitting в код темы
  • Добавил блок Fitting на шаблон страницы товара под выбор размера
  • Заполнил свою размерную сетку в сантиметрах или дюймах
  • Прошёл подбор сам на компьютере и на телефоне
  • Опубликовал тему
Скачать материал