Configurazione dei widget

Panoramica della configurazione dei widget

Umbrella offre 12 tipi di widget che controllano come appaiono le opzioni di garanzia nel negozio online, nel carrello, al checkout e nelle pagine di stato dell’ordine. Ognuno ha il proprio template e le proprie opzioni di configurazione.

Tipi di widget

Modalità di visualizzazione

Garanzia estesa

Protezione spedizione

Opzioni PDP

• Modalità di visualizzazione — inline, modal o individual
• Scelta obbligatoria — richiede una decisione sulla garanzia prima di aggiungere al carrello
• Seleziona automaticamente la prima opzione — preseleziona la prima opzione di garanzia al caricamento
• Modale all’aggiunta al carrello — apre il selettore della garanzia quando si fa clic su Aggiungi al carrello
• Mostra opzione Nessuna copertura — mostra un’opzione esplicita “Rifiuta”

Inserimento personalizzato

• Inserimento personalizzato sopra il selettore — contenuto HTML sopra il selettore della garanzia
• Selettore di inserimento personalizzato — selettore CSS che indica dove posizionare il widget
• Posizione di inserimento personalizzata — outside-above, inside-top, inside-bottom o outside-below

Opzioni del carrello

• Nascondi pulsante informazioni — nasconde il pulsante con i dettagli della garanzia
• Nascondi pulsante di rimozione — nasconde il pulsante per rimuovere la garanzia
• Nascondi la voce di garanzia estesa — nasconde la riga della garanzia (resta nel carrello, solo non è visibile)
• Nascondi fascia di prezzo della voce di garanzia — nasconde le informazioni sulla fascia di prezzo
• Nascondi i dettagli della voce di garanzia — nasconde durata e livello di servizio
• Aggiungi al totale della riga protetta — unisce il prezzo della garanzia al totale del prodotto
• Disattiva le interazioni con la riga della garanzia — impedisce di fare clic sulle righe della garanzia
• Nascondi i dettagli della copertura — nasconde le informazioni su cosa è coperto
• Nascondi il periodo di garanzia — nasconde la durata
• Nascondi il marchio Umbrella — rimuove il logo Umbrella
• Usa template personalizzato — usa un template HTML personalizzato (vedi Template dei widget)

Opzioni dello stato dell’ordine

• Nascondi il pulsante del sinistro — nasconde “Apri un sinistro”
• Nascondi indicatore di stato — nasconde l’indicatore Attiva/Scaduta/In attesa
• Nascondi le informazioni sul periodo utile per i sinistri — nasconde i dettagli del periodo entro cui aprire un sinistro

Opzioni della modale stato dell’ordine

• Nascondi ID polizza — nasconde il numero identificativo della polizza
• Nascondi data di inizio / Nascondi data di fine — nasconde le date di copertura
• Nascondi il periodo per i sinistri — nasconde le informazioni sul periodo per i sinistri
• Nascondi il pulsante Visualizza polizza — nasconde il link ai dettagli completi della polizza
• Nascondi il pulsante Apri un sinistro — nasconde il pulsante per aprire un sinistro

Opzioni della protezione spedizione

• Modalità di visualizzazione — checkbox o button-choice
• HTML del pulsante di checkout — HTML personalizzato per il pulsante di selezione
• Testo per continuare senza — testo dell’opzione di rifiuto (ad esempio “No, grazie”)

Localizzazione

Aggiungi le traduzioni dei testi del widget con un oggetto annidato per lingua:

{
  "translations": {
    "fr": {
      "addProtection": "Ajouter la protection",
      "fileAClaim": "Deposer une reclamation"
    }
  }
}

Correlati

• Template dei widget — Template HTML personalizzati e attributi data
• Estensione del tema Shopify — Widget PDP tramite embed del tema
• Estensioni del checkout Shopify — Impostazioni del widget al checkout
• Estensioni dell’ordine Shopify — Visualizzazione del widget nella pagina di stato dell’ordine