Създаване на бутон „Купуване“

След като добавите канала за продажби на бутон „Купуване“ в своя администраторски панел на Shopify, можете да създадете бутон „Купуване“ за продукт или колекция.

След като създадете бутон „Купуване“, копирате автоматично генерирания код и след това го добавяте към уеб страницата или публикацията в блога, където искате да се показва бутонът. Например може да искате да добавите бутона „Купуване“ към своя блог в Wordpress или уебсайт в Squarespace.

Външният вид на бутона „Купуване“ не може да бъде променян, след като го вградите в уебсайта си. Ако искате да го промените, трябва да създадете нов бутон в канала и да замените оригиналния код с новия.

Персонализиране на бутони „Купуване“

Можете да персонализирате външния вид на бутона „Купуване“ и начина, по който се държи:

  • неговият цвят
  • неговият размер
  • неговият шрифт
  • действието, което се случва при натискане на бутона
  • дали страницата за плащане се отваря в нов прозорец на браузъра

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

Стил на оформление

Можете да изберете оформлението на бутона „Купуване“.

Описания на наличните оформления „Базов“, „Класически“ и „Пълен изглед“ за бутони „Купуване“.
БазовИзберете това оформление, за да добавите бутон „Купуване“ без изображение на продукта. Може да искате да направите това, ако вече показвате продуктите си на друго място онлайн, но просто искате да добавите бутон за извършване на покупката.
КласическиИзберете това оформление, за да покажете изображение на продукта и цена до бутона „Купуване“. Това оформление е полезно за бърз преглед на продукта, например в публикация в блог.
Пълен изгледИзберете това оформление, за да покажете изображение на продукта, цена и описание до бутона „Купуване“. Това оформление наподобява страница с подробности за продукта във Вашия онлайн магазин.

Действия на бутона „Купуване“

Когато създавате бутон „Купуване“, можете да изберете действието, което се извършва при натискане на бутона.

Ако бутонът „Купуване“ е за колекция, действието се прилага за всеки продукт в нея.

  • Добавяне на продукт в количката добавя продукта в пазарската количка. Клиентите могат да продължат да пазаруват и да добавят още продукти в количката.
  • Директно към плащане отвежда клиента директно към страницата Ви за плащане, където може да закупи продукта. Клиентите не могат да добавят допълнителни продукти към поръчката си.
  • Отваряне на подробности за продукта показва „Преглед на продукта“ бутон. Когато клиентът кликне върху бутона, може да види описанието на продукта, да избере наличните продуктови варианти и да добави продукта в количката. Ако даден продукт има няколко изображения на продукта, те също се показват.
    • Тази опция не е налична, когато изберете оформлението Пълен изглед, тъй като то вече показва всички подробности за продукта.

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

Външен вид на бутона „Купуване“

  • Стил на бутона включва формата, цвета и типографията за самия бутон в рамките на бутона „Купуване“.
  • Оформление – в зависимост от избрания от Вас стил на оформление можете да персонализирате настройки като подравняване на бутона, размер на изображението, текст на бутона, шрифт, цвят и размер.
  • Пазарска количка Включва опции за текст и цвят за вградената пазарска количка. Можете също така да активирате и персонализирате етикета за Бележка към поръчката поле. Можете да използвате бележките към поръчката, за да събирате специални инструкции от клиенти относно подготовката и доставката на поръчка. Допълнителна информация полето Ви позволява да предадете съобщение на клиентите си.
    • Можете да редактирате настройките за пазарската количка, само ако сте избрали Добавяне на продукт в количката или Отваряне на подробности за продукта като действие на бутона.
  • Подробен изскачащ прозорец включва настройките за изскачащия прозорец с подробности за продукта. Можете да персонализирате текста на бутона, дали да се включи полето за количество, цветовете, използвани за фон и етикети, както и шрифта и размера на шрифта на етикетите. Можете да редактирате тези настройки, само ако сте избрали Отваряне на подробности за продукта като действие на бутона.

Създаване на бутон „Купуване“ за един продукт

Можете да създадете бутон „Купуване“ за един продукт. Бутонът „Купуване“ може да включва един или всички варианти на продукта. Когато създавате бутона „Купуване“, избирате стил на оформление и персонализирате цвета, текста и външния вид на бутона, както и действието, което се случва, когато клиент кликне върху него. Научете повече за customizing Buy Buttons.

Преди да създадете бутон „Купуване“ за продукт, трябва да сте added the product in your Shopify Admin и made it available за канала за продажби „Бутон за купуване“.

Стъпки:

