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 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 Scritti

Widget ad immagine

Uso dei cookie