Използване на редактора за брандиране в Checkout Blocks

Можете да използвате редактора за брандиране в Checkout Blocks, задвижван от Checkout Branding API, за да персонализирате естетиката на Вашите страници за плащане и акаунти, без да е необходимо да променяте код.

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

За да стартирате редактора за брандиране от Вашия администраторски панел на Shopify, натиснете „Приложения“ > Checkout Blocks, а след това натиснете „Редактор за брандиране“.

Персонализиране на цветовете за плащане

В раздел „Цветове“ можете да персонализирате основните цветове на Вашето плащане. Можете също да персонализирате до 4 цветови схеми, които се прилагат за отделни раздели, когато искате да направите по-детайлни редакции на своя дизайн. Можете да редактирате типове цветове, включително акцентиращи цветове (за интерактивни елементи, като например връзки) и цветове на марката (използвани за елементи като основни и вторични бутони).

Стъпки:

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

В раздел „Персонализации“ на редактора за брандиране можете да редактирате следните елементи на Вашето плащане:

• Фавикон: Изберете иконата, която се показва на клиентите в раздела на браузъра по време на плащане.
• Глобални: Регулирайте радиуса на заобляне за всички елементи (полета за въвеждане във формуляри, бутони и карти).
• Заглавка и лого: Изберете позицията на заглавката при плащане, както и дали да се показват йерархична навигация, връзка към количката и лого.
• Основно: Приложете дизайнерски схеми към основната зона със съдържание на плащането, включително фонови изображения, ширини на рамки и цветови схеми.
• Резюме на поръчката: Приложете дизайнерски схеми към страничната лента на плащането, съдържаща резюмето на поръчката на клиента, включително фонови изображения, ширини на рамки и цветови схеми.
• Долен колонтитул: Изберете ширината на долния колонтитул при плащане, както и дали да се показват правилата на магазина.
• Типография: Изберете размера, семейството и дебелината на шрифта, разстоянието между буквите (kerning) и регистъра на буквите за до 3 нива на заглавки.
• Бутони: Изберете външния отстъп, рамките и стиловете на основния и вторичния бутон.
• Формуляри: Персонализирайте стиловете за полетата за въвеждане във формуляра за плащане, като например полета за отметка, текстови полета и избрани опции от списък.
• Миниизображения на продукти: Регулирайте стиловете на рамката и радиуса на заобляне за изображенията на продуктите при плащане.

Стъпки:

1. От Вашия администраторски панел на Shopify отидете на „Приложения“ > Checkout Blocks.

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

3. В раздел „Персонализации“ кликнете върху някой от елементите, които искате да персонализирате, като например „Заглавка и лого“.

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

5. Кликнете върху „Запази“.

Превключване на конфигурации за плащане

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

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

Стъпки:

1. От Вашия администраторски панел на Shopify отидете на „Приложения“ > Checkout Blocks.

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

3. Щракнете върху името на текущата конфигурация на плащането, за да отворите падащо меню, съдържащо списък с активната конфигурация, както и всички конфигурации-чернови, след което изберете конфигурацията на плащането, която искате да персонализирате:

   • Изберете съществуваща конфигурация, която искате да редактирате.
   • Кликнете върху ⊕ „Създаване на нова конфигурация“, за да бъдете пренасочени към настройките за плащане във Вашия администраторски панел на Shopify.

Предварителен преглед на Вашето плащане

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

Стъпки:

1. От Вашия администраторски панел на Shopify отидете на „Приложения“ > Checkout Blocks.

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

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

4. Кликнете върху „Преглед“.

Експортиране и импортиране на конфигурации за плащане

Можете да експортирате и импортирате конфигурации за плащане с помощта на JSON файлове.

Експортиране на конфигурация за плащане:

1. От Вашия администраторски панел на Shopify отидете на „Приложения“ > Checkout Blocks.

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

3. Изберете конфигурацията за плащане с приложени към нея персонализации с помощта на редактора за брандиране.

4. Кликнете върху „Още действия“ > „Експортиране на конфигурация“.

Конфигурацията за плащане се изтегля като .json файл на Вашето локално устройство.

Импортиране на конфигурация за плащане:

1. От Вашия администраторски панел на Shopify отидете на „Приложения“ > Checkout Blocks.

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

3. Изберете конфигурацията за плащане, към която искате да приложите импортирания профил за брандиране.

4. Кликнете върху „Още действия“ > „Импортиране на конфигурация“.

5. В диалоговия прозорец „Импортиране на брандиране за плащане“ качете Вашия JSON файл за брандиране:

   1. Кликнете върху „Добавяне на файл“.
   2. Изберете съответния JSON файл от Вашето устройство.
   3. Кликнете върху „Импортиране и продължаване“.

6. Прегледайте предварително заредената конфигурация за персонализиране. Променете я, ако е необходимо.

7. Кликнете върху „Запази“.

Нулиране на стила за плащане до стандартния

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

По всяко време можете да нулирате цялото брандиране на конфигурацията за плащане до стойностите по подразбиране на Shopify. Нулирането на конфигурацията за плащане изчиства всички персонализации на всички страници на редактора за брандиране. Това действие не може да бъде отменено.

Стъпки:

1. От Вашия администраторски панел на Shopify отидете на „Приложения“ > Checkout Blocks.

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

3. Изберете конфигурацията за плащане, която искате да нулирате.

4. Натиснете „Нулиране до стойности по подразбиране“.

5. В диалоговия прозорец „Нулиране до стилове по подразбиране?“ натиснете „Продължаване“.