Widge-tul WooCommerce Checkout Widget

WooCommerce Checkout Widget

Widge-tul WooCommerce Checkout Widget vă poate oferi o soluție și mai personalizabilă pentru site-ul dvs. de comerț electronic. Puteți edita titlurile secțiunilor, etichetele și substituenții câmpurilor de formular. De asemenea, puteți stila aspectul, tipografia și opțiunile de culoare în ansamblu sau puteți personaliza și mai mult în funcție de secțiune.

Când publicați, vi se va solicita opțiunea de a vă seta automat noua pagină ca pagină de plată implicită, în loc să trebuiască să treceți prin setările WooCommerce.

Conţinut

General

1. Aspect: Din meniul drop-down, selectați între o coloană sau două coloane.
2. Coloană lipicioasă din dreapta: Dacă se utilizează un aspect cu două coloane, utilizați opțiunea de activare/dezactivare a comutatorului de control pentru coloana din dreapta.
3. Offset: Dacă opțiunea lipicioasă este activată, introduceți o valoare în PX pentru a compensa marginea superioară a efectului lipicios.

Detalii de Facturare

1. Titlul secțiunii: Editați titlul implicit al secțiunii introducând text în câmp sau alegând setările dinamice.
2. Aliniere: Folosind pictogramele, selectați între alinierea la stânga, la centru sau la dreapta.
3. Elemente de formular: Pentru fiecare dintre elementele de formular puteți edita opțiunile de mai jos.
4. Etichetă: Introduceți valoarea dorită în câmpul de text.

• Substituent: Introduceți valoarea dorită în câmpul de text.
• Opțiuni avansate: Opțiuni suplimentare pot fi găsite în fila avansată de mai jos.
• Valoare implicită: Introduceți o valoare implicită în câmpul de text, dacă este necesar.

Detalii Expediere

1. Titlul secțiunii: Editați titlul implicit al secțiunii introducând text în câmp sau alegând setările dinamice.
2. Aliniere: Folosind pictogramele, selectați între alinierea la stânga, la centru sau la dreapta.
3. Elemente de formular: Pentru fiecare dintre elementele de formular puteți edita opțiunile de mai jos.

• Etichetă: Introduceți valoarea dorită în câmpul de text.
• Substituent: Introduceți valoarea dorită în câmpul de text.
• Opțiuni avansate: Opțiuni suplimentare pot fi găsite în fila avansată de mai jos.
• Valoare implicită: Introduceți o valoare implicită în câmpul de text, dacă este necesar.

Informații Adiționale

1. Comutare informații suplimentare: Utilizați controlul de comutare pentru a afișa/ascunde secțiunea de informații suplimentare.
2. Elemente: Pentru fiecare dintre articole puteți edita opțiunile de mai jos.

• Etichetă: Introduceți valoarea dorită în câmpul de text.
• Substituent: Introduceți valoarea dorită în câmpul de text.
• Opțiuni avansate: Opțiuni suplimentare pot fi găsite în fila avansată de mai jos.
• Valoare implicită: Introduceți o valoare implicită în câmpul de text, dacă este necesar.

Comanda dumneavoastră

1. Titlul secțiunii: Editați titlul implicit al secțiunii introducând text în câmp sau alegând setările dinamice.
2. Aliniere: Folosind pictogramele, selectați între alinierea la stânga, la centru sau la dreapta.

Cupon

• Titlul secțiunii: Editați titlul implicit al secțiunii introducând text în câmp sau alegând setările dinamice.
• Link: Editați textul implicit al link-ului codului de cupon introducând valoarea în câmpul de text.
• Aliniere: Folosind pictogramele, selectați între alinierea la stânga, la centru sau la dreapta.

Plată

Termeni și Condiții

1. Mesaj: Introduceți valoarea în câmpul de text sau utilizați setările dinamice.
2. Link: Editați textul implicit al linkului introducând valoarea dorită în câmpul de text.

Butonul de Cumpărare

1. Aliniere: Folosind pictogramele, selectați între alinierea la stânga, la centru sau la dreapta.

Stil

Secțiuni

1. Culoare de fundal: Din selectorul de culori, alegeți culoarea de fundal pentru secțiunile dvs. Această culoare se va aplica tuturor secțiunilor. Puteți aplica o culoare de fundal diferită unei secțiuni în opțiunile de Personalizare prezentate mai jos.
2. Box Shadow: Faceți clic pe pictograma creion pentru a seta opțiunile de culoare și umbră.
3. Tip de chenar: Din meniul drop-down, selectați între solid, dublu, punctat, punctat sau canelat.
4. Lățime (chenar): Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
5. Culoare (chenar): Din selectorul de culori, alegeți culoarea de fundal pentru chenar.
6. Raza chenarului: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
7. Padding: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
8. Marja: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.

Tipografie

Pentru fiecare dintre următoarele componente, Titluri, Titluri secundare, Descrieri, Mesaje, Casete de selectare și Butoane radio sunt disponibile următoarele opțiuni de stil.

1. Culoare: Din selectorul de culori, alegeți culoarea titlurilor dvs. Această culoare se va aplica tuturor titlurilor. Puteți aplica o culoare diferită unui titlu (titluri) în opțiunile de Personalizare prezentate mai jos.
2. Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
3. Umbra text (numai titluri): Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.
4. Spațiere: Utilizați glisorul pentru a crește sau a reduce distanța dintre componente.

