Как да включите уиджета за абонаменти в онлайн магазина

Уиджетът е това, с което вашите клиенти избират абонамент или пакет на страниците на продуктите ви. Един уиджет показва и двете: вашите опции за абонамент и вашите опции за пакет. За да го включите, кликнете Включване на уиджета на страницата Дизайн и след това кликнете Запазване в редактора на темата. Не е нужно да поставяте код, код за вграждане или фрагмент.

Съдържание

• Видео ръководство
• Инструкции стъпка по стъпка
• Къде се показва уиджетът
• Избор на точна позиция
• Показване на уиджета на други страници
• Изскачащи прозорци за бързо добавяне и бърз преглед
• PageFly и други конструктори на страници
• Настройка в непубликувана тема
• Отстраняване на проблеми
• Често задавани въпроси
• Свързани ръководства

Видео ръководство

Ако предпочитате да гледате, а не да четете, това видео показва как се включва вграждането на приложението в редактора на темата. Именно този превключвател включва Включване на уиджета вместо вас.

Инструкции стъпка по стъпка

1. В администрацията на Shopify отворете Supr Bundles & Subscriptions и отидете на Дизайн.
2. Ако уиджетът още не е включен, виждате банер Вашите уиджети още не са активни. Кликнете Включване на уиджета (в банера или най-горе на страницата).
3. В прозореца, който се отваря, кликнете Включване. Редакторът на темата ви се отваря в нов раздел, като Supr Bundle & Subscriptions е включено под Вграждания на приложения.

4. В редактора на темата кликнете Запазване в горния десен ъгъл. Редакторът показва напомнянето Още една стъпка, докато не го направите. Ако затворите редактора, без да запазите, уиджетът остава изключен.

5. Върнете се в раздела на приложението. Виждате Уиджетът е включен, след като приложението открие запазения превключвател. Ако пише Уиджетът не е включен, кликнете отново Включване и този път се уверете, че сте кликнали Запазване.

Можете да започнете и от Начало: стъпката от ръководството за настройка Уиджетът е включен (или Уиджетът за абонаменти е включен / Уиджетът за пакети е включен, в зависимост от това какво продавате) има същия бутон Включване на уиджета. След като уиджетът е включен, този бутон се променя на Персонализиране на уиджета и ви отвежда до Дизайн.

Къде се показва уиджетът

Не е нужно да влачите нищо. Уиджетът сам се поставя на страниците на продуктите ви, непосредствено над бутона за добавяне в количката, и работи по един и същ начин във всяка тема, включително в по-старите (vintage) теми. За да го поставите на друго място, вижте Избор на точна позиция.

• Показва се на всяка страница на продукт, чийто продукт е в Публикувана оферта, независимо от шаблона на продукта, който използва.
• Вашите опции за пакет са точно до опциите за абонамент. Дали опциите за пакет са над или под тях, се задава в Дизайн > Елементи > Оформление на страницата > Пакетът отгоре.
• Разстоянието над и под уиджета се задава в Дизайн > Разстояния > Около уиджета.
• Уиджетът няма собствен бутон за добавяне в количката. Той използва бутона на вашата тема, затова страницата на продукта трябва да съдържа блока Бутони за купуване на темата.

Избор на точна позиция

Има два начина да преместите уиджета: настройката Позициониране на страницата Дизайн, която се прилага за всички страници на продукти наведнъж (запазеният дизайн има собствено Позициониране за офертите, които го използват), или блокът Subscriptions + Bundles, който влачите точно където искате.

С настройката Позициониране:

1. В приложението отидете на Дизайн. Секцията Позициониране се показва, след като уиджетът е включен (вижте стъпките по-горе).
2. Изберете Позиция на страницата на продукта:
3. • Над бутона за добавяне в количката (автоматично): по подразбиране.
   • Под бутоните за купуване: под бутона за добавяне в количката и бутоните за бързо плащане, като Купи сега.
   • Над избора на количество: над полето за количество. Ако темата ви показва количеството на същия ред като бутона за добавяне в количката, уиджетът отива над този ред.
   • Персонализирана (CSS селектор): навсякъде на страницата. Въведете CSS селектор за елемент от страницата на продукта в CSS селектор, например .product__title, и изберете под Поставяне на уиджета дали уиджетът отива преди или след този елемент, или вътре в него в началото или в края.
3. Кликнете Запазване.

