Používanie editora brandingu v aplikácii Checkout Blocks

Editor brandingu v aplikácii Checkout Blocks, ktorý využíva Checkout Branding API, môžete použiť na prispôsobenie estetiky pokladne a stránok účtov bez toho, aby ste museli upravovať akýkoľvek kód.

Editor brandingu môžete použiť na úpravu farieb a prvkov pokladne pre akúkoľvek konfiguráciu pokladne. Zmeny dizajnu pokladne, ktoré urobíte pomocou editora brandingu, sa vzťahujú na všetky stránky pokladne vrátane stránky s poďakovaním, stránky stavu objednávky a stránok nových zákazníckych účtov.

Ak chcete spustiť editor brandingu, v administrátorovi Shopify kliknite na Aplikácie > Checkout Blocks a potom na Editor brandingu.

Prispôsobenie farieb pokladne

V sekcii Farby si môžete prispôsobiť základné farby pokladne. Ak chcete urobiť detailnejšie úpravy dizajnu, môžete prispôsobiť až 4 farebné schémy, ktoré sa vzťahujú na jednotlivé sekcie. Typy farieb môžete upravovať, a to vrátane farieb zvýraznenia (pre interaktívne prvky, napríklad odkazy) a farieb značky (používané na prvky, napríklad primárne a sekundárne tlačidlá).

Kroky:

Prispôsobiť prvky pokladne

V sekcii Prispôsobenia v editore brandingu môžete upraviť nasledujúce prvky pokladne:

• Favicon: Vyberte ikonu, ktorá sa zákazníkom zobrazuje na karte prehliadača počas prechodu pokladňou.
• Globálne: Upravte polomer rohov pre všetky prvky (políčka formulárov, tlačidlá a karty).
• Hlavička a logo: Vyberte pozíciu hlavičky v pokladni a tiež to, či sa má zobraziť drobková navigácia, odkaz na košík a logo.
• Hlavné: Použite schémy vzhľadu na hlavnú oblasť obsahu v pokladni, vrátane obrázkov na pozadí, šírky okrajov a farebných schém.
• Súhrn objednávky: Použite schémy vzhľadu na bočný panel pokladne so súhrnom objednávky zákazníka, vrátane obrázkov na pozadí, šírky okrajov a farebných schém.
• Päta: Vyberte šírku päty v pokladni a tiež to, či sa majú zobraziť pravidlá obchodu.
• Typografia: Vyberte veľkosť, rodinu a hrúbku písma, kerning a veľkosť písmen až pre 3 úrovne hlavičiek.
• Tlačidlá: Vyberte vnútorný okraj, okraje a štýly primárneho a sekundárneho tlačidla.
• Formuláre: Prispôsobte štýly pre políčka formulára pokladne, ako sú napríklad zaškrtávacie políčka, textové polia a vybrané možnosti zo zoznamu.
• Miniatúry produktov: Upravte štýly okrajov a polomer rohov pre obrázky produktov v pokladni.

Kroky:

1. V administrátorovi Shopify prejdite do časti Aplikácie > Checkout Blocks.

2. Kliknite na Editor brandingu.

3. V sekcii Prispôsobenia kliknite na ľubovoľný prvok, ktorý chcete prispôsobiť, napríklad Hlavička a logo.

4. Pomocou dostupných možností prispôsobenia upravte prvok pokladne podľa vlastných predstáv.

5. Kliknite na Uložiť.

Prepnúť konfigurácie pokladne

Keď otvoríte editor brandingu, predvolene upravujete konfiguráciu pokladne, ktorá je momentálne Aktívna. Pomocou editora brandingu však môžete zmeniť, ktorú konfiguráciu pokladne chcete upraviť, a tiež môžete vytvoriť nové konfigurácie pokladne.

Ďalšie informácie o správe aktívnych konfigurácií a návrhov konfigurácií pokladne.

Kroky:

1. V administrátorovi Shopify prejdite do časti Aplikácie > Checkout Blocks.

2. Kliknite na Editor brandingu.

3. Kliknutím na názov aktuálnej konfigurácie pokladne otvorte rozbaľovaciu ponuku so zoznamom aktívnej konfigurácie a všetkých návrhov konfigurácií. Potom vyberte konfiguráciu pokladne, ktorú chcete prispôsobiť:

   • Vyberte existujúcu konfiguráciu, ktorú chcete upraviť.
   • Kliknite na ⊕ Vytvoriť novú konfiguráciu a budete presmerovaní do nastavení Pokladne v správcovi Shopify.

Zobraziť ukážku pokladne

Ukážku zmien vykonaných v editore brandingu si môžete kedykoľvek zobraziť výberom požadovanej konfigurácie pokladne a následným kliknutím na Náhľad. Editor pokladne a účtov sa spustí na samostatnej karte s použitými zmenami, aby ste videli, ako sa zobrazia v pokladni.

Kroky:

1. V administrátorovi Shopify prejdite do časti Aplikácie > Checkout Blocks.

2. Kliknite na Editor brandingu.

3. Prispôsobte farby alebo prvky konfigurácie pokladne, ktoré chcete upraviť.

4. Kliknite na Náhľad.

Export a import konfigurácií pokladne

Konfigurácie pokladne môžete exportovať a importovať pomocou súborov JSON.

Exportovanie konfigurácie pokladne:

1. V administrátorovi Shopify prejdite do časti Aplikácie > Checkout Blocks.

2. Kliknite na Editor brandingu.

3. Pomocou editora brandingu vyberte konfiguráciu pokladne s použitými prispôsobeniami.

4. Kliknite na Ďalšie akcie > Exportovať konfiguráciu.

Konfigurácia pokladne sa do vášho lokálneho zariadenia stiahne ako súbor .json.

Importovanie konfigurácie pokladne:

1. V administrátorovi Shopify prejdite do časti Aplikácie > Checkout Blocks.

2. Kliknite na Editor brandingu.

3. Vyberte konfiguráciu pokladne, na ktorú chcete použiť importovaný profil brandingu.

4. Kliknite na Ďalšie akcie > Importovať konfiguráciu.

5. V dialógovom okne Import brandingu pokladne nahrajte súbor JSON brandingu:

   1. Kliknite na Pridať súbor.
   2. Vyberte príslušný súbor JSON zo svojho zariadenia.
   3. Kliknite na Importovať a pokračovať.

6. Skontrolujte vopred načítanú konfiguráciu prispôsobenia. Podľa potreby ju upravte.

7. Kliknite na Uložiť.

Obnoviť predvolený štýl pokladne

Keď upravíte farbu alebo prvok pokladne pomocou editora brandingu, môžete konkrétnu hodnotu resetovať na predvolenú hodnotu kliknutím na možnosť Reset vedľa upravenej farby alebo prvku.

Kedykoľvek môžete resetovať celý branding konfigurácie pokladne na predvolené hodnoty služby Shopify. Resetovaním konfigurácie pokladne sa vymažú všetky prispôsobenia na všetkých stránkach editora brandingu. Túto akciu nemožno vrátiť späť.

Kroky:

1. V administrátorovi Shopify prejdite do časti Aplikácie > Checkout Blocks.

2. Kliknite na Editor brandingu.

3. Vyberte konfiguráciu pokladne, ktorú chcete resetovať.

4. Kliknite na Obnoviť predvolené.

5. V dialógovom okne Obnoviť predvolené štýly? kliknite na Pokračovať.