Introduzione
Come ottenere il badge
Come integrarlo (embed)
Annullare Abbonamento
Come integrarlo sui Website Builder
Pagina Dei Widget

Pagina Dei Widget Welo

In questa pagina trovi tutti i widget Welo, cosa puoi personalizzare e come integrarli correttamente.
‍
Il nome della tua azienda, il link alla tua Welo Page e gli altri dati da sostituire sono disponibili direttamente nella tua dashboard.

Se hai dubbi o non sai come procedere, il nostro supporto dedicato è a tua disposizione. Scrivici e ti aiutiamo noi.

Widget Base fisso (consigliato)

Il widget base è lo stesso presente sul nostro sito: un piccolo cerchio fisso e poco invasivo situato in basso a sinistra. Quando viene cliccato, apre un popup direttamente all’interno della pagina, senza reindirizzare l’utente al sito Welo.
‍
In questo modo, i clienti possono visualizzare la tua Welo Page senza mai lasciare il tuo sito. Per installarlo, ti basterà copiare il codice ricevuto via email (simile a quello qui sotto) e sostituire il link all’interno di data-url con l’URL della tua Welo Page, mantenendo le virgolette ".Il codice va inserito prima della chiusura del tag <body>.
‍
Dovrebbe apparire come questo:

<script src="https://cdn.jsdelivr.net/gh/WeloVerify/welo-badge/welobadge-it.js?v=1" 
  data-url="https://www.welobadge.com/welo-page/tuo-nome-azienda" defer></script>
<a href="https://www.welobadge.com" 
  target="_blank" 
  rel="sponsored noopener" 
  style="position:absolute;left:-9999px;">Verified by Welo</a>

Widget Recesioni

Questo widget ti permette di mostrare sul tuo sito numero di recensioni verificate e rating medio della tua azienda su Welo.

Inserisci questo snippet nel punto esatto in cui vuoi far comparire il widget (footer, pagina prodotto, sezione Trust, ecc.):

<div class="welo-widget" data-welo="NOME-DELLA-TUA-AZIENDA"></div>

<script 
  src="https://weloverify.github.io/welo-reviews-data/widget/widgetit.js?v=1" 
  defer>
</script>

‍Sostituisci NOME-DELLA-TUA-AZIENDA con lo slug assegnato da Welo (esempi: welo, amazon, ebay ecc...)

Troverai il nome esatto della tua azienda anche nella tua dashboard.

Il numero di recensioni e il rating si aggiornano ogni giorno in automatico, nessuna reinstallazione necessaria.

Se vuoi forzare un refresh immediato: cambia il parametro ?v= (es. ?v=1737) oppure svuota la cache del browser (Ctrl+F5 / Cmd+Shift+R)

Widget Scritti

I Welo Verified Tags sono micro-widget che puoi inserire vicino a frasi, sezioni o statistiche per mostrare che le informazioni, i risultati o i partner indicati sono stati verificati da Welo.

Questi tag aumentano la trasparenza e aiutano i clienti a capire che i dati dichiarati sono reali, non marketing.

Copia e incolla uno dei seguenti snippet dove vuoi mostrare la verifica (ad esempio accanto a “+10.000 clienti”, “Partner ufficiale Shopify”, “95% ordini consegnati in tempo”, ecc.).

⚠️ Ricorda di sostituire LINK WELO PAGE con il link completo della tua pagina di verifica Welo ufficiale (compreso di https), dovrebbe essere qualcosa simile a questo;

https://www.welobadge.com/welo-page/Nome della tua azienda
‍

Risultati verificati

🟢 Mostra il badge con la dicitura: “Risultati verificati da Welo” Perfetto per dati numerici, statistiche o performance aziendali.

 <script src="https://weloverify.github.io/welo-reviews-data/Tag/widgetv1.js" 

data-url="LINK WELO PAGE" data-align="left" data-lang="IT" defer> </script>
Partner verificati

🟢 Mostra il badge con la dicitura: “Partner verificati da Welo” Ideale accanto a loghi o sezioni “I nostri partner”.

 <script src="https://weloverify.github.io/welo-reviews-data/Tag/widgetv2.js" 

data-url="LINK WELO PAGE" data-align="left" data-lang="IT" defer> </script>
Informazioni Verificate

🟢 Mostra il badge con la dicitura: “Informazioni verificate da Welo” Perfetto per affermazioni aziendali (es. “100% Made in Italy”, “Certificato ISO”, “Pagamenti sicuri”).

 <script src="https://weloverify.github.io/welo-reviews-data/Tag/widgetv3.js" 

data-url="LINK WELO PAGE" data-align="left" data-lang="IT" defer> </script>

⚙️ Parametri personalizzabili

Puoi personalizzare il comportamento del widget tramite semplici attributi data-* all’interno del tag <script>.
‍
Non serve alcuna configurazione aggiuntiva o codice extra. data-url
È il link della tua pagina Welo ufficiale, Serve per collegare il badge alla tua analisi verificata.
‍
Esempio:
https://www.welobadge.com/welo-page/tuo-brand
‍
➡️ Questo parametro è obbligatorio.
‍

