Impostare il Badge Welo con il Codice
L'integrazione del badge Welo tramite codice embed è un metodo pratico e intuitivo che ti permette di aggiungere il badge al tuo sito web in pochi semplici passaggi.
Grazie a questa soluzione, potrai personalizzarne l'aspetto e il posizionamento in base alle tue esigenze, modificando alcune linee di codice per adattarlo perfettamente al design della tua pagina.Se dovessi riscontrare difficoltà durante l'integrazione, il nostro team di assistenza è sempre disponibile per aiutarti.
Ti forniremo una guida dettagliata e un supporto step by step per garantire che il processo avvenga senza intoppi. Di seguito trovi i passaggi necessari per integrare correttamente il badge Welo sul tuo sito:
Trova la Funzione "Embed"
La maggior parte dei builder di siti web offre una funzione chiamata "Embed", "Codice" o "Custom HTML". Questa opzione ti permette di inserire codice personalizzato direttamente nelle pagine del tuo sito. Segui questi passaggi:
Accedi al tuo builder di siti web e cerca una sezione o un blocco dove è possibile inserire codice HTML personalizzato. Solitamente questa opzione si trova nel menu delle impostazioni o tra gli strumenti di personalizzazione del sito.
Se non riesci a trovarla, consulta la documentazione del tuo builder per istruzioni su come aggiungere codice personalizzato alla tua pagina.
Codice del Badge Welo
Prima di incollare il codice nella funzione "Embed" o "Codice", procedi con i seguenti passaggi:
1) Scegli il badge che più si adatta alla tua azienda tramite la pagina dei Widget.
2) Personalizza il codice come più preferisci seguendo i seguenti passaggi:
Cerca la parte del codice dove si trova href="https://www.welo.com/azienda-nome" e sostituisci il link all'interno delle " " con l'URL della tua pagina certificata su Welo. Questo garantirà che quando gli utenti cliccano sul badge, vengano reindirizzati alla tua pagina di certificazione.
Il valore predefinito della larghezza dell'immagine è impostato su 200px. Se desideri che il badge sia più grande o più piccolo, modifica il valore di max-width nel codice. Ad esempio, per ingrandirlo a 300px, basta scrivere max-width: 300px;.
⚠️ Nota Bene: NON puoi utilizzare un badge più grande di 350px.
Una volta fatto, sei pronto per incollare il codice e partire!
Aggiungi il Contatore delle Views
Per monitorare le visualizzazioni del tuo sito, includi il codice che ti è stato fornito tramite email nella sezione <head> del tuo sito, dovrebbe essere qualcosa simile a questo:
<script defer src="https://app.welobadge.com/script.js" data-website-id="eZ5ebb72-c610-4771-8b13-2a99aw29943852"></script>
Questo script consente a Welo di monitorare le visualizzazioni e di inviarti notifiche quando stai per superare il limite del tuo abbonamento.
Se il tuo sito non registra visualizzazioni o sospettiamo che il codice non sia stato integrato correttamente, il tuo abbonamento potrebbe essere sospeso. Qualsiasi modifica o manomissione di questo codice può comportare l'interruzione del servizio.
Salva e Pubblica il Tuo Sito
Una volta che hai personalizzato il codice, salva le modifiche e pubblica il tuo sito. Il badge Welo dovrebbe apparire sulla tua pagina, confermando la tua azienda come certificata. Se hai scelto di usare un effetto hover, il badge cambierà luminosità quando l'utente ci passerà sopra con il mouse, dando un effetto dinamico al sito.
Se hai bisogno di aiuto o supporto puoi contattare il nostro team.
Se utilizzi un Website Builder come WordPress, Shopify, Wix o simili, questa pagina apposita ti aiuterà a trovare rapidamente le sezioni giuste per integrare il badge Welo.