Персонализиране на стила на Вашето плащане

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

Част от брандирането, което изберете за Вашите страници за плащане, се прилага и за Вашите нови страници за клиентски акаунти.

На тази страница

Съображения при персонализиране на стила на Вашето плащане и клиентските акаунти

Преди да персонализирате стила на плащането си, прегледайте следните съображения:

Зоната Конфигурации в секция Настройки на плащането на администраторския панел е скрита, докато не изберете план и не създадете първия си продукт.
Ако сте на Shopify Plus, можете да използвате Checkout Branding API за разширени персонализации на брандирането при плащане.
Ако се нуждаете от помощ за персонализиране на стила на Вашата количка и плащане, можете да наемете Партньор на Shopify. Научете повече за наемането на Партньор на Shopify.
Въпреки че може да искате да добавите много цвят и интерес към страниците си за плащане, най-добре е дизайнът да бъде прост. Вашите клиенти използват тези страници, за да въведат информация за доставка и плащане за своите поръчки, и не искате да ги разсейвате или да затруднявате четенето на информацията. Изберете цветове с висок контраст и изображения, които не отвличат вниманието от думите на страницата.

Създаване на цветова палитра за Вашето плащане и клиентски акаунти

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

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора на плащането и акаунтите щракнете върху , за да получите достъп до страничната лента Настройки.
В раздела Цветова палитра щракнете върху +, за да изберете цвят, който да добавите към палитрата.
По избор: За да премахнете цвят, който вече не Ви е необходим в палитрата:
1. Щракнете върху цвета и след това щракнете върху Изтриване на цвят.
2. Изберете заместващ цвят, който да замени изтрития цвят навсякъде, където се използва във Вашето плащане.
3. Щракнете върху Потвърждаване.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора на плащане и акаунти докоснете Настройки.
В раздела Цветова палитра докоснете +, за да изберете цвят, който да добавите към палитрата.
По избор: За да премахнете цвят, който вече не Ви е необходим в палитрата:
1. Докоснете цвета и след това докоснете Изтриване на цвят.
2. Изберете заместващ цвят, който да замени изтрития цвят навсякъде, където се използва във Вашето плащане.
3. Докоснете Потвърждаване.
Докоснете Запази или ✓.

Използване на цветовия селектор в редактора на плащането и акаунтите

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

Използвайте плъзгача за цветове, за да промените нюанса на наличните цветове във визуализацията на селектора.
Използвайте шестнайсетичното поле, за да въведете код за определен цвят, като например #0000FF за стандартно, чисто синьо.
Използвайте , за да изберете конкретен цвят с помощта на курсора си от всяко място на екрана.
Използвайте , за да стесните броя на наличните цветове във визуализацията на селектора до 40.

Разделът Цветова палитра показва всички цветни мостри, които сте добавили към цветовата палитра в редактора на плащането и акаунтите.

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

Персонализиране на цветовете за заглавката

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

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора на плащането и акаунтите щракнете върху , за да получите достъп до страничната лента Настройки.
В раздела Заглавка направете някое от следните персонализирания на цветовете:
- Използвайте Фон, за да зададете цвят за фона на заглавката.
- Използвайте Акцент, за да зададете цвят за иконата на количката и връзките в заглавката.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора на плащане и акаунти докоснете Настройки.
В раздела Заглавка направете някое от следните персонализирания на цветовете:
- Използвайте Фон, за да зададете цвят за фона на заглавката.
- Използвайте Акцент, за да зададете цвят за иконата на количката и връзките в заглавката.
Докоснете Запази или ✓.

