Интернет-магазин на Blogger без WooCommerce

Шаблон Shopping — товарная витрина с ценниками и wishlist для Blogger

Shopping для Blogspot: магазин без WooCommerce, корзины и хостинга

Большинство инструкций про «магазин без корзины» ведут на WordPress + WooCommerce в режиме каталога. Платный хостинг, плагин импорта, ручная настройка — и всё это ради того, чтобы кнопка «купить» просто вела на AliExpress. Blogger решает ту же задачу бесплатно: каждый пост — карточка товара, каждый ярлык — категория, а шаблон Shopping добавляет к этому ценники, стикеры скидок и кнопки с иконкой WhatsApp прямо из шорткода.

Шаблон подходит для тех, кто продаёт через мессенджеры или партнёрские ссылки и не хочет возиться с платёжными шлюзами. CPA-блог с подборками товаров с AliExpress, дропшиппинг-витрина для заказов через Telegram, каталог ручной работы с оплатой на карту — всё это запускается на Blogger бесплатно за один день. Shopping оформляет эту схему в готовый вид с нормальным дизайном.

Два момента, которые отличают его от других шаблонов Blogger: встроенная система закладок (wishlist) сохраняет отложенные товары в браузере без нагрузки на сервер, а шорткоды покупки поддерживают иконки WhatsApp, PayPal, gift и download — кнопка меняется под нужный канал продаж одним параметром.

"Shopping — не замена интернет-магазину, а другая логика. Ты не принимаешь оплату на сайте — ты показываешь товар и отправляешь покупателя туда, где удобно платить. Если твоя схема именно такая, WooCommerce тебе не нужен." — LeVTemplate

🖥️ Живой пример: каталог lev-template.com — этот сайт — работает на Shopping. Главная страница доработана под каталог шаблонов, но все виджеты, wishlist и шорткоды покупки — родные, без сторонних плагинов. Можешь открыть и посмотреть, как шаблон выглядит в реальной работе, а не только в демо.

📚 Shopping входит в подборки: Шаблоны интернет-магазина для Blogger

Обзор: Shopping

Тип: товарная витрина / партнёрский каталог

🛍️ Витрина

Обзор

🛠 Инфо

Плюсы

Встроенный wishlist без нагрузки на сервер
Шорткоды ценников и стикеров скидок из поста
Кнопка покупки с иконками WhatsApp, PayPal, gift, download
Тёмный режим, адаптивный макет, залипающий сайдбар
Мегаменю с подкатегориями через подчёркивания
Коробочный режим и залипающая шапка из настроек темы
Рекламные блоки AdSense через шорткод без правки кода
Бесплатная версия с полным функционалом витрины

Минусы

Нет корзины и онлайн-оплаты — шаблон изначально не для прямых продаж на сайте; если нужна корзина, это не тот инструмент.
Wishlist привязан к браузеру — закладки хранятся в локальном хранилище конкретного устройства, при смене браузера или очистке данных список обнуляется.
Слайдер-баннер только в премиум — в бесплатной версии статичный баннер без слайдера.
Ссылка на автора в подвале не убирается бесплатно — удаление только в премиум-версии.

💡 Совет: Перед первым постом включи полный фид сайта: Blogger → Настройки → Канал сайта → «Полный». Без этого Featured Posts и некоторые блоки главной страницы не подгрузятся.

Обновить тему: Здесь
Документация: Читать онлайн
Поддержка: Написать в поддержку
Как выбрать шаблон для Blogger: Гид по выбору 👍

👁 Демо шаблона Shopping (getProduct) #button=(Купить Shopping) #price=($21)

💡 Знаешь ли ты? Указанная цена $21 — базовая на Gumroad. Периодически проходят акции со скидками до 50% — проверь актуальную цену перед оплатой.

⬇ Скачать бесплатную версию Shopping (с копирайтом)

Как Shopping превращает посты Blogger в карточки товаров

Каждый пост в Shopping — это не статья, а карточка товара. Пишешь пост как обычно, а шорткоды в теле поста добавляют к нему витринные элементы.

Шорткод покупки — один тег вместо HTML-кнопки

Кнопку «Купить» не нужно верстать вручную. В редакторе поста нажимаешь «Вставить ссылку», в поле URL вводишь шорткод вида (getProduct) #button=(Купить) #price=(1200₽) #icon=(whatsapp) — и Shopping рендерит готовую кнопку с иконкой и ценой. Параметр #icon= поддерживает whatsapp, paypal, gift, contact, download, а #sale= добавляет стикер скидки рядом с ценой. Стиль кнопки (#style=1/2/3) выбирает, показывать её в постах, в сайдбаре или везде сразу.

