Upotreba uređivača za brendiranje u aplikaciji Checkout Blocks

Možete upotrijebiti uređivač za brendiranje u aplikaciji Checkout Blocks, koji omogućuje Checkout Branding API, za prilagodbu estetike svojih stranica za plaćanje i korisničke račune bez potrebe za izmjenom koda.

Možete upotrijebiti uređivač za brendiranje za uređivanje boja i elemenata plaćanja za svaku konfiguraciju plaćanja. Promjene koje napravite u svom dizajnu plaćanja pomoću uređivača za brendiranje primjenjuju se na sve stranice vašeg plaćanja, uključujući stranicu zahvale, stranicu statusa narudžbe i nove stranice korisničkih računa.

Da biste pokrenuli uređivač za brendiranje iz svog administratorskog alata za Shopify, kliknite na Aplikacije > Checkout Blocks i zatim kliknite na Uređivač za brendiranje.

Prilagodba boja za plaćanje

U odjeljku Boje možete prilagoditi osnovne boje svog plaćanja. Također možete prilagoditi do 4 sheme boja koje se primjenjuju na pojedinačne odjeljke kada želite napraviti detaljnije izmjene u svom dizajnu. Možete urediti vrste boja, uključujući boje naglaska (za interaktivne elemente kao što su poveznice) i boje marke (koje se upotrebljavaju za elemente kao što su primarni i sekundarni gumbi).

Koraci:

Prilagodba globalnih boja
  1. Iz svog administratorskog alata za Shopify idite na Aplikacije > Checkout Blocks.

  2. Kliknite na Uređivač za brendiranje.

  3. U odjeljku Boje kliknite na Globalne boje.

  4. Da biste nadjačali bilo koju postojeću boju plaćanja, u odjeljku Globalne boje kliknite na ikonu i zatim odaberite željenu boju obavljanjem jedne od sljedećih radnji:

    • Upotrijebite alat za odabir boja da biste odabrali boju.
    • Upišite HEX kôd boje u dostupno polje.
  5. Kliknite na Spremi.

Prilagodba shema boja
  1. Iz svog administratorskog alata za Shopify idite na Aplikacije > Checkout Blocks.

  2. Kliknite na Uređivač za brendiranje.

  3. U odjeljku Boje kliknite na Shema 1, Shema 2, Shema 3 ili Shema 4 da biste prilagodili specifičnu shemu boja.

  4. Odaberite bilo koju od sljedećih komponenti koje želite prilagoditi:

    • Glavne boje
    • Kontrole obrazaca
    • Primarni gumb
    • Sekundarni gumb
  5. U odjeljku Osnovno kliknite ikonu pored vrste boje koju želite prilagoditi, a zatim odaberite željenu boju na jedan od sljedećih načina:

    • Upotrijebite alat za odabir boja da biste odabrali boju.
    • Upišite HEX kôd boje u dostupno polje.
  6. Neobavezno: Ako uređujete shemu za Kontrole obrazaca, Primarni gumb ili Sekundarni gumb, također možete prilagoditi boje za ponašanje interakcije Pri odabiru ili Pri prelasku mišem. Kliknite ikonu pored vrste boje koju želite prilagoditi, a zatim odaberite željenu boju na jedan od sljedećih načina:

    • Upotrijebite alat za odabir boja da biste odabrali boju.
    • Upišite HEX kôd boje u dostupno polje.
  7. Kliknite na Spremi.

Prilagodba elemenata plaćanja

U odjeljku Prilagodbe unutar uređivača za brendiranje možete urediti sljedeće elemente plaćanja:

  • Favicon: Odaberite ikonu koja se korisnicima prikazuje na kartici preglednika tijekom plaćanja.
  • Globalno: Prilagodite radijus kuta za sve elemente (unose u obrasce, gumbe i kartice).
  • Zaglavlje i logotip: Odaberite položaj zaglavlja na stranici za plaćanje, kao i hoće li se prikazivati navigacijski put, poveznica na košaricu i logotip.
  • Glavno: Primijenite sheme dizajna na glavno područje sadržaja plaćanja, uključujući pozadinske slike, širine rubova i sheme boja.
  • Sažetak narudžbe: Primijenite sheme dizajna na bočnu traku stranice za plaćanje koja sadrži sažetak narudžbe korisnika, uključujući pozadinske slike, širine rubova i sheme boja.
  • Podnožje: Odaberite širinu podnožja na stranici za plaćanje, kao i hoće li se prikazivati pravila trgovine.
  • Tipografija: Odaberite obitelj fonta te debljinu, veličinu, razmak između znakova i upotrebu velikih/malih slova za najviše tri razine zaglavlja.
  • Gumbi: Odaberite unutarnji razmak, rubove i stilove primarnih i sekundarnih gumba.
  • Obrasci: Prilagodite stilove za unose u obrazac za plaćanje, poput potvrdnih okvira, tekstnih polja i odabranih opcija s popisa.
  • Sličice proizvoda: Prilagodite stilove rubova i radijusa kutova za slike proizvoda na stranici za plaćanje.

