Можете да използвате Shopify, за да продавате онлайн, дори ако не искате да създавате цялостен онлайн магазин.
Бутонът „Купуване“ ви позволява да печелите от всяка уеб страница – независимо дали става дума за блог, портфолио или профил в социалните мрежи.
По-долу ще разберете как да вградите бутона за купуване във всеки тип уебсайт, така че посетителите да имат възможност да купуват продукти директно от него.
Какво представлява бутонът за купуване?
Бутонът за купуване ви дава възможност да създадете и вградите опция за завършване на поръчки във всеки тип уебсайт, така че клиентите да могат да купуват продуктите ви директно от страницата, която разглеждат.
Shopify генерира необходимия код за вграждане и показване на вашите артикули, което прави бутона лесен за настройка, оптимизиран за мобилни устройства и сигурен.
Може да персонализирате цветовата схема, подробностите за продуктите и изображенията, които се показват с бутона за купуване, така че да съответстват на стила на страницата ви.
Научете повече за бутона за купуване на Shopify.
Как да започнете работа с бутона за купуване: 3 стъпки
- Добавете канала за продажби Buy Button във вашия магазин в Shopify
- Създайте бутон за купуване
- Добавете кода за вграждане на бутона за купуване към HTML кода на вашия уебсайт
1. Добавете канала за продажби Buy Button във вашия магазин в Shopify
Започнете, като влезете в Shopify. Ако виждате Buy Button в списъка с канали за продажби в менюто отляво, може да преминете направо към стъпка 2.
Преминете към стъпка 2, ако вече виждате канала за продажби Buy Button във вашия магазин.
На настолен компютър
1. Влезте в страницата на канала за продажби Buy Button в магазина за приложения на Shopify.
2. Инсталирайте приложението
3. Закрепете приложението към навигацията в административния панел (по избор)
Ако не закрепите бутона за купуване, може да го намерите отново, като кликнете върху „Канали за продажби“, а след това върху Buy Button под инсталираните канали.
На мобилно устройство
- Отворете приложението Shopify на мобилното си устройство и изберете Store (Магазин) от долното меню.
- До Sales channels (Канали за продажби) изберете Add channel (Добавяне на канал) за iPhone или + за Android.
- Изберете Buy Button, след което докоснете Add Buy Button (Добавяне на бутон за купуване).
2. Създайте бутон за купуване
След като добавите канала за продажби Buy Button, сте готови да създадете своя бутон за купуване.
В раздела Buy Button кликнете върху Create a Buy Button (Създаване на бутон за купуване).
Може да създавате бутони за купуване за отделен продукт или за цяла колекция от продукти. На следващия екран системата ще ви подкани да посочите коя опция предпочитате.
Изберете опция, след което посочете продуктите, за които искате да създадете бутони за купуване.
След като направите своя избор, ще бъдете пренасочени към редактора на бутона за купуване, където може да персонализирате външния му вид.
Как да персонализирате бутона за купуване
В редактора на бутона за купуване ще видите редица опции отляво за персонализиране на облика и цялостния изглед на вашия бутон за купуване. Вдясно ще виждате предварителен преглед на това как ще изглежда вашият бутон за купуване.
Настройте опциите отляво според предпочитанията си. Предварителният преглед ще се актуализира автоматично, така че да виждате как изглежда бутонът, докато го редактирате. Може също да видите как вашият бутон за купуване ще се показва на екрани на настолни компютри и мобилни устройства, като кликнете върху иконите за настолен компютър или мобилно устройство, центрирани в горната част на редактора.
Ето подробно описание на опциите, които може да персонализирате:
- Вариант на продукта: зберете кои варианти на продукта искате да бъдат достъпни за закупуване чрез бутона за купуване. По подразбиране всички варианти ще бъдат избрани.
- Оформление: Изберете между Basic (Основно), Classic (Класическо) и Full View (Пълен изглед). Вдясно ще виждате предварителен преглед на всяко оформление, когато го изберете от падащото меню Layout (Оформление).
- Действие при кликване: Изберете Add product to cart (Добавяне на продукт в количката), Direct to checkout (Директно към завършване на поръчката) или Open product details (Отваряне на подробности за продукта). Опцията Add product to cart (Добавяне на продукт в количката) ще създаде джаджа за количка в дясната част на екрана ви. Опцията Direct to checkout (Директно към завършване на поръчката) ще създаде бутон „Купи сега“, който отвежда потребителя директно към системата за завършване на поръчки (имайте предвид, че клиентите няма да могат да добавят повече от един артикул в количката си, ако използвате тази опция). Опцията Open product details (Отваряне на подробности за продукта) създава бутон за преглед на продукта, който отваря изскачащ прозорец с информация за продукта и бутон за добавяне в количката.
- Стил на бутона: Тук може да регулирате цветовете, шрифта, размера и формата на ъглите на вашия бутон за купуване.
- Оформление: Менюто за оформление ще ви позволи да направите по-фини настройки по структурата на вашия бутон. Може да персонализирате цветовете на шрифта, текста на бутона и настройките за типография.
- Количка за пазаруване: Тук ще можете да регулирате настройките на джаджата за вашата количка за пазаруване, включително текста и цветовете. Имайте предвид, че тази опция ще бъде затъмнена, ако използвате оформлението Direct to checkout (Директно към завършване на поръчката), тъй като няма джаджа за количка.
- Подробен изскачащ прозорец: Ако изберете Open product details (Отваряне на подробности за продукта) в секцията Action when people click (Действие при кликване), ще можете да персонализирате текста, цветовете и типографските опции за изскачащия прозорец в този раздел.
- Разширени настройки: Тук може да определите как системата за завършване на поръчки ще бъде представена на вашия потребител. Може да изберете или Open pop-up window (Отваряне на изскачащ прозорец) (което ще създаде изскачащ прозорец за завършване на поръчка, който се затваря, когато поръчката е завършена), или Redirect in the same tab (Пренасочване в същия раздел) (което ще изпрати потребителя към вашата страница за завършване на поръчки в Shopify и ще го върне на вашата страница след приключване на трансакцията).
Имайте предвид, че промяната на тези настройки няма да се отрази на вече вградените бутони за купуване.
Когато сте доволни от дизайна, кликнете върху бутона Next (Напред) в горния десен ъгъл.
3. Добавете кода за вграждане на бутона за купуване към HTML кода на вашия уебсайт
Когато кликнете върху Next (Напред), кодът за вграждане на вашия бутон за купуване ще бъде генериран автоматично. Кликнете върху бутона Copy Code (Копиране на кода), ако сте готови да го вградите в уеб страница.
Копираният код може да се постави в HTML кода на всяка уеб страница. Той ще създаде бутон за купуване и количка, които ще се свържат директно с административния панел на Shopify, което ви позволява да управлявате и обработвате поръчки от всяка уеб страница там.
Процесът на добавяне на кода за вграждане варира в зависимост от това как искате да изглежда бутонът и какъв конструктор за уебсайтове и тема използвате.
Добавяне на script тагове за бутона за купуване
Някои конструктори на уебсайтове изискват script таговете да се поставят отделно в заглавната част (header), а останалата част от кода – в тялото на страницата (body), където искате да се показва бутонът за купуване.
За тази цел ще трябва да отделите елемента script от елемента div в кода за вграждане на бутона за купуване.
Ще видите div елемента в горната част на кода. Той изглежда приблизително така:
<div></div>
Script елементът съставлява останалата част от кода за вграждане, като започва със script type="text/javascript" и завършва със /script.
Копирайте и поставете целия елемент script в заглавната част на вашата уеб страница.
След това отворете редактора за страницата, в която искате да добавите бутон за купуване. Поставете елемента div в страницата на мястото, където искате да се показва бутонът за купуване.
Добавете възможност за електронна търговия към всеки уебсайт с бутона за купуване
Бутоните за купуване позволяват на търговците да достигат до клиентите си там, където се намират. Възможността да продавате директно на клиентите, без да ги пренасочвате към друга страница, осигурява по-плавно клиентско изживяване и помага за увеличаване на продажбите.
За блогъри, хора на изкуството, писатели, дизайнери, създатели на подкасти, инфлуенсъри и всеки друг, който търси начин да монетизира работата си, бутоните за купуване са лесен начин да използват Shopify, без да се налага да изграждат нов уебсайт.
Често задавани въпроси относно бутона за купуване
Как да добавя бутон за купуване в Shopify?
- Добавете канала за продажби Buy Button във вашия магазин в Shopify.
- Кликнете върху Create a Buy Button (Създаване на бутон за купуване).
- Изберете бутон за купуване за отделен продукт или бутон за купуване за колекция.
- Изберете продукта или колекцията, които искате да продавате.
- Персонализирайте цветовете, размерите, текста и функционалността на вашия бутон за купуване.
- Копирайте кода за вграждане на бутона.
- Поставете кода за вграждане в уеб страницата, където искате да се показва бутонът за купуване.
Какво прави бутонът за купуване в Shopify?
Бутонът за купуване позволява на посетителите на дадена страница да купуват продукти, без да им се налага да посещават директно вашия магазин. Бутоните за купуване могат да бъдат добавени към всеки уебсайт или блог без Shopify с помощта на персонализиран HTML код.
Сигурен ли е бутонът за купуване в Shopify?
Бутоните за купуване са безопасен и сигурен начин за продажба на продукти и услуги, тъй като посетителите се насочват към вашата напълно защитена, PCI-съвместима страница за завършване на поръчки в Shopify, за да обработят своята трансакция. Съответствието на Shopify обхваща всички шест категории на PCI стандарта и важи за всяко завършване на поръчка, използващо нашата платформа.
Колко струва бутонът за купуване в Shopify?
Бутоните за купуване в Shopify са включени във всички планове на Shopify, включително в плана Starter, който струва 5 евро на месец.
Какви са предимствата на бутона за купуване?
Бутонът за купуване ви позволява да продавате на всяка уеб страница или публикация в блог, използвайки сигурната система за завършване на поръчки и инструментите за управление на електронната търговия на Shopify, без да се налага да създавате магазин в Shopify. Бутоните за купуване създават безпроблемно клиентско изживяване при завършване на поръчката, което може да доведе до повече продажби на страници с голям трафик.
Каква е разликата между бутона „Купуване“ и бутона за поръчка с Shopify?
И двата бутона изпълняват сходни функции, но бутоните за купуване могат да бъдат вградени във всяка страница или публикация в блог, дори в платформи за създаване на уебсайтове на трети страни, като WordPress и Squarespace.