Wishlist на локальном хранилище — без базы данных

Сердечко на карточке товара добавляет пост в список закладок — он появляется в отдельной вкладке меню. Технически это localStorage браузера: никакого сервера, никакой регистрации, список собирается мгновенно и не влияет на скорость загрузки страниц. Обратная сторона: список живёт только в том браузере и на том устройстве, где был собран. Очистил кэш или открыл сайт с телефона — список пустой.

Ярлыки как категории магазина

Категории витрины в Shopping — это обычные ярлыки Blogger. Создал ярлык «Электроника» и добавил его к нужным постам — на главной появляется секция с этими товарами. Главная страница показывает несколько таких секций параллельно: подарки, акции, новинки — любое деление, которое придумаешь сам. Виджеты секций настраиваются через Layout без правки XML.

Тёмный режим и коробочный вид из настроек темы

Тёмный режим в Shopping — нативный: переключается кнопкой в шапке без перезагрузки страницы, цвета меняются через CSS-переменные. Включить или отключить его по умолчанию можно в Theme Designer (параметр 1/0) без правки кода. Там же переключается коробочный режим (контент с полями на широких экранах) и залипающий сайдбар.

Для каких проектов подходит Shopping

Shopping — узкоспециализированный шаблон. Он сделан для конкретного сценария: показать товар и отправить покупателя дальше.

🛒 CPA-блог с подборками

Пишешь про товары с AliExpress или Ozon, кнопка «Купить» ведёт на товар с реферальной меткой. Shopping оформляет это как нормальный каталог с ценой и категориями, а не просто список ссылок.

📱 Продажи через WhatsApp или Telegram

Сайт показывает товар, цену, фото — а кнопка с иконкой WhatsApp переводит в чат. Покупатель сам пишет, ты отвечаешь. Никакой корзины, никакой эквайринг-настройки.

🎁 Каталог ручной работы

Для хенд-мейд мастера, который принимает заказы на карту или через перевод. Wishlist помогает покупателю собрать список перед тем, как написать с заказом.

❌ Когда Shopping не справится

Нужна корзина, автоматический учёт остатков, онлайн-оплата прямо на сайте — это не его задача. Смотри в сторону Amazen, заточенного под витрину Amazon/affiliate с более богатой структурой страниц товара, или на WordPress с WooCommerce, если нужен полноценный эквайринг.

Шорткоды кнопки покупки: что во что превращается

Ниже — полный набор параметров шорткода (getProduct). Каждый параметр добавляется к основному тегу через пробел, можно комбинировать.

Параметр	Пример значения	Что даёт
`#button=`	`#button=(Купить)`	Текст кнопки
`#price=`	`#price=(1200₽)`	Ценник рядом с кнопкой
`#sale=`	`#sale=(−30%)`	Стикер скидки
`#free=`	`#free=(yes)`	Пометка «Бесплатно»
`#icon=`	`#icon=(whatsapp)`	Иконка: whatsapp, paypal, gift, contact, download
`#style=`	`#style=(1)`	1 — посты+сайдбар, 2 — только посты, 3 — только сайдбар

Всё вводится в поле URL при вставке ссылки — без редактора HTML, без правки шаблона. Пример полного шорткода: (getProduct) #button=(Написать в WhatsApp) #price=(850₽) #sale=(−20%) #icon=(whatsapp)

Что добавляет премиум-версия Shopping

🖼️ Слайдер-баннер на главной — в бесплатной версии только статичный баннер. Премиум добавляет листаемый слайдер для акций и новинок.
🔒 Удаление ссылки на автора в подвале — обязательно для брендового сайта, где не должно быть чужих ссылок.
🎨 Полный доступ к XML-файлу темы — можно вносить правки в шаблон напрямую, не ограничиваясь Theme Designer.
🎥 Видеодокументация — пошаговые видеоинструкции по настройке, помимо текстовой документации.
🔄 Пожизненные обновления — все будущие версии шаблона (Shopping уже вышел до v1.4.0) достаются без доплаты.
💬 Поддержка на 12 месяцев — ответы на вопросы по настройке от команды разработчика.

Шорткоды Shopping: полный справочник

Кнопка покупки: (getProduct) #button=(текст) #price=(цена)

