Pagalba
Prisijungti

Prekės ženklo formavimo rengyklės naudojimas Checkout Blocks

Naudodami Checkout Blocks prekės ženklo formavimo rengyklę, kuri veikia Checkout Branding API pagrindu, galite tinkinti atsiskaitymo ir paskyrų puslapių estetiką nekeisdami jokio kodo.

Naudodami prekės ženklo formavimo rengyklę galite redaguoti bet kurios atsiskaitymo konfigūracijos spalvas ir atsiskaitymo elementus. Pakeitimai, kuriuos atliekate savo atsiskaitymo dizaine naudodami prekės ženklo formavimo rengyklę, taikomi visiems Jūsų atsiskaitymo puslapiams, įskaitant padėkos puslapį, užsakymo būsenos puslapį ir naujų klientų paskyrų puslapius.

Norėdami paleisti prekės ženklo formavimo rengyklę iš savo „Shopify“ administratoriaus, spustelėkite Programėlės > Checkout Blocks, tada spustelėkite Prekės ženklo formavimo rengyklė.

Šiame puslapyje

Atsiskaitymo spalvų tinkinimas

Skiltyje Spalvos galite tinkinti pagrindines atsiskaitymo puslapio spalvas. Taip pat galite tinkinti iki 4 spalvų schemų, kurios taikomos atskiroms skiltims, jei norite atlikti detalesnius dizaino pakeitimus. Galite redaguoti spalvų tipus, įskaitant akcento spalvas (interaktyviems elementams, pvz., nuorodoms) ir prekių ženklo spalvas (naudojamas tokiems elementams kaip pirminiai ir antriniai mygtukai).

Veiksmai:

Visuotinių spalvų tinkinimas

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Apps > Checkout Blocks.

  2. Spustelėkite Branding editor.

  3. Skiltyje Spalvos spustelėkite Visuotinės spalvos.

  4. Norėdami pakeisti bet kurią esamą atsiskaitymo spalvą, skiltyje Visuotinės spalvos spustelėkite piktogramą ⊕ ir pasirinkite norimą spalvą atlikdami vieną iš šių veiksmų:

    • Spalvai pasirinkti naudokite spalvų rinkiklį.
    • Laukelyje įveskite šešioliktainį spalvos kodą.

  5. Spustelėkite Išsaugoti.

Spalvų schemų tinkinimas

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Apps > Checkout Blocks.

  2. Spustelėkite Branding editor.

  3. Skiltyje Spalvos spustelėkite 1 schema, 2 schema, 3 schema arba 4 schema, kad pritaikytumėte konkrečią spalvų schemą.

  4. Pasirinkite bet kurį iš šių komponentų, kuriuos norite tinkinti:

    • Pagrindinės spalvos
    • Formos valdikliai
    • Pirminis mygtukas
    • Antrinis mygtukas

  5. Skiltyje Pagrindas spustelėkite piktogramą ⊕ šalia spalvų tipo, kurį norite tinkinti, tada pasirinkite norimą spalvą atlikdami vieną iš šių veiksmų:

    • Spalvai pasirinkti naudokite spalvų rinkiklį.
    • Laukelyje įveskite šešioliktainį spalvos kodą.

  6. Nebūtina: jei redaguojate schemą, skirtą formos valdikliams, pirminiam mygtukui arba antriniam mygtukui, taip pat galite tinkinti spalvas, skirtas sąveikai pasirinkus arba užvedus pelės žymeklį. Spustelėkite piktogramą ⊕ šalia norimo tinkinti spalvos tipo, tada pasirinkite norimą spalvą atlikdami vieną iš šių veiksmų:

    • Spalvai pasirinkti naudokite spalvų rinkiklį.
    • Laukelyje įveskite šešioliktainį spalvos kodą.

  7. Spustelėkite Išsaugoti.

Atsiskaitymo elementų tinkinimas

Prekių ženklo formavimo redaktoriaus skiltyje Tinkinimas galite redaguoti šiuos atsiskaitymo elementus:

  • Adresyno piktograma: pasirinkite piktogramą, kuri bus rodoma klientams naršyklės skirtuke atsiskaitymo metu.
  • Visuotinis: koreguokite visų elementų (formos įvesties laukų, mygtukų ir kortelių) kampų spindulį.
  • Antraštė ir logotipas: pasirinkite antraštės padėtį atsiskaitymo puslapyje, taip pat ar rodyti lankytojo kelią, krepšelio nuorodą ir logotipą.
  • Pagrindinis: taikykite dizaino schemas pagrindinei atsiskaitymo turinio sričiai, įskaitant fono paveikslėlius, rėmelio pločius ir spalvų schemas.
  • Užsakymo santrauka: taikykite dizaino schemas atsiskaitymo šoninei juostai, kurioje pateikiama kliento užsakymo santrauka, įskaitant fono paveikslėlius, rėmelio pločius ir spalvų schemas.
  • Poraštė: pasirinkite poraštės plotį atsiskaitymo puslapyje, taip pat ar rodyti parduotuvės politiką.
  • Tipografija: pasirinkite iki 3 lygių antraščių šrifto dydį, šrifto šeimą ir šrifto storį, dydį, tarpus tarp simbolių ir raidžių registrus.
  • Mygtukai: pasirinkite pirminio ir antrinio mygtukų vidinius atstumus, rėmelius ir stilius.
  • Formos: tinkinkite atsiskaitymo formos įvesties laukų, pvz., žymimųjų laukelių, teksto laukų ir pasirinktų parinkčių iš sąrašo, stilius.
  • Produktų miniatiūros: koreguokite produktų vaizdų rėmelio ir kampų spindulio stilius atsiskaitymo puslapyje.

