ShopEngine è una soluzione WooCommerce completa per Elementor. Le funzionalità di ShopEngine includono Accesso al modulo di pagamento WooCommerce widget che ti consente di progettare un modulo di accesso personalizzato quando gli utenti accedono a un account esistente durante il checkout.

Leggi questa documentazione per scoprire come creare e personalizzare il modulo di accesso al checkout con ShopEngine.

Passaggio 1: attiva il widget #

Innanzitutto, per abilitare il widget "Accesso al modulo di pagamento":

1. Navigare verso ShopEngine > Widget dalla dashboard di WordPress.
2. Trovare il Accedi al modulo di pagamento aggeggio.
3. Abilita il widget ruotando l'interruttore su SU.
4. Clicca sul SALVARE LE MODIFICHE pulsante.

Passaggio 2: configura le impostazioni #

Per abilitare l'accesso del cliente durante il checkout:

1. Navigare verso WooCommerce > Impostazioni dalla dashboard di WordPress.
2. Passa a Conto e privacy.
3. In Pagamento come ospite, seleziona "Consenti ai clienti di accedere a un account esistente durante il pagamento" opzione.
4. Scorri la pagina verso il basso e clicca su Salvare le modifiche.

Passaggio 3: personalizza l'accesso al modulo di pagamento #

Ora apri il modello Checkout con Elementor.

Vai a ShopEngine > Modello generatore. Trova il modello di Checkout e fai clic su "Modifica con Elementor" insieme al modello.

Successivamente, espandi il modulo facendo clic sull'intestazione di attivazione/disattivazione.

Se non hai ancora creato un modello di pagamento, segui la nostra documentazione su

come creare una pagina di pagamento WooCommece con ShopEngine.

Successivamente, puoi personalizzare l'aspetto del modulo di accesso al checkout di WooCommerce.

3.1 Attiva/disattiva direzione #

Nella sezione Attiva/disattiva intestazione,

1. Scegli un Colore per l'intestazione.
2. Scegli un Colore collegamento per testi con collegamenti ipertestuali.
3. Seleziona un Sfondo dell'intestazione colore.
4. Puoi anche selezionare il tipo di bordo, la larghezza e il colore per attivare/disattivare l'intestazione.

3.2 Testo #

Per il testo nel modulo di accesso al checkout di WooCommerce,

1. Scegli un testo Colore.
2. Seleziona un Colore collegamento per il testo con collegamento ipertestuale.

3.3 Etichetta #

Per le etichette nel modulo di accesso al checkout di WooCommerce,

1. Scegli un testo Colore per l'etichetta.
2. Seleziona un Colore indicatore richiesto per il campo modulo richiesto.
3. Aggiusta il Margine per le etichette.

3.4 Ingresso #

Per personalizzare il campo di input del modulo di accesso,

1. Scegli un Colore di input per il testo.
2. Seleziona il Sfondo colore per il campo di input.
3. Impostare il Tipo di bordo.
4. Regolare Imbottitura del campo di immissione.

3.5 Pulsante #

Puoi personalizzare gli stili del pulsante di invio del modulo.

1. Seleziona il Colore del testo del pulsante.
2. Scegli il pulsante Colore di sfondo.
3. Impostare il Tipo di bordo.
4. Aggiusta il Raggio del confine.
5. Aggiusta il Scatola Ombra.
6. Impostare il Margine del pulsante.

Puoi scegliere diversi colori del testo e colori di sfondo per lo stato "Normale" e "Al passaggio del mouse".

3.6 Tipografia #

Imposta la tipografia primaria e secondaria per i testi nel modulo di accesso.

• La tipografia primaria funziona per l'attivazione/disattivazione dell'intestazione e del testo.
• La tipografia secondaria funziona per il campo di input e il pulsante Invia.

Infine, hai un modulo di accesso al checkout WooCommerce personalizzato pronto per il tuo sito web.