‍data-align
‍
Definisce dove vuoi che il badge venga mostrato orizzontalmente.
Puoi scegliere tra:

‍left per allinearlo a sinistra
‍center per tenerlo al centro
‍right per spostarlo a destra

Se non specifichi nulla, il badge si posiziona automaticamente al centro.

‍data-lang
Imposta la lingua del testo del badge.
‍
Puoi usare:IT per la versione italiana
‍US per la versione inglese
‍
Se non indichi nulla, il widget riconosce automaticamente la lingua del browser e si adatta di conseguenza.

Widget ad immagine

Consigliamo di posizionare i widget in punti strategici come il checkout, i form, la registrazione o il login, per massimizzarne l’efficacia.

Sono completamente personalizzabili: puoi modificarne colori, dimensioni ed effetti.
‍
È sufficiente avere una minima familiarità con il codice, come illustrato nella pagina dedicata.

Welo Badge Classico
Badge Welo

Questo è il Badge Classico di welo, puoi integrarlo copiando il seguente codice:


  <head>
    <style>
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        height: auto;
        background-color: #f5f5f7;
      }

      .link-block {
        display: inline-block;
        text-decoration: none;
        border: none;
        overflow: hidden;
        border-radius: 12px;
        transition: transform 0.3s ease;
      }

      .link-block img {
        width: 100%;
        max-width: 200px;
        height: auto;
        transition: filter 0.3s ease, box-shadow 0.3s ease;
      }

      .link-block:hover img {
        filter: brightness(0.9);
      }

      .link-block:hover {
        transform: scale(1.015);
      }
    </style>
  </head>
  <body>
    <a href="https://www.welobadge.com/" class="link-block">
      <img src="https://cdn.prod.website-files.com/672c7e4b5413fe846587b57a/67ab430b246acf8dd48820e1_Group%201597880512.png" alt="Welo Badge" />
    </a>
  </body>
Welo Badge Classico Rotondo

Questo è il Badge Classico di welo, puoi integrarlo copiando il seguente codice:

<head>
    <style>
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        height: auto;
        background-color: #f5f5f7;
      }
      .link-block {
        display: inline-block;
        text-decoration: none;
        border: none;
        overflow: hidden;
        border-radius: 12px;
        transition: transform 0.3s ease;
      }

      .link-block img {
        width: 100%;
        max-width: 200px;
        height: auto;
        transition: filter 0.3s ease, box-shadow 0.3s ease;
      }

      .link-block:hover img {
        filter: brightness(0.9);
      }

      .link-block:hover {
        transform: scale(1.015);
      }
    </style>
  </head>
  <body>
    <a href="https://www.welobadge.com/" class="link-block">
      <img src="https://cdn.prod.website-files.com/672c7e4b5413fe846587b57a/67ab4309a0e3858df0b379f1_Group%201597880445.png" alt="Welo Badge" />
    </a>
  </body>
Welo Badge Minimal

Questo è il Badge Classico di welo, puoi integrarlo copiando il seguente codice:

<head>
    <style>
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        height: auto;
        background-color: #f5f5f7;
      }

      .link-block {
        display: inline-block;
        text-decoration: none;
        border: none;
        overflow: hidden;
        border-radius: 12px;
        transition: transform 0.3s ease;
      }

      .link-block img {
        width: 100%;
        max-width: 200px;
        height: auto;
        transition: filter 0.3s ease, box-shadow 0.3s ease;
      }

      .link-block:hover img {
        filter: brightness(0.9);
      }

      .link-block:hover {
        transform: scale(1.015);
      }
    </style>
  </head>
  <body>
    <a href="https://www.welobadge.com/" class="link-block">
      <img src="https://cdn.prod.website-files.com/672c7e4b5413fe846587b57a/67ab4308f66d6cd9bae8a0cf_Group%201597880552.png" alt="Welo Badge" />
    </a>
  </body>
Welo Certificati

Questo badge è ottimo per aziende che ci tengono a far vedere i certificati ottenuti.

<head>
    <style>
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        height: auto;
        background-color: #f5f5f7;
      }

      .link-block {
        display: inline-block;
        text-decoration: none;
        border: none;
        overflow: hidden;
        border-radius: 12px;
        transition: transform 0.3s ease;
      }

      .link-block img {
        width: 100%;
        max-width: 250px;
        height: auto;
        transition: filter 0.3s ease, box-shadow 0.3s ease;
      }

      .link-block:hover img {
        filter: brightness(0.9);
      }

      .link-block:hover {
        transform: scale(1.015);
      }
    </style>
  </head>
  <body>
    <a href="https://www.welobadge.com/" class="link-block">
      <img src="https://cdn.prod.website-files.com/672c7e4b5413fe846587b57a/67ab431b08b94ebd87d86f10_Group%201597880551.png" alt="Welo Badge" />
    </a>
  </body>