Obiettivo: Consulta alcune domande frequenti sulla funzione di Dynamic Checkout per WooCommerce.
Guida generale per la risoluzione dei problemi
Se si verificano problemi con la corretta visualizzazione di Dynamic Checkout, ecco alcuni passi da seguire per cercare di risolvere il problema:
- Verifica di aver installato l'ultima versione di Dynamic Checkout qui
- Disattivare i plugin esterni
Si prega di notare che il plug-in WooCommerce Role-Based Shipping/Payment Methods non è compatibile con Dynamic Checkout e deve essere disattivato affinché i metodi di pagamento vengano visualizzati correttamente.
Ho pubblicato la mia configurazione, ma i metodi non compaiono nel checkout. Cosa c'è che non va?
Ci sono alcune ragioni per cui questo potrebbe accadere:
- Se si riceve un messaggio di errore quando si tenta di pubblicare il checkout, potrebbe essere che la configurazione non sia stata pubblicata correttamente.
Vai sulla scheda Checkout nel tuo pannello Sendcloud e assicurati che la configurazione che hai pubblicato non sia in stato di errore.- Se così fosse, prova a ripubblicare la configurazione.
- Prova ad aggiornare le tue chiavi API
- Riconnetti il tuo negozio a Sendcloud. Ricorda che dovrai inserire una nuova configurazione di checkout se effettui il reset della connessione in questo modo.
- Inserisci nella whitelist gli indirizzi IP di questo elenco (nel caso in cui l'accesso sia limitato da un firewall o da Cloudflare, ecc.).
- Il tuo plugin o Woocommerce/Wordpress potrebbe aver bisogno di essere aggiornato.
Assicurati di avere installato l'ultima versione del plugin Sendcloud, e che il tuo Woocommerce e Wordpress siano aggiornati (dalla versione 4.0 in su). - Hai provato a creare un metodo di consegna in giorno prestabilito nelle impostazioni di Woocommerce, invece che nel pannello Sendcloud.
A causa del modo in cui funziona Woocommerce, il metodo "Consegna in un giorno prestabilito" è un'opzione selezionabile nelle impostazioni della zona di spedizione di Woocommerce. Cercando di creare un metodo in questo modo, tuttavia, non verrà visualizzato il metodo corretto nel checkout, non essendovi nulla di configurato nel tuo account Sendcloud. Il metodo deve essere prima configurato nel pannello Sendcloud ed in seguito pubblicato nel plugin. Consigliamo quindi di eliminare il metodo manuale e configurare un metodo di spedizione nel pannello Sendcloud Checkout. - Potrebbe essere dovuto a zone di spedizione duplicate in WooCommerce.
Vedi sotto. - Mancano i prezzi per il metodo di spedizione selezionato.
Devi aggiungere i prezzi a un metodo di spedizione in Woocommerce, prima che sia visibile nel checkout per il tuo cliente. Ecco come aggiungere i prezzi.
Zone di consegna duplicate
Se hai creato una zona di consegna nella configurazione del Checkout per una zona che era già presente in WooCommerce, potresti vedere zone duplicate nel pannello di WooCommerce. La vecchia zona di consegna potrebbe annullare la zona di consegna appena creata.
Per risolvere questo problema, devi dare priorità alle zone che hai appena creato in Sendcloud.
- Vai sul pannello WooCommerce > Impostazioni> Spedizioni
- Assicurati che la nuova zona che hai creato in Sendcloud appaia sopra la lista in WooCommerce trascinando e rilasciando la nuova zona sopra la zona preesistente
- Ricrea tutti i metodi di consegna creati da WooCommerce dalla vecchia zona che si desidera continuare a utilizzare (ad esempio ritiro locale, punto di servizio, ecc.)
- Dovrai completare questo passaggio solo la prima volta che pubblicherai la tua configurazione di checkout. I metodi di consegna aggiuntivi appariranno ora in questa zona appena creata.
Suggerimento: Puoi facilmente vedere quale zona di consegna è quella creata tramite il tuo Checkout Sendcloud perché, sotto la colonna Metodi di spedizione, il nome mostrato sarà quello che hai inserito durante la configurazione del checkout.
Nell'esempio qui sotto, puoi vedere che il nome inserito sotto Method details ("PostNL - Signature Required") compare nelle Zone di consegna (Shipping zones) in WooCommerce. Questo è il metodo di spedizione che deve avere la priorità.
Quando cerco di pubblicare la configurazione di Dynamic Checkout, ricevo un messaggio di errore. Come posso risolvere il problema?
Se, per qualche motivo, la configurazione di Dynamic Checkout non può essere pubblicata, verrà visualizzato uno dei seguenti messaggi di errore che indicano anche come risolvere il problema:
- Incompatibilità della valuta
Soluzione: cambiare la valuta in modo che corrisponda a quella del negozio WooCommerce tramite il menu a tendina accanto a New delivery zone - Firma non valida
soluzione -aggiornare le chiavi API - Campi mancanti
Soluzione: verificare che sia stato fornito un metodo di consegna nella pagina di configurazione del checkout
Ho aggiunto i prezzi ma il metodo di consegna manca ancora. Cos'altro potrebbe andare storto?
Il cliente deve selezionare un paese prima di vedere un metodo di consegna al checkout.
Poiché i metodi di consegna al checkout sono configurati per un paese specifico, il cliente deve selezionare il suo paese di spedizione nel checkout prima che il metodo sia visibile.
Alcuni temi mostreranno al cliente un messaggio del tipo "Inserisci il tuo indirizzo per visualizzare le opzioni di consegna". Ti consigliamo di controllare a dovere se questo messaggio di errore viene visualizzato nella configurazione del tuo tema/impostazione, oltre che di assicurarti che i tuoi clienti siano chiaramente istruiti in fase di checkout a inserire i dettagli del loro indirizzo, per vedere i metodi di consegna disponibili.
Ho aggiunto i prezzi per una classe di spedizione Woocommerce personalizzata e il metodo Sendcloud non è visibile nel checkout. Cosa sta andando storto?
Questo potrebbe essere dovuto al modo in cui hai impostato i prezzi per il metodo di consegna in WooCommerce. I metodi di consegna Sendcloud possono essere configurati nello stesso modo in cui funziona la spedizione WooCommerce Flat Rate.
Ad esempio:
Impostando il costo a 0 e aggiungendo solo i prezzi della classe personalizzata:
- Il metodo di consegna è visibile nel checkout poiché il costo principale ha un valore
- Se gli articoli nel carrello non hanno un prezzo di classe di spedizione personalizzato definito, il prezzo del metodo è 0
- Se gli articoli hanno una classe di spedizione personalizzata, viene utilizzato il prezzo per quella classe personalizzata
Impostando il costo su nessuno (lascia il campo vuoto) e aggiungendo solo il prezzo della classe personalizzata:
- Se nessun articolo nel carrello ha quella classe di spedizione personalizzata, il metodo di consegna è nascosto
- Se un articolo nel carrello ha quella classe di spedizione personalizzata, il metodo di consegna è disponibile
Perché il widget non viene visualizzato correttamente?
Il tema del negozio potrebbe interferire con lo stile del widget, con il risultato che i selettori di date appaiono più piccoli, come nell'esempio seguente:
Per assicurarti che i selettori di date appaiano come previsto, segui questi passi:
- Naviga su Appearance nel pannello Wordpress/WooCommerce
- Clicca su
Customize
- Clicca su
Additional CSS
nel menu della personalizzazione del tema - Incolla la seguente riga di codice nel campo del testo:
.sc-delivery-date-wrapper { display: block !important; }
Ora il widget dovrebbe essere visualizzato correttamente:
Ricorda di cliccare suPublish
per salvare le modifiche.
D: Perché il selezionatore/widget del Service Point non viene visualizzato correttamente sulla visualizzazione mobile o su schermi piccoli?
Per i dispositivi mobili di dimensioni standard, il selezionatore dei Service Point dovrebbe apparire correttamente all'interno dello spazio disponibile sullo schermo. Tuttavia, in alcuni temi di WooCommerce, il selezionatore può apparire distorto come nell'esempio seguente:
Questo è il risultato del tema utilizzato e non del design del selezionatore dei Service Point Sendcloud. Una soluzione consiste nell'includere il seguente CSS personalizzato per garantire che il widget esista nella propria riga:
.woocommerce-shipping-totals {
display: flex;
flex-direction: column;
}
.woocommerce-shipping-methods li {
flex-direction: column;
}
Come posso personalizzare il widget Checkout in modo che rifletta il mio marchio?
Il widget Checkout è stato pensato per soddisfare gli standard di accessibilità, tuttavia, capiamo che tu voglia modificarne lo stile in modo che rappresenti il tuo marchio. Segui questi passi per sovrascrivere lo stile standard:
- Naviga su Appearance nel pannello Wordpress/WooCommerce
- Clicca su
Customize
- Clicca su
Additional CSS
- Nel menu dI personalizzazione del tema incolla le seguenti righe di codice nel campo del testo:
.sc-shipping-option.sc-shipping-option {
/* typography */
--sc-font-size: 15px;
--sc-font-weight: inherit;
--sc-font-family: Georgia, serif;
/* colors */
--sc-accent-color: #d71c00;
--sc-accent-color-dark: #a30916;
--sc-focus-color: #e58722;
--sc-text-color: #fff;
--sc-dimmed-text-color: #d4d4d4;
--sc-background-color: #fff;
--sc-delivery-date-background-color: #323232;
--sc-border-color: #e7e7e7;
--sc-box-shadow-color: #1128570d;
--sc-sendcloud-logo-color: #c4c4c4;
/* miscellaneous */
--sc-spacing: 4px;
--sc-border-width: 2px;
--sc-selected-border-width: 2px;
--sc-border-radius: 12px;
/* private */
--sc-item-width: 120px;
--sc-item-gap-width: 8px;
}
Noterai che lo stile del widget è cambiato:
Ora puoi adattare i colori, lo stile dei caratteri e le dimensioni per adattarli allo stile del tuo marchio.
Quando sei soddisfatto dell'aspetto del tuo widget, clicca su Publish
.
Come posso nascondere il logo del corriere o la dicitura "consegnato da [...]" dal widget della data di consegna?
Per nascondere il logo del corriere (.sc-carrier_logo) o la dicitura "consegnato da" (.sc-carrier_by-line), devi aggiungere i seguenti elementi:
} /* hide carrier logo */ .sc-carrier .sc-carrier__logo { display: none; } /* hide delivered by carrier line */ .sc-carrier .sc-carrier__by-line { display: none;
}
Una volta impostato il display su "none" (nessuno), non sarà più visibile nel tuo checkout.
Posso modificare l'aspetto del titolo pubblico e della descrizione pubblica del mio metodo di spedizione?
Ora puoi modificare l'aspetto del titolo pubblico e della descrizione pubblica del tuo metodo di spedizione utilizzando il CSS personalizzato.
- Vai su Appearance nella dashboard di Wordpress/WooCommerce
- Clicca su
Customize
- Clicca su
Additional CSS
nel menu di personalizzazione del tema - Fornisci le CSS custom properties
Custom properties
sc-delivery-method-title
sc-delivery-method-description
Posso modificare l'aspetto del mio selezionatore di punti di servizio?
Se hai creato un metodo di consegna del punto di servizio Dynamic Checkout, puoi personalizzare l'aspetto del picker del punto di servizio Sendcloud usando i CSS.
- Vai su Appearance nel dashboard di Wordpress/WooCommerce
- Clicca su
Customize
- Clicca su
Additional CSS
nel menu di personalizzazione del tema - Fornire le caratteristiche CSS personalizzate sull'elemento
.sc-shipping-option
Esempio:
.sc-shipping-option {
--sc-font-size: 1em;
--sc-font-family: Georgia, Times, serif;
--sc-border-radius: 0;
--sc-accent-color: #e24c00;
--sc-text-color: #ffffff;
--sc-dimmed-text-color: #afa6a6;
--sc-background-color: #111111;
--sc-panel-background-color: #232323;
--sc-border-color: #8a2b03;
}
Puoi anche cambiare l'aspetto del selezionatore di punti di servizio sovrascrivendo il tema predefinito del tuo shop usando i CSS. Nota: assicurati di aggiungere questi stili dopo il link
che si riferisce al file principale checkout-plugin-ui.css; altrimenti, lo stylesheet sovrascriverà i tuoi stili.
Caratteristiche personalizzate disponibili
Le caratteristiche personalizzate disponibili che possono essere sostituite sono mostrate qui sotto.
Custom property / Default value
--sc-font-size
15px
--sc-font-size-small
14px
--sc-font-weight
inherit
--sc-font-family
inherit
--sc-spacing
4px
--sc-border-width
2px
--sc-border-color
#e7e7e7
--sc-border-radius
6px
--sc-border-color-dark
#bbbbbb
--sc-accent-color
#1d97ff
--sc-accent-color-dark
#095ca3
--sc-accent-color-light
#77c1ff
--sc-focus-color
#1d97ff
--sc-box-shadow-focus-color
#a5d5ff
--sc-text-color
#212121
--sc-alt-text-color
#112857
--sc-price-color
#03a678
--sc-dimmed-text-color
#686868
--sc-error-color
#b50000
--sc-error-box-shadow-color
#f8e6e6
--sc-background-color
#f7f8fa
--sc-panel-background-color
#ffffff
--sc-panel-border-hover-color
#a5d5ff
--sc-box-shadow-color
#1128570d
--sc-sendcloud-logo-color
#c4c4c4
--sc-button-text-color
#ffffff
--sc-button-background-color
#112857
--sc-button-background-hover-color
#4d5e81
--sc-button-border-color
#112857
--sc-button-border-width
1px
--sc-button-secondary-text-color
#112857
--sc-button-secondary-background-color
#ffffff
--sc-button-secondary-background-hover-color
#e8f5ff
--sc-button-secondary-border-color
#112857
--sc-button-secondary-border-width
1px
--sc-input-text-color
#212121
--sc-input-background-color
#ffffff
--sc-input-border-color
#112857
--sc-input-border-width
1px
--sc-radio-button-border-color
#112857
--sc-radio-button-background-color
#112857
--sc-location-suggestion-marker-color
#1d97ff
--sc-service-point-marker-color
#112857