Koraci:

  1. Iz svog administratorskog alata za Shopify idite na Aplikacije > Checkout Blocks.

  2. Kliknite na Uređivač za brendiranje.

  3. U odjeljku Prilagodbe kliknite bilo koji od elemenata koje želite prilagoditi, primjerice Zaglavlje i logotip.

  4. Pomoću dostupnih opcija prilagodite element plaćanja prema vlastitim željama.

  5. Kliknite na Spremi.

Prebacivanje između konfiguracija plaćanja

Kada otvorite uređivač brendiranja, prema zadanim postavkama uređujete konfiguraciju plaćanja koja je trenutačno Aktivna. Međutim, pomoću uređivača brendiranja možete promijeniti konfiguraciju plaćanja koju želite urediti, kao i izraditi nove konfiguracije plaćanja.

Saznajte više o upravljanju aktivnim konfiguracijama i nacrtima konfiguracija plaćanja.

Koraci:

  1. Iz svog administratorskog alata za Shopify idite na Aplikacije > Checkout Blocks.

  2. Kliknite na Uređivač za brendiranje.

  3. Kliknite naziv trenutačne konfiguracije plaćanja da biste otvorili padajući izbornik s popisom aktivne konfiguracije i svih nacrta konfiguracija, a zatim odaberite konfiguraciju plaćanja koju želite prilagoditi:

    • Odaberite postojeću konfiguraciju koju želite urediti.
    • Kliknite ⊕ Izradi novu konfiguraciju za preusmjeravanje na postavke Plaćanje u Shopify administratoru.

Pregled plaćanja

U svakom trenutku možete pregledati promjene koje ste unijeli u uređivaču za brendiranje tako da odaberete konfiguraciju plaćanja koju želite pregledati i zatim kliknete Pregled. Uređivač plaćanja i računa pokreće se na zasebnoj kartici sa svim primijenjenim promjenama kako biste mogli pregledati kako one izgledaju na stranici za plaćanje.

Koraci:

  1. Iz svog administratorskog alata za Shopify idite na Aplikacije > Checkout Blocks.

  2. Kliknite na Uređivač za brendiranje.

  3. Prilagodite boje konfiguracije plaćanja ili elemente plaćanja prema potrebi.

  4. Kliknite Pregled.

Izvoz i uvoz konfiguracija plaćanja

Konfiguracije plaćanja možete izvoziti i uvoziti pomoću JSON datoteka.

Izvezite konfiguraciju plaćanja:

  1. Iz svog administratorskog alata za Shopify idite na Aplikacije > Checkout Blocks.

  2. Kliknite na Uređivač za brendiranje.

  3. Odaberite konfiguraciju plaćanja s primijenjenim prilagodbama putem uređivača za brendiranje.

  4. Kliknite Više radnji > Izvezi konfiguraciju.

Konfiguracija plaćanja preuzima se kao .json datoteka na vaš lokalni uređaj.

Uvezite konfiguraciju plaćanja:

  1. Iz svog administratorskog alata za Shopify idite na Aplikacije > Checkout Blocks.

  2. Kliknite na Uređivač za brendiranje.

  3. Odaberite konfiguraciju plaćanja na koju želite primijeniti uvezeni profil brendiranja.

  4. Kliknite Više radnji > Uvezi konfiguraciju.

  5. U dijaloškom okviru Uvezi brendiranje za plaćanje prenesite svoju JSON datoteku s brendiranjem:

    1. Kliknite Dodaj datoteku.
    2. Odaberite odgovarajuću JSON datoteku sa svojeg uređaja.
    3. Kliknite Uvezi i nastavi.
  6. Pregledajte unaprijed učitanu konfiguraciju prilagodbe. Izmijenite je po potrebi.

  7. Kliknite na Spremi.

Ponovno postavljanje stila plaćanja na zadano

Prilikom uređivanja boje ili elementa plaćanja pomoću uređivača za brendiranje možete ponovno postaviti određenu vrijednost na zadanu vrijednost klikom na Ponovno postavi pokraj boje ili elementa koji ste promijenili.

U bilo kojem trenutku možete ponovno postaviti cjelokupno brendiranje konfiguracije plaćanja na zadane vrijednosti za Shopify. Ponovno postavljanje konfiguracije plaćanja briše sve prilagodbe na svim stranicama uređivača za brendiranje. Ta se radnja ne može poništiti.

Koraci:

  1. Iz svog administratorskog alata za Shopify idite na Aplikacije > Checkout Blocks.

  2. Kliknite na Uređivač za brendiranje.

  3. Odaberite konfiguraciju plaćanja koju želite ponovno postaviti.

  4. Kliknite Ponovno postavi na zadano.

  5. U dijaloškom okviru Ponovno postaviti na zadane stilove? kliknite Nastavi.