Кнопка со скидкой: (getProduct) #button=(Купить) #price=(цена) #sale=(текст скидки)

Кнопка с иконкой WhatsApp: (getProduct) #button=(Написать) #price=(цена) #icon=(whatsapp)

Бесплатный товар: (getProduct) #button=(Получить) #free=(yes) #icon=(download)

Карточка товара (product card): (getCard) #type=(product) #title=(Название) #info=(цена) #button=(Купить)

Карточка скачивания: (getCard) #type=(download) #title=(Файл.zip) #info=(размер) #button=(Скачать)

Мегаменю — последние посты: megamenu/recent · по ярлыку: megamenu/Название ярлыка

Подписка (Brevo/Mailchimp): (sibForm) #title=(Заголовок) #caption=(Подпись)

Сравнение бесплатной и премиум-версии Shopping

Функции	Бесплатно	Премиум ⚡
Шорткоды ценников и кнопок покупки	✔	✔
Wishlist (закладки товаров)	✔	✔
Тёмный режим	✔	✔
Мегаменю с подкатегориями	✔	✔
AdSense-блоки через шорткод	✔	✔
Слайдер-баннер на главной	✘	✔
Удаление ссылки на автора в подвале	✘	✔
Доступ к XML-файлу темы	✘	✔
Видеодокументация + поддержка 12 мес.	✘	✔
Корзина и онлайн-оплата	✘	✘
ЦЕНА	Бесплатно	21$

Shopping, Amazen, WordPress-каталог: в чём разница

Если думаешь между Shopping и другими вариантами для витрины — вот короткое сравнение по ключевым параметрам.

Параметр	Shopping	Amazen	WordPress + WooCommerce каталог
Платформа	Blogger (бесплатный хостинг)	Blogger (бесплатный хостинг)	WordPress (платный хостинг)
Корзина / оплата на сайте	Нет	Нет	Есть (через плагины)
Wishlist	Да, localStorage	Нет	Зависит от темы/плагина
Кнопка с WhatsApp / Telegram	Да, через #icon=	Нет	Плагин
Старт без вложений	Да	Да	Нет (хостинг от ~$5/мес)
Целевой сценарий	Мессенджеры, CPA, ручная работа	Amazon/AliExpress affiliate	Любой, включая прямые продажи

Amazen ориентирован на партнёрки крупных маркетплейсов и имеет более развитую страницу товара с блоком преимуществ. Shopping шире по каналам продаж — любой внешний URL в кнопке, любая иконка. WordPress выигрывает, как только нужна реальная оплата на сайте.

Вопросы, которые задают перед покупкой

Wishlist сбрасывается, если закрыть браузер?

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

Можно ли поставить цену в рублях или гривнах?

Да. В шорткоде параметр #price= принимает любой текст: #price=(1200₽), #price=(450 грн), #price=(бесплатно). Никаких настроек валюты в Theme Designer для этого нет — просто пишешь нужный символ прямо в шорткод.

Посты на главной показываются неполностью — видно только 2–3 из 15

Это стандартное ограничение Blogger: если пост содержит много кода или форматирования, он «тяжелеет» и упирается в лимит 1 МБ на загрузку фида. Решение — добавить разрыв поста (Insert Jump Break) после первого абзаца или очистить лишнее форматирование через «Очистить форматирование» в редакторе.

Кнопка покупки ведёт на внешний сайт — можно поставить свою ссылку?

Да, именно так это и работает. При вставке шорткода через «Вставить ссылку» в поле URL идёт шорткод, а сама ссылка кнопки — это URL, на который был наведён курсор перед вставкой. Ставишь любую ссылку: AliExpress, Gumroad, WhatsApp-ссылку вида wa.me/...

Тёмный режим включается автоматически по системным настройкам?

Нет. Тёмный режим в Shopping нативный, но управляется кнопкой в шапке, которую нажимает посетитель сам. Автоматического следования системной теме (prefers-color-scheme) в шаблоне нет. Можно задать тёмный режим по умолчанию через Theme Designer, но следить за предпочтениями ОС шаблон не умеет.

Есть ли смысл использовать Shopping для AdSense-монетизации?

Да, шаблон AdSense-совместим. Рекламные блоки вставляются через шорткод в нужное место поста без правки XML. Но учти: аудитория витрины приходит за конкретным товаром, а не за контентом — CTR по AdSense на таких страницах обычно ниже, чем на информационных статьях. Для заработка на AdSense Shopping подходит как дополнение, не как основа.