Veiksmai:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Apps > Checkout Blocks.

  2. Spustelėkite Branding editor.

  3. Skiltyje Tinkinimas spustelėkite bet kurį elementą, kurį norite tinkinti, pvz., Antraštė ir logotipas.

  4. Naudodami galimas tinkinimo parinktis, pakoreguokite atsiskaitymo elementą pagal savo pageidavimus.

  5. Spustelėkite Išsaugoti.

Atsiskaitymo konfigūracijų perjungimas

Atidarę prekės ženklo formavimo redaktorių, pagal numatytuosius nustatymus redaguojate atsiskaitymo konfigūraciją, kuri šiuo metu yra Aktyvi. Tačiau, naudodami prekės ženklo formavimo redaktorių, galite pakeisti redaguojamą atsiskaitymo konfigūraciją bei sukurti naujas atsiskaitymo konfigūracijas.

Sužinokite daugiau apie aktyvių ir juodraštinių atsiskaitymo konfigūracijų tvarkymą.

Veiksmai:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Apps > Checkout Blocks.

  2. Spustelėkite Branding editor.

  3. Spustelėkite dabartinės atsiskaitymo konfigūracijos pavadinimą, kad atidarytumėte išskleidžiamąjį meniu, kuriame pateikiamas aktyvios konfigūracijos ir visų juodraštinių konfigūracijų sąrašas, ir tuomet pasirinkite atsiskaitymo konfigūraciją, kurią norite tinkinti:

    • Pasirinkite esamą konfigūraciją, kurią norite redaguoti.
    • Spustelėkite ⊕ Kurti naują konfigūraciją, kad būtumėte nukreipti į savo „Shopify“ administratoriaus skydelio atsiskaitymo nustatymus.

Atsiskaitymo peržiūra

Galite bet kada peržiūrėti pakeitimus, kuriuos atliekate prekių ženklo formavimo redaktoriuje, pasirinkdami atsiskaitymo konfigūraciją, kurią norite peržiūrėti, ir spustelėdami Peržiūra. Atsiskaitymo ir paskyrų redaktorius paleidžiamas atskirame skirtuke su visais pritaikytais pakeitimais, kad galėtumėte peržiūrėti, kaip jie rodomi atsiskaitymo puslapyje.

Veiksmai:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Apps > Checkout Blocks.

  2. Spustelėkite Branding editor.

  3. Atlikite visus norimus atsiskaitymo konfigūracijos spalvų ar atsiskaitymo elementų tinkinimus.

  4. Spustelėkite Peržiūra.

Atsiskaitymo konfigūracijų eksportavimas ir importavimas

Atsiskaitymo konfigūracijas galite eksportuoti ir importuoti naudodami JSON failus.

Atsiskaitymo konfigūracijos eksportavimas:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Apps > Checkout Blocks.

  2. Spustelėkite Branding editor.

  3. Pasirinkite atsiskaitymo konfigūraciją, kuriai pritaikyti tinkinimai naudojant prekių ženklo formavimo redaktorių.

  4. Spustelėkite Daugiau veiksmų > Eksportuoti konfigūraciją.

Atsiskaitymo konfigūracija atsisiunčiama į jūsų vietinį įrenginį kaip .json failas.

Atsiskaitymo konfigūracijos importavimas:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Apps > Checkout Blocks.

  2. Spustelėkite Branding editor.

  3. Pasirinkite atsiskaitymo konfigūraciją, kuriai norite pritaikyti importuotą prekių ženklo formavimo profilį.

  4. Spustelėkite Daugiau veiksmų > Importuoti konfigūraciją.

  5. Dialogo lange Atsiskaitymo prekių ženklo formavimo importavimas įkelkite savo prekių ženklo formavimo JSON failą:

    1. Spustelėkite Pridėti failą.
    2. Savo įrenginyje pasirinkite atitinkamą JSON failą.
    3. Spustelėkite Importuoti ir tęsti.

  6. Peržiūrėkite iš anksto įkeltą tinkinimo konfigūraciją. Prireikus ją pakeiskite.

  7. Spustelėkite Išsaugoti.

Atsiskaitymo stiliaus atstatymas į numatytąjį

Redaguodami spalvą arba atsiskaitymo elementą naudodami prekių ženklo formavimo redaktorių, galite atstatyti konkrečią reikšmę į numatytąją spustelėdami Atstatyti šalia pakeistos spalvos arba elemento.

Bet kada galite atstatyti visą savo atsiskaitymo prekės ženklo formavimo konfigūraciją į numatytąsias „Shopify“ reikšmes. Atstačius atsiskaitymo konfigūraciją, panaikinami visi pritaikymai visuose prekės ženklo formavimo rengyklės puslapiuose. Šio veiksmo negalima anuliuoti.

Veiksmai:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Apps > Checkout Blocks.

  2. Spustelėkite Branding editor.

  3. Pasirinkite atsiskaitymo konfigūraciją, kurią norite atstatyti.

  4. Spustelėkite Atstatyti numatytuosius.

  5. Dialogo lange „Atstatyti numatytuosius stilius?“ spustelėkite „Tęsti“.