Добавяне на лого към страницата за плащане

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

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора на плащането и акаунтите щракнете върху , за да получите достъп до страничната лента Настройки.
В раздела Лого щракнете върху полето Изображение.
Щракнете върху Избор от библиотеката, за да изберете съществуващо изображение от Вашата библиотека.
По избор: В раздела Лого коригирайте логото си със следните настройки:
- Използвайте Ширина, за да изберете размер за логото, в пиксели.
- Използвайте Подравняване, за да изберете дали логото Ви да се показва отляво, в центъра или отдясно на банера.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора на плащане и акаунти докоснете Настройки.
В раздела Лого докоснете полето Изображение.
Докоснете Избор от библиотеката, за да изберете съществуващо изображение от Вашата библиотека.
По избор: В раздела Лого коригирайте логото си със следните настройки:
- Използвайте Ширина, за да изберете размер за логото, в пиксели.
- Използвайте Подравняване, за да изберете дали логото Ви да се показва отляво, в центъра или отдясно на банера.
Докоснете Запази или ✓.

Добавяне на фонов цвят към областта на основното съдържание

Можете да добавите фонов цвят към областта на основното съдържание на страниците за плащане. Това е областта, където Вашите клиенти въвеждат информацията си за доставка и плащане, затова се уверете, че полетата се четат ясно на този фон.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора на плащането и акаунтите щракнете върху , за да получите достъп до страничната лента Настройки.
В секция Основно щракнете върху Цвят, за да отворите цветовия селектор, след което изберете цвят или въведете шестнадесетичен код.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора на плащане и акаунти докоснете Настройки.
В секция Основно докоснете Цвят, за да отворите цветовия селектор, след което изберете цвят или въведете шестнадесетичен код.
Докоснете Запази или ✓.

Промяна на цвета на полетата на формуляра

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

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора на плащането и акаунтите щракнете върху , за да получите достъп до страничната лента Настройки.
В раздела Полета за въвеждане направете някое от следните персонализирания:
- За да промените цвета на полетата за въвеждане, отидете на Въвеждане и след това щракнете върху Прозрачен или Бял.
- За да промените цвета на съобщенията за грешка, щракнете върху полето Грешка и след това изберете цвят.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора на плащане и акаунти докоснете Настройки.
В раздела Полета за въвеждане направете някое от следните персонализирания:
- За да промените цвета на полетата за въвеждане, отидете на Въвеждане и след това докоснете Прозрачен или Бял.
- За да промените цвета на съобщенията за грешка, докоснете полето Грешка и след това изберете цвят.
Докоснете Запази или ✓.

Добавяне на фоново изображение или цвят към резюмето на поръчката

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

По-малките изображения се повтарят вертикално и хоризонтално във фона, подобно на панели.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора на плащането и акаунтите щракнете върху , за да получите достъп до страничната лента Настройки.
В раздела Резюме на поръчката щракнете върху резюме на поръчката.
Добавяне на цвят на фона или изображение:
- За да добавите цвят, щракнете върху Фон, за да отворите цветовия селектор, и след това изберете цвят или въведете шестнайсетичен код.
- За да добавите изображение, щракнете върху Изображение > Избиране. Щракнете върху Избор от библиотеката, за да изберете съществуващо изображение от Вашата библиотека.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора на плащане и акаунти докоснете Настройки.
В раздела Резюме на поръчката докоснете резюме на поръчката.
Добавяне на цвят на фона или изображение:
- За да добавите цвят, докоснете Фон, за да отворите цветовия селектор, и след това изберете цвят или въведете шестнайсетичен код.
- За да добавите изображение, докоснете Изображение > Избиране. Докоснете Избор от библиотеката, за да изберете съществуващо изображение от Вашата библиотека.
Докоснете Запази или ✓.

Промяна или премахване на изображение от резюмето на поръчката

Можете да промените или премахнете изображението, което сте добавили към резюмето на поръчката.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора на плащането и акаунтите щракнете върху , за да получите достъп до страничната лента Настройки.
В раздела Резюме на поръчката щракнете върху резюме на поръчката.
Под изображението, което искате да замените, кликнете върху Промяна, за да изберете друго от Вашата библиотека или да разгледате безплатни изображения.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора на плащане и акаунти докоснете Настройки.
В раздела Резюме на поръчката докоснете резюме на поръчката.
Под изображението, което искате да замените, докоснете Промяна, за да изберете друго от Вашата библиотека или да разгледате безплатни изображения.
Докоснете Запази или ✓.