Ако избраната от вас позиция не съществува на дадена страница (например страница на продукт без избор на количество или селектор, който не съвпада с нищо), уиджетът се връща към автоматичната си позиция над добавянето в количката, така че никога не изчезва. Настройката се прилага за всяка тема, в която включите уиджета.

С блока: ако искате уиджетът да е на едно точно място, например под цената или под реда с отзиви, добавете блока Subscriptions + Bundles където искате:

1. Отидете на Онлайн магазин > Теми и кликнете Персонализиране.
2. Отворете страница на продукт чрез селектора на шаблони най-горе в редактора (например Продукти > Продукт по подразбиране).
3. В секцията с информация за продукта кликнете Добавяне на блок, след това Приложения, след това Subscriptions + Bundles.
4. Преместете блока там, където искате уиджета, и кликнете Запазване.

Дръжте вграждането на приложението включено. Където и да има блок Subscriptions + Bundles на страницата, копието на вграждането се премахва само, така че никога не получавате два уиджета заради това.

Показване на уиджета на други страници

Можете да продавате и от страница, която не е собствената страница на продукта, като целева страница, страница на колекция, началната ви страница или публикация в блог. Пълният уиджет се показва там със същите опции за пакет, опции за абонамент и дизайн, които сте задали на страницата Дизайн.

1. В редактора на темата отворете желаната страница.
2. Добавете секция, която показва един продукт. Повечето теми я наричат Препоръчан продукт.
3. В тази секция кликнете Добавяне на блок, след това Приложения, след това Subscriptions + Bundles.
4. Кликнете блока и задайте Продукт. Извън страницата на продукта блокът не може да разбере кой продукт имате предвид, затова трябва да му го кажете. Докато не го направите, редакторът на темата показва Още няма какво да се покаже: този блок няма избран продукт.
5. Запазете собствения блок Бутони за купуване на секцията. Уиджетът използва този бутон за добавяне в количката.
6. Кликнете Запазване.

Вграждането на приложението само по себе си показва уиджета само на страниците на продуктите. За всяка друга страница използвайте блока, както е описано по-горе.

Друга възможност за бутон, банер или имейл е връзка за бърз абонамент: Растеж > Връзки за бърз абонамент създава връзка, която води направо към плащането с вече избрани продукт и абонамент. Вижте Създаване на покани за абонамент (връзки за бърз абонамент).

Изскачащи прозорци за бързо добавяне и бърз преглед

Много теми имат бутон Бързо добавяне или Бърз преглед върху картите на продуктите в колекциите и на началната страница. Дали уиджетът се показва там, зависи от темата:

• Теми, чийто изскачащ прозорец зарежда пълната форма на продукта (например Dawn със стандартно бързо добавяне): уиджетът и опциите за пакет се показват в изскачащия прозорец, когато блокът Subscriptions + Bundles е във вашия шаблон на продукта. Добавете го, както е описано в Избор на точна позиция.
• Horizon и темите, изградени върху нея: при продукт с абонамент бутонът за бързо добавяне отваря страницата на продукта вместо изскачащ прозорец и уиджетът е там както обикновено.
• Други теми: ако изскачащият прозорец не показва уиджет или показва повреден, изключете бързото добавяне в редактора на темата (обикновено е настройка в секцията за колекция или мрежа от продукти), така че клиентите да отиват на страницата на продукта, или се свържете с поддръжката и ще проверим вашата тема.

PageFly и други конструктори на страници

Няма ID на уиджет, шорткод или код за вграждане, а поставянето на код в елемент Custom Code или HTML няма да проработи. Уиджетът е блок на приложение за Shopify и Shopify позволява блоковете на приложения да се добавят само през редактора на темата. Конструкторите на страници поддържат това със собствен елемент за блок на приложение.

На страница на продукт в PageFly не е нужно да правите нищо. При включено вграждане на приложението (вижте стъпките по-горе) уиджетът сам се поставя над бутона за добавяне в количката, точно както на страница на продукт в тема.

На целева страница в PageFly:

1. В редактора на PageFly отворете страницата си и влачете елемента App blocks (под Shopify elements) там, където искате уиджета. PageFly позволява един елемент App blocks на страница и изисква тема Online Store 2.0.
2. Следвайте подканата на PageFly да отворите редактора на темата, след това кликнете Добавяне на блок, Приложения, Subscriptions + Bundles.
3. Кликнете блока и задайте неговия Продукт на продукта, към който е насочена вашата оферта.
4. Уверете се, че страницата има и бутона за добавяне в количката на PageFly за същия този продукт, след което запазете и публикувайте.

