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)

Per installare Welo Badge devi inserire 2 righe di codice nel tuo sito.
‍
Il widget apparirà in basso a sinistra: prima come cerchio, poi dopo pochi secondi si espande e mostra i messaggi, cliccandolo si apre la tua Welo Page in popup, senza far uscire l’utente dal tuo sito.

Dove inserire il codiceInserisci lo snippet prima della chiusura del tag </body> del tuo sito.

Cosa devi modificare nello snippet:

⚠️ I valori devono essere inseriti dentro le virgolette " ".
Non rimuovere mai le virgolette.

1) data-url (OBBLIGATORIO) È il link della tua Welo Page, devi sostituire:
INSERISCI_QUI_LA_TUA_WELO_PAGE con il link della tua Welo Page:
https://www.welobadge.com/welo-page/nome-azienda ‍2) data-company (CONSIGLIATO) È il nome dell’azienda che verrà mostrato nei messaggi del widget, devi sostituire:
INSERISCI_QUI_IL_NOME_AZIENDA ‍con il nome reale (es. Amazon).

html Paste before </body>

<script
  src="https://weloverify.github.io/welo-badge/welobadge-it.js"
  data-url="INSERISCI_QUI_LA_TUA_WELO_PAGE"
  data-company="INSERISCI_QUI_IL_NOME_AZIENDA"
  defer></script>

<a href="https://www.welobadge.com"
  target="_blank"
  rel="sponsored noopener"
  style="position:absolute;left:-9999px;">Verified by Welo</a>

Copied

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.):

html Paste where you want the widget to appear

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

<script
  src="https://weloverify.github.io/welo-reviews-data/widget/widget.js"
  data-align="center"
  defer></script>

Copied

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

Lo slug è la parte finale del nome assegnato da Welo, usata nel widget, corrisponde a /nomea-zienda ed è case sensitive.

⚠️ Deve essere scritto tutto in minuscolo,
‍
Esempio corretto: pennywiseEsempio errato: Pennywise ‍Trovi lo slug esatto: nella tua dashboard Welo oppure nel link della tua Welo Page

Come ad esempio: https://www.welobadge.com/welo-page/welo
‍
La parte dopo l’ultimo “/” è lo slug della tua azienda.
‍
Il numero di recensioni e il rating si aggiornano automaticamente ogni giorno.
‍
Non serve reinstallare nulla, se vuoi forzare un refresh immediato: cambia il parametro ?v= (es. ?v=1737) oppure svuota la cache del browser
Ctrl + F5 (Windows) / Cmd + Shift + R (Mac)

⚙️ Parametri personalizzabili

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.

Widget Video Recesioni

Questo widget ti permette di mostrare sul tuo sito le recensioni verificate da Welo in formato video + immagini, con un design minimal e interattivo.

È perfetto per: Homepage, Pagina prodotto / checkout, Sezione Trust / Reviews, Landing page, Footer (o subito prima del footer) Il widget si aggiorna automaticamente con i contenuti disponibili per la tua azienda su Welo.

html Paste where you want the widget to appear

<div class="welo-media-widget"
  data-welo="SLUG-DELLA-TUA-AZIENDA"
  data-country="IT"
  data-only="media"
  data-limit="12"
  data-show-text="true"
  data-url="https://www.welobadge.com/welo-page/SLUG-DELLA-TUA_AZIENDA"></div>

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

Copied

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

Lo slug è la parte finale del nome assegnato da Welo, usata nel widget, corrisponde a /nomea-zienda ed è case sensitive.

⚠️ Deve essere scritto tutto in minuscolo,
‍
Esempio corretto: weloEsempio errato: Welo ‍Trovi lo slug esatto: nella tua dashboard Welo oppure nel link della tua Welo Page

Come ad esempio: https://www.welobadge.com/welo-page/welo
‍
La parte dopo l’ultimo “/” è lo slug della tua azienda.
‍

⚙️ Parametri personalizzabili

Data-welo (OBBLIGATORIO) È lo slug della tua azienda.
Esempio: data-welo="welo"
Nota: è case sensitive (welo ≠ Welo).
‍
data-country (opzionale) Imposta la lingua del widget.
Valori consigliati: IT (italiano) / EN (inglese)
Esempio: data-country="IT"
Se non lo imposti, il widget prova a capirla dalla lingua del browser.

data-only (opzionale) Decide cosa mostrare nel widget.
Valori: "media" = immagini + video oppure "video" = solo video
Esempio: data-only="video"

data-limit (opzionale) Quanti contenuti caricare al massimo.
Esempio: data-limit="12"

data-url (opzionale ma consigliato) Link del pulsante “Vedi tutte le recensioni” (inserisci il link della tua Welo Page).

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.

html Paste before </body>

<script
  src="https://weloverify.github.io/welo-reviews-data/Tag/widgetv1.js"
  data-url="INSERISCI_QUI_IL_LINK_DELLA_TUA_WELO_PAGE"
  data-align="left"
  data-lang="IT"
  defer></script>

Copied

Partner verificati

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

html Paste before </body>

<script
  src="https://weloverify.github.io/welo-reviews-data/Tag/widgetv2.js"
  data-url="INSERISCI_QUI_IL_LINK_DELLA_TUA_WELO_PAGE"
  data-align="left"
  data-lang="IT"
  defer></script>

Copied

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”).

html Paste before </body>

<script
  src="https://weloverify.github.io/welo-reviews-data/Tag/widgetv3.js"
  data-url="INSERISCI_QUI_IL_LINK_DELLA_TUA_WELO_PAGE"
  data-align="left"
  data-lang="IT"
  defer></script>

Copied

⚙️ 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

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="INSERISCI_QUI_LA_TUA_WELO_PAGE" 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="INSERISCI_QUI_LA_TUA_WELO_PAGE" 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="INSERISCI_QUI_LA_TUA_WELO_PAGE" 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="INSERISCI_QUI_LA_TUA_WELO_PAGE" class="link-block">
      <img src="https://cdn.prod.website-files.com/672c7e4b5413fe846587b57a/67ab431b08b94ebd87d86f10_Group%201597880551.png" alt="Welo Badge" />
    </a>
  </body>

Come Integrarlo sui Website Builder

Introduzione (homepage)

Pagina Dei Widget Welo

Widget Base fisso (consigliato)

Widget Recesioni

Widget Video Recesioni

Widget Scritti

Widget ad immagine

Uso dei cookie