ShopEngine er en komplet WooCommerce-løsning til Elementor. Funktionerne i ShopEngine omfatter WooCommerce Checkout Form Login widget, der giver dig mulighed for at designe en tilpasset loginformular, når brugere logger ind på en eksisterende konto under kassen.

Læs denne dokumentation for at lære, hvordan du opretter og tilpasser login-formularen til kassen med ShopEngine.

Trin 1: Aktiver widgetten #

For det første, for at aktivere "Checkout Form Login"-widgetten:

1. Naviger til ShopEngine > Widgets fra dit WordPress-dashboard.
2. Find Kasseformular login widget.
3. Aktiver widgetten ved at dreje knappen til PÅ.
4. Klik på GEM ÆNDRINGER knap.

Trin 2: Konfigurer indstillinger #

Sådan aktiverer du kundelogin under kassen:

1. Naviger til WooCommerce > Indstillinger fra WordPress dashboard.
2. Skifte til Konto og privatliv.
3. Under gæstekasse skal du vælge "Tillad kunder at logge ind på en eksisterende konto under kassen" mulighed.
4. Rul ned på siden og klik videre Gem ændringer.

Trin 3: Tilpas login til Checkout Formular #

Åbn nu Checkout-skabelonen med Elementor.

Gå til ShopEngine > Builder skabelon. Find Checkout-skabelonen og klik på "Rediger med Elementor" sammen med skabelonen.

Udvid derefter formularen ved at klikke på til/fra-overskriften.

Hvis du ikke har oprettet en kasseskabelon endnu, følg vores dokumentation på

hvordan man opretter en WooCommece Checkout-side med ShopEngine.

Derefter kan du tilpasse WooCommerce-checkout-loginformularens udseende.

3.1 Skift overskrift #

I sektionen Skift overskrift,

1. Vælg en Farve for overskriften.
2. Vælg en Link farve til tekster med hyperlinks.
3. Vælg en Overskriftsbaggrund farve.
4. Du kan også vælge en kanttype, -bredde og -farve for at skifte overskrift.

3.2 Tekst #

For teksten i WooCommerce checkout login-formularen,

1. Vælg en tekst Farve.
2. Vælg en Link farve for teksten med hyperlink.

3.3 Etiket #

For etiketterne i WooCommerce checkout login-formularen,

1. Vælg en tekst Farve for etiketten.
2. Vælg en Påkrævet indikatorfarve for det påkrævede formularfelt.
3. Juster Margin til etiketter.

3.4 Indgang #

For at tilpasse indtastningsfeltet til loginformularen,

1. Vælg en inputfarve til teksten.
2. Vælg Baggrund farve til indtastningsfeltet.
3. Indstil Border Type.
4. Justere Polstring af indtastningsfeltet.

3.5 knap #

Du kan tilpasse stilene på formularindsend-knappen.

1. Vælg Farve af knapteksten.
2. Vælg knappen Baggrundsfarve.
3. Indstil Border Type.
4. Juster Grænseradius.
5. Juster Box Shadow.
6. Indstil Margin af knappen.

Du kan vælge forskellige tekstfarver og baggrundsfarver for tilstanden "Normal" og "Hover".

3.6 Typografi #

Indstil den primære og sekundære typografi for teksterne i login-formularen.

• Primær typografi fungerer for Skift overskrift og tekst.
• Sekundær typografi fungerer for indtastningsfeltet og indsend-knappen.

Endelig har du en tilpasset WooCommerce checkout login-formular klar til din hjemmeside.