Собственото ръководство на PageFly за този елемент: How to use the App blocks element.

GemPages, Shogun и други конструктори работят по същия начин: страниците на продукти получават уиджета от вграждането на приложението, а останалите страници изискват елемента на конструктора за блокове на приложения на Shopify с добавен Subscriptions + Bundles. Ако вашият конструктор не показва блока, свържете се с поддръжката.

Настройка в непубликувана тема

Включване на уиджета винаги отваря вашата активна (публикувана) тема. За да настроите и тествате първо в друга тема:

1. Отидете на Онлайн магазин > Теми, намерете темата и кликнете Персонализиране (или Редактиране на темата).
2. Отворете Вграждания на приложения, включете Supr Bundle & Subscriptions и кликнете Запазване.
3. Прегледайте тази тема и отворете продукт, който е в една от вашите оферти.

Уиджетът се показва само в теми, където е включен, така че вашата активна тема остава непроменена, докато не го включите и там. Офертите ви са общи за всички теми: щом уиджетът е включен във вашата активна тема, всяка Публикувана оферта се показва там.

Отстраняване на проблеми

Ако все още не виждате уиджета на страниците на продуктите си, преминете през Уиджетът за абонаменти не се показва в магазина ми. Ако се показва два пъти или на грешно място, вижте Уиджетът за абонаменти се показва два пъти или най-долу на страницата.

Често задавани въпроси

Има ли код за вграждане или Liquid фрагмент, който трябва да добавя към темата си?
Не. Дизайн > Включване на уиджета включва уиджета във вашата тема и вие кликвате Запазване в редактора на темата. Не е нужно да поставяте нищо.

Кликнах Включване на уиджета, но нищо не се промени в магазина ми. Защо?
Почти винаги редакторът на темата е бил затворен, без да е кликнато Запазване. Кликнете отново Включване на уиджета и кликнете Запазване горе вдясно в редактора на темата.

Нужни ли са ми и вграждането на приложението, и блокът на приложението?
Нужно ви е вграждането на приложението. Блокът Subscriptions + Bundles е по избор: добавяйте го само за да изберете точна позиция или да покажете уиджета на страница, която не е страница на продукт. Използването и на двете никога не показва уиджета два пъти.

Редакторът на темата казва, че блокът на приложението не може да бъде добавен. Какво да правя?
Използвайте вместо това вграждането на приложението: Дизайн > Включване на уиджета, после Запазване. Вграждането не се нуждае от място във вашата секция за продукта, така че работи в теми, чиято секция за продукта не приема блокове на приложения.

Трябва ли да добавям уиджета към всеки продукт?
Не. Уиджетът се показва при всеки продукт, който е в Публикувана оферта. Продуктите избирате в офертата, под Прилага се за, а не в темата.

Мога ли да покажа уиджета на началната си страница или на целева страница?
Да. Добавете секция Препоръчан продукт, добавете към нея блока Subscriptions + Bundles и задайте неговия Продукт. Вижте Показване на уиджета на други страници.

Могат ли клиентите да избират абонамент на страницата на количката?
Да, с добавката Предложение в количката на страницата Дизайн: бутон Абонирайте се и спестете под всеки продукт, купен еднократно, в страницата на количката и в страничната количка, превключва този продукт към първата му опция за абонамент. За да изберат друга честота, клиентите избират на страницата на продукта. В Shopify Plus Checkout Subscription Picker им позволява да превключват и при плащане, вижте Превключване към абонамент при плащане. Вижте Предложение в количката.

Мога ли да поставя уиджета под бутона за добавяне в количката?
Да. На страницата Дизайн задайте Позициониране > Позиция на страницата на продукта на Под бутоните за купуване и кликнете Запазване. Вижте Избор на точна позиция.

Как да преместя уиджета над бутона за добавяне в количката?
При включено вграждане на приложението той сам отива там. Ако е на друго място, вижте Уиджетът за абонаменти се показва два пъти или най-долу на страницата.

Свързани ръководства

• [Видео ръководство] Как да включите вграждането на приложението
• Уиджетът за абонаменти
• Уиджетът за абонаменти не се показва в магазина ми
• Уиджетът за абонаменти се показва два пъти или най-долу на страницата
• Създаване на покани за абонамент (връзки за бързо абониране)
• Какво се случи с редактора на уиджета

Обновено на: 24/10/2026