За да премахнете изображение, кликнете върху Промяна > Премахване на изображение. Това не изтрива изображението от Shopify.

Промяна на шрифта на страницата за плащане

Можете да избирате от списък с шрифтове, за да персонализирате Вашите страници за плащане.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора на плащането и акаунтите щракнете върху , за да получите достъп до страничната лента Настройки.
В секция Типография кликнете върху падащото меню Заглавия или падащото меню Основен текст и след това изберете шрифт.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора на плащане и акаунти докоснете Настройки.
В секция Типография докоснете падащото меню Заглавия или падащото меню Основен текст и след това изберете шрифт.
Докоснете Запази или ✓.

Промяна на цветовете на бутоните и акцентите на страницата за плащане

Можете да промените цвета на бутоните и акцентите, като например връзки, на страниците за плащане. Ако промените цветовете, уверете се, че можете ясно да четете текста на фона на основната област със съдържание и резюмето на поръчката.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора на плащането и акаунтите щракнете върху , за да получите достъп до страничната лента Настройки.
В раздела Акцент и бутони щракнете върху полето за цвят до Акценти или Бутони, за да отворите цветовия селектор, след което изберете цвят или въведете шестнайсетичен код.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора на плащане и акаунти докоснете Настройки.
В секцията Акцент и бутони докоснете полето за цвят до Акценти или Бутони, за да отворите цветовия селектор, след което изберете цвят или въведете шестнадесетичен код.
Докоснете Запази или ✓.

Промяна на оформлението за плащане

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

Когато смените своето оформление за плащане, предварителният преглед в редактора за плащане и акаунти не се показва в реално време. След като запазите промените си, отидете на страницата за плащане на витрината на магазина, за да видите новото си оформление за плащане.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора за плащане и акаунти натиснете иконата на зъбно колело за достъп до страничната лента Настройки.
В секция Оформление за плащане щракнете върху текущото оформление, за да отворите опциите за оформление на плащането.
Щракнете върху Плащане в една стъпка или Плащане в три стъпки, за да зададете оформлението за плащане.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В секция Конфигурации докоснете Персонализиране.
В редактора за плащане и акаунти докоснете иконата със зъбно колело, за да получите достъп до страничната лента Настройки.
В секция Оформление за плащане докоснете Плащане в една стъпка или Плащане в три стъпки, за да зададете оформлението за плащане.
Докоснете Запази или ✓.

Управление на бутона за повторно купуване

Бутон Купи отново се показва на Вашата страница за състоянието на поръчката, за да позволи на клиентите да поръчат отново артикули, които са закупили.

Стъпки:

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В секция Конфигурации натиснете Персонализирайте до конфигурацията, която искате да персонализирате.
В редактора за плащане и акаунти щракнете върху иконата Настройки.
В секция Бутон за повторно купуване включете или изключете бутона.

Показване по подразбиране на полето за код за отстъпка на мобилни устройства

По подразбиране, когато клиент извършва плащане на мобилно устройство, резюмето на поръчката и полето за код за отстъпка са скрити. Клиентът може да докосне Покажи резюме на поръчката, за да разгъне пълните подробности на резюмето и да покаже полето за код за отстъпка, така че да може да добави код за отстъпка или код на подаръчна карта към поръчката си.

