Configura il Welo Badge con il codice
L'integrazione del Welo Badge tramite codice embed è un metodo pratico e intuitivo che ti consente di aggiungere il badge al tuo sito web in pochi semplici passaggi.
Grazie a questa soluzione, puoi personalizzarne l'aspetto e il posizionamento in base alle tue esigenze, modificando alcune righe di codice per adattarlo perfettamente al design della tua pagina. Se riscontri difficoltà durante l'integrazione, il nostro team di supporto è sempre disponibile ad aiutarti.
Ti forniremo indicazioni dettagliate e supporto passo dopo passo per garantire che la procedura si svolga senza intoppi. Di seguito sono riportati i passaggi necessari per integrare correttamente il Welo Badge nel tuo sito:
Trova la funzione "Embed"
La maggior parte dei website builder offre una funzione chiamata "Embed", "Codice" o "HTML personalizzato". Questa opzione ti consente di inserire codice personalizzato direttamente nelle pagine del tuo sito. Segui questi passaggi:
Accedi al tuo website builder e cerca una sezione o un blocco in cui inserire codice HTML personalizzato. Questa opzione si trova generalmente 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 Welo Badge
Prima di incollare il codice nella funzione "Embed" o "Codice", procedi con i seguenti passaggi:
1) Scegli il badge più adatto alla tua Azienda tramite il Pagina dei widget.
2) Personalizza il codice come preferisci seguendo i passaggi seguenti:
Nel codice troverai alcuni valori da sostituire,
Devono essere sempre inseriti tra virgolette (” “) e le virgolette non devono essere rimosse.
INSERT_HERE_YOUR_WELO_PAGE
Questo è l'URL completo della tua Welo Page.
Esempio:
https://www.welobadge.com/welo
INSERT_HERE_THE_COMPANY_NAME
Questo è il nome della tua Azienda che verrà mostrato nei testi del widget.
Esempio: Welo
YOUR-COMPANY_SLUG
È l'identificatore univoco della tua Azienda assegnato da Welo.
Corrisponde alla parte finale dell'URL della tua Welo Page (dopo l'ultimo “/”).
Deve essere Tutto minuscolo Ed è Sensibile alle maiuscole/minuscole.
Esempio corretto: welo
Esempio non valido: Welo
Puoi trovare in qualsiasi momento lo slug corretto nella dashboard Welo o direttamente nell'URL della tua Welo Page.
Il valore predefinito della larghezza dell’immagine è impostato su
Tuttavia, per chi ha una certa familiarità con il codice, è possibile regolare le dimensioni di alcuni badge e personalizzarne l’aspetto.
Il valore predefinito della larghezza dell’immagine è impostato su 200px. Se vuoi che il badge sia più grande o più piccolo, modifica il valore di Max-width nel codice. Ad esempio, per ingrandirlo a 300px, ti basta inserire max-width: 300px;.
⚠️ Nota: non puoi utilizzare un badge più grande di 400px.
Una volta fatto, sei pronto a incollare il codice e procedere!
Salva e pubblica il tuo sito
Una volta personalizzato il codice, salva le modifiche e pubblica il tuo sito. Il badge Welo dovrebbe apparire sulla tua pagina, confermando che la tua Azienda è certificata. Se hai scelto di utilizzare un effetto al passaggio del mouse, il badge cambierà luminosità quando l’utente passerà il mouse su di esso, 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 speciale ti aiuterà a trovare rapidamente le sezioni giuste in cui integrare il badge Welo.