Questa documentazione ti guiderà nell'integrazione di Easy Digital Downloads e del plugin per pagine Elementor per creare una pagina di checkout EDD coinvolgente e personalizzabile per il tuo negozio online.
L'integrazione consente opzioni di stile avanzate e flessibilità di layout utilizzando sia il blocco di checkout EDD che le impostazioni disponibili tramite l'editor drag-and-drop di Elementor e il widget dedicato EDD Checkout.
Blocco di checkout EDD
La pagina di checkout viene creata automaticamente al momento dell'attivazione del plugin EDD. Trovala in Pagine » Pagina di checkout. Utilizza il blocco di checkout EDD.
Nota: Il blocco di checkout EDD e le sue impostazioni sono disponibili per tutti gli utenti, indipendentemente dall'uso di Elementor.
Quando vai alla pagina di checkout, le impostazioni del blocco si trovano sulla destra.
Anteprima
Innanzitutto, hai la possibilità di attivare l'impostazione Anteprima come ospite. Questo ti aiuta a garantire che l'esperienza sia ottimale sia per i visitatori alle prime armi che per i clienti abituali.
Questo ti mostra un'anteprima in tempo reale della pagina di checkout e del modulo della carta di credito direttamente nell'editor. Puoi scegliere uno dei tuoi prodotti dal menu a discesa Seleziona un download e vedere un'anteprima in tempo reale di come appare il modulo di checkout con un articolo nel carrello.
Impostazioni
- Cambia il layout
- Regola la dimensione dell'anteprima del carrello
- Mostra/Nascondi modulo sconto
Modifica checkout con Elementor
Elementor ha creato il proprio widget EDD Checkout, che offre agli utenti un controllo di progettazione più approfondito direttamente in Elementor.
Accedi all'editor di Elementor
Con il plugin per pagine Elementor installato e attivato sul tuo sito WordPress, la tua pagina di checkout EDD offre l'opzione Modifica con Elementor.
Facendo clic su di essa, verrai portato all'interfaccia dell'editor di Elementor.
Aggiungi e configura il widget di checkout
Nel pannello degli elementi sul lato sinistro dello schermo, cerca EDD Checkout. Trascinalo sulla tua pagina.
Il widget fornisce un'anteprima in tempo reale del tuo modulo di checkout. Configura le impostazioni dell'elemento nel pannello laterale sinistro per personalizzare ogni aspetto della tua pagina di checkout.
L'EDD Checkout ha tre schede di impostazioni principali.
Contenuto
Queste impostazioni sono simili alle impostazioni del blocco nel blocco nativo EDD Checkout.
Generale
- Articolo del carrello
- Allineamento Account
- Layout
Carrello
- Intestazione
- Miniatura e Dimensione Miniatura
- Modulo Sconto
Titoli Sezione
Puoi mostrare/nascondere:
- Info Personali
- Dettagli Fatturazione
- Metodo di Pagamento
- Info Carta
Stile
La scheda Stile è dove puoi personalizzare lo stile del tuo widget Checkout. Questo include cose come la tipografia e i colori del testo/sfondo, il raggio e il padding, ecc.
- Generale
- Pulsante Acquisto
- Carrello
- Sezioni Modulo
- Elementi Modulo
- Informazioni Personali
- Dettagli Fatturazione
- Metodo di Pagamento
- Dettagli Carta
Avanzate
Questa scheda è dove puoi trovare opzioni più avanzate per personalizzare l'aspetto della tua pagina di checkout. Ci sono più fisarmoniche, ognuna con il proprio sottoinsieme di impostazioni che puoi configurare. Le sezioni includono:
- Layout
- Effetti di Movimento
- Trasformazione
- Sfondo
- Bordo
- Maschera
- Responsive
- Attributi
- CSS Personalizzato
Quando hai finito, puoi fare clic sulla freccia verso il basso nell'angolo in alto a destra dello schermo. Quindi scegli Salva bozza, Salva modello o Visualizza pagina. Puoi anche selezionare Pubblica per rendere live le tue modifiche.
Se hai domande sulle impostazioni specifiche del widget, non esitare a esplorare la knowledge base dei widget di Elementor.
Risoluzione dei problemi
Se non vedi le opzioni del blocco o del widget EDD Checkout discusse sopra, potresti dover aggiornare il tuo plugin Easy Digital Downloads.
Verifica la presenza di aggiornamenti andando su Bacheca » Aggiornamenti nella tua area di amministrazione di WordPress. Assicurati di utilizzare la versione 3.5.3 o successiva.