Настолен компютър
  1. От своя администраторски панел на Shopify отидете на Канали за продажби > Бутон „Купуване“.

  2. Кликнете върху Създайте бутон „Купуване“.

  3. Кликнете върху Бутон „Купуване“ за продукт.

  4. Изберете продукта от каталога си или използвайте търсенето, за да намерите продукт. Кликнете върху Изберете.

  5. По избор: персонализирайте бутона „Купуване“.

    1. Ако продуктът Ви има варианти, изберете Всички варианти или изберете варианта, който искате да включите.
    2. Изберете стил на оформление и действието, което се случва, когато клиент кликне върху бутона. Можете също така да customize the button's appearance.
    3. По подразбиране поведението при плащане е да се отваря нов прозорец, но можете да изберете плащането да се отваря в същия раздел на браузъра като уебсайта Ви. Кликнете върху Разширени настройки > Пренасочване в същия раздел.
  6. Кликнете върху Напред.

  7. Кликнете върху Копиране на код.

  8. Отворете HTML редактора за уеб страницата, на която искате да се показва бутонът „Купуване“. Вижте Adding Buy Button code to HTML.

  9. Поставете кода в HTML файла, където искате да се появи бутонът „Купуване“, и след това запазете промените си.

Мобилно устройство
  1. От приложението Shopify докоснете иконата Меню.

  2. В секцията Канали за продажби докоснете Бутон за покупка.

  3. Докоснете Създайте бутон „Купуване“.

  4. Докоснете Бутон „Купуване“ за продукт.

  5. Изберете продукта от каталога си или използвайте търсенето, за да намерите продукт, след което докоснете Изберете.

  6. По желание: Докоснете Персонализиране.

    1. Ако продуктът Ви има няколко варианта, изберете Всички варианти или изберете вариант от падащия списък.
    2. Изберете стил на оформление и действието, което се случва, когато клиент кликне върху бутона. Можете също така да customize the button's appearance.
    3. По подразбиране поведението при плащане е да се отваря нов прозорец, но можете да изберете плащането да се отваря в същия раздел на браузъра като уебсайта Ви. Докоснете Разширени настройки > Пренасочване в същия раздел.
  7. Докоснете Готово.

  8. Докоснете Копиране на код.

  9. Отворете HTML редактора за уеб страницата, на която искате да се показва бутонът „Купуване“. Вижте Adding Buy Button code to HTML.

  10. Поставете кода в HTML файла, където искате да се появи бутонът „Купуване“, и след това запазете промените си.

Създаване на бутон „Купуване“ за колекция

Когато създавате бутон „Купуване“ за колекция, Вие всъщност създавате бутон за всеки продукт в колекцията.

Когато създавате бутона „Купуване“, избирате стил на оформление и персонализирате цвета, текста и външния вид на бутона, както и действието, което се случва, когато клиент кликне върху него. Научете повече за customizing Buy Buttons.

Преди да създадете бутон „Купуване“ за колекция, трябва да:

Стъпки:

Настолен компютър
  1. От своя администраторски панел на Shopify отидете на Канали за продажби > Бутон „Купуване“.

  2. Кликнете върху Създайте бутон „Купуване“.

  3. Кликнете върху бутон „Купуване на колекция“.

  4. Изберете колекцията или използвайте търсенето, за да я намерите. Кликнете върху Изберете.

  5. По избор: персонализирайте бутона „Купуване“.

    1. Изберете действието, което се случва, когато клиент кликне върху бутона. Можете също така да персонализирате облика на бутона.
    2. По подразбиране поведението при плащане е да се отваря нов прозорец, но можете да изберете плащането да се отваря в същия раздел на браузъра като уебсайта Ви. Кликнете върху Разширени настройки > Пренасочване в същия раздел.
  6. Кликнете върху Напред.

  7. Кликнете върху Копиране на код.

  8. Отворете HTML редактора за уеб страницата, на която искате да се показва бутонът „Купуване“. Вижте Adding Buy Button code to HTML.

  9. Поставете кода в HTML файла, където искате да се появи бутонът „Купуване“, и след това запазете промените си.

Мобилно устройство
  1. От приложението Shopify докоснете иконата Меню.

  2. В секцията Канали за продажби докоснете Бутон за покупка.

  3. Докоснете Създайте бутон „Купуване“.

  4. Докоснете бутон „Купуване на колекция“.

  5. Изберете колекцията или използвайте търсенето, за да я намерите, и след това докоснете Изберете.

  6. По желание: Докоснете Персонализиране.

    1. Изберете действието, което се случва, когато клиент кликне върху бутона. Можете също така да персонализирате облика на бутона.
    2. По подразбиране поведението при плащане е да се отваря нов прозорец, но можете да изберете плащането да се отваря в същия раздел на браузъра като уебсайта Ви. Докоснете Разширени настройки > Пренасочване в същия раздел.
  7. Докоснете Готово.

  8. Докоснете Копиране на код.

  9. Отворете HTML редактора за уеб страницата, на която искате да се показва бутонът „Купуване“. Вижте Adding Buy Button code to HTML.

  10. Поставете кода в HTML файла, където искате да се появи бутонът „Купуване“, и след това запазете промените си.