Можете да промените поведението по подразбиране, така че резюмето на поръчката и полето за код за отстъпка винаги да се показват при плащане на мобилно устройство. Клиентът може да докосне Скрий резюме на поръчката, за да скрие полето за код за отстъпка.

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

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора за плащане и акаунти щракнете върху иконата за секции, за да получите достъп до страничната лента Секции.
На страница Информация, Доставка или Плащания щракнете върху Резюме на поръчката.
Активирайте настройката Винаги показвай полето за код за отстъпка.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В раздела „Конфигурации“ докоснете „Редактиране“ на конфигурацията, която искате да персонализирате.
В редактора за плащане и акаунти докоснете Секции.
На страница Информация, Доставка или Плащания докоснете Резюме на поръчката.
Активирайте настройката Винаги показвай полето за код за отстъпка.
Докоснете Запази или ✓.

Добавяне на блокове към Вашите страници за плащане

Можете да добавяте функции като персонализирани банери или награди за лоялност към изживяването на клиентите при плащане с помощта на блокове. Някои приложения за плащане, включително тези, които персонализират страниците за информация, доставка и плащания, са налични само за магазини с план Shopify Plus. Вижте наличността на приложенията за плащане, когато избирате приложение, което да добавите към процеса на плащане.

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

Научете повече за персонализирането на Вашите конфигурации за плащане с приложения.

Добавяне на блокове с помощта на страничната лента „Секции“

Можете да добавяте блокове от инсталирани от Вас приложения към страницата, която преглеждате в момента, като използвате страничната лента Секции. Само блоковете, които могат да бъдат инсталирани на дадена страница или секция, се показват като опции за избор.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора за плащане и акаунти изберете страницата, към която искате да добавите приложение, и след това щракнете върху , за да получите достъп до страничната лента Секции.
Щракнете върху ⊕ Добавяне на блок в секцията, в която искате да добавите блок.
Щракнете върху блока, който искате да добавите.
Персонализирайте блока при необходимост:
- За да пренаредите блока, плъзнете го нагоре или надолу в списъка Секции или използвайте бутоните за преместване в прозореца за предварителен преглед.
- Щракнете върху блока, за да конфигурирате настройките му.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В секция Конфигурации докоснете Персонализиране на конфигурацията за плащане, която искате да персонализирате.
В редактора за плащане и акаунти изберете страницата, към която искате да добавите приложение, след което докоснете Секции.
Докоснете ⊕ Добавяне на блок в секцията, в която искате да добавите блок.
Докоснете блока, който искате да добавите.
Персонализирайте блока при необходимост:
- За да пренаредите блока, плъзнете го нагоре или надолу в списъка Секции или използвайте бутоните за преместване в прозореца за предварителен преглед.
- Докоснете блока, за да конфигурирате настройките му.
Докоснете Запази или ✓.

Добавяне на блокове с помощта на страничната лента „Приложения“

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

Научете повече за използването на страничната лента „Приложения“ в редактора за плащане и акаунти.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Плащане.
В раздела „Конфигурации“ щракнете върху „Редактиране“ до конфигурацията, която искате да персонализирате.
В редактора за плащане и акаунти щракнете върху , за да получите достъп до страничната лента Приложения.
До блока, който искате да добавите, щракнете върху ⊕.
В изскачащия прозорец Добавяне към щракнете върху страницата, към която искате да добавите блока.
Персонализирайте блока при необходимост:
- За да пренаредите блока, използвайте бутоните за преместване в прозореца за предварителен преглед.
- Конфигурирайте настройките на блока.
Натиснете Запазване.

Мобилно устройство

От Shopify app докоснете и след това докоснете Настройки.
В секция Настройки на магазина докоснете Плащане.
В секция Конфигурации докоснете Персонализиране на конфигурацията за плащане, която искате да персонализирате.
В редактора за плащане и акаунти докоснете Приложения.
До блока, който искате да добавите, докоснете ⊕.
В изскачащия прозорец Добавяне към докоснете страницата, към която искате да добавите блока.
Персонализирайте блока при необходимост:
- За да пренаредите блока, използвайте бутоните за преместване в прозореца за предварителен преглед.
- Конфигурирайте настройките на блока.
Докоснете Запази или ✓.