Legături

Alegeți aspectul opțiunilor de link în stările normale și de hover.

1. Culoare link: Din selectorul de culori, alegeți culoarea linkurilor dvs. Această culoare se va aplica tuturor link-urilor. Puteți aplica o culoare diferită unui link (le) în opțiunile de Personalizare prezentate mai jos.

Formulare

Aspect

1. Column Gap: Folosiți glisorul sau introduceți valoarea în câmpul din PX.
2. Rows Gap: Folosiți glisorul sau introduceți valoarea în câmpul din PX.

Etichete

1. Culoare: Din selectorul de culori, alegeți culoarea pentru etichete. Această culoare se va aplica tuturor etichetelor. Puteți aplica o culoare personalizată etichetelor unei secțiuni în opțiunile de Personalizare prezentate mai jos.
2. Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
3. Spațiere: Utilizați glisorul pentru a crește sau a reduce distanța dintre componente.

Câmpuri

1. Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
2. Culoare (Text): Din selectorul de culori, alegeți culoarea pentru textul câmpului dvs. Această culoare se va aplica tuturor textului câmpului. Puteți aplica o culoare personalizată textului unui câmp de secțiuni în opțiunile de Personalizare prezentate mai jos.
3. Tip de fundal: Folosiți pictogramele pentru a alege între un fundal solid sau gradient.
4. Culoare (fond): Din selectorul de culori, selectați culoarea (culorile) pentru câmp.
5. Imagine: Faceți clic pentru a selecta sau a încărca o imagine în biblioteca media pentru a o folosi ca imagine de fundal a câmpului dvs.
6. Box Shadow: Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.

Buton

1. Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
2. Culoare (Text): Din selectorul de culori, alegeți culoarea pentru textul câmpului dvs. Această culoare se va aplica tuturor textului câmpului. Puteți aplica o culoare personalizată textului unui câmp de secțiuni în opțiunile de Personalizare prezentate mai jos.
3. Tip de fundal: Folosiți pictogramele pentru a alege între un fundal solid sau gradient.
4. Culoare (fond): Din selectorul de culori, selectați culoarea (culorile) pentru câmp.
5. Imagine: Faceți clic pentru a selecta sau a încărca o imagine în biblioteca media pentru a o folosi ca imagine de fundal a câmpului dvs.
6. Box Shadow: Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.

Borduri

1. Tip de chenar: Din meniul drop-down, selectați între solid, dublu, punctat, punctat sau canelat.
2. Lățime (chenar): Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
3. Culoare (chenar): Din selectorul de culori, alegeți culoarea de fundal pentru chenar.
4. Raza chenarului: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
5. Padding: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.

Comandă Sumară

Aspect

1. Rows Gap: Folosiți glisorul sau introduceți valoarea în câmpul din PX.

Articole

1. Culoare: Din selectorul de culori, alegeți culoarea pentru articolele dvs.
2. Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.

Variații

1. Culoare: Din selectorul de culori, alegeți culoarea pentru variațiile dvs.
2. Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.

Divizoare

1. Culoare: Din selectorul de culori, alegeți culoarea pentru separatoarele dvs.
2. Greutate: Folosiți glisorul sau introduceți manual o valoare în câmp (PX, EM).

Titluri și Totaluri

1. Culoare: Din selectorul de culori, alegeți culoarea pentru variațiile dvs.
2. Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.

Divizor Total

1. Culoare: Din selectorul de culori, alegeți culoarea pentru Divider Total.
2. Greutate: Folosiți glisorul sau introduceți manual o valoare în câmp (PX, EM).

Butonul de Cumpărare

1. Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
2. Text Shadow: Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.
3. Culoare text (Text): Din selectorul de culori, alegeți culoarea pentru textul câmpului dvs.
4. Tip de fundal: Folosiți pictogramele pentru a alege între un fundal solid sau gradient.
5. Culoare (fond): Din selectorul de culori, selectați culoarea (culorile) pentru câmp.
6. Imagine: Faceți clic pentru a selecta sau a încărca o imagine în biblioteca media pentru a o folosi ca imagine de fundal a câmpului dvs.
7. Box Shadow: Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.
8. Tip de chenar: Din meniul drop-down, selectați între solid, dublu, punctat, punctat sau canelat.

1. Lățime (chenar): Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
2. Culoare (chenar): Din selectorul de culori, alegeți culoarea de fundal pentru chenar.
3. Raza chenarului: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
4. Padding: introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.

Personalizați

Opțiunea de personalizare vă permite să stilați o secțiune(i) independent de celelalte secțiuni. Faceți clic pe pictograma + pentru a adăuga sau elimina acțiuni din personalizat. Opțiuni suplimentare de stil pentru fiecare secțiune vor apărea sub elementul de personalizare.

Avansat

Opțiunile filei Avansate globale sunt disponibile pentru Widge-tul WooCommerce Checkout Widget.

Pentru confortul dvs. urmăriți acest Tutorial și în format Video. Video creat de echipa de asistență Elementor.

Documentație adițională

• Widge-tul WooCommerce My Account Widget
• Widgetul Progress Tracker
• Utilizarea Widget-ului Author Box
• Post Title Widget