Pagina dei widget Welo

In questa pagina troverai 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 aiuteremo.

Widget a base fissa (consigliato)

Per installare Welo Badge Devi inserire 2 righe di codice sul tuo sito.
‍
Il widget apparirà in basso a sinistra: prima come hoop, poi dopo pochi secondi si espande e mostra i messaggi; cliccandoci si apre il tuo Welo Page nei popup, senza permettere all’utente di disconnettersi 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 La tua Welo Page, devi sostituire:
INSERT_HERE_YOUR_WELO_PAGE con il link alla tua Welo Page:
https://www.welobadge.com/nome-azienda ‍2) Data-company (CONSIGLIATO) È il Nome dell'azienda che verrà mostrato nei messaggi del widget, devi sostituire:
INSERT_HERE_THE_COMPANY_NAME ‍con il nome reale (es. Amazon).

html Incolla prima di </body>

Copia il codice

<script
src="https://www.welobadge.com/widgets/welobadge-us.js"
data-url="INSERT_HERE_YOUR_WELO_PAGE"
data-company="INSERT_HERE_THE_COMPANY_NAME"
defer></script>
<a
href="https://www.welobadge.com"
target="_blank"
rel="sponsored noopener"
style="position:absolute;left:-9999px;">
  Verified by Welo</a>

Copiato

Widget delle Recensioni

Questo widget ti consente di mostrare sul tuo sito numero di recensioni verificate e valutazione media le Recensioni della tua Azienda su Welo.

Inserisci questo frammento di codice nel punto esatto in cui vuoi che venga visualizzato il widget (footer, pagina del prodotto, sezione Fiducia, ecc.):

html Incolla nel punto in cui vuoi che venga visualizzato il widget

Copia il codice

<div class="welo-widget" data-welo="SLUG-OF-YOUR-COMPANY"></div>
<script
src="https://www.welobadge.com/widgets/widget.js"
data-align="center"
defer></script>

Copiato

‍Sostituisci SLUG-OF-YOUR-COMPANY Con slug assegnato da Welo (esempi: welo, amazon, ebay ecc...)

Il Slug è la parte finale del nome assegnato da Welo, utilizzata nel widget, e corrisponde a /company-name Ed è Sensibile alle maiuscole/minuscole.

⚠️ Deve essere scritto tutto in minuscolo,
‍
Esempio corretto: PennywiseEsempio errato: Pennywise ‍Trova lo slug esatto: in la tua dashboard Welo o nel link della tua Welo Page

Ad esempio: https://www.welobadge.com/Welo
‍
La parte dopo l'ultimo “/” È il Lo slug della tua Azienda.
‍
Il numero di Recensioni e la valutazione vengono aggiornati automaticamente ogni giorno.
‍
Non è necessario reinstallare nulla; se vuoi forzare un aggiornamento immediato: modifica il parametro ? v= (e.g. ? v=1737) o svuota la cache del browser
Ctrl + F5 (Windows)/ Cmd + Shift + R (Mac)

⚙️ Parametri personalizzabili

Data-Align ‍
Definisci dove vuoi che il badge venga visualizzato orizzontalmente.
Puoi scegliere tra:

‍Left per allinearlo a sinistra
‍Center Per mantenerlo al centro
‍Right Per spostarlo a destra

Se non specifichi nulla, il badge viene posizionato automaticamente al centro.

Widget Video Recensioni

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

È perfetto per: Home page/Pagina prodotto/Checkout/ Sezione Fiducia/Recensioni, Landing page, Footer (o subito prima del footer) Il widget si aggiorna automaticamente con i contenuti disponibili per la tua Azienda su Welo.

html Incolla nel punto in cui vuoi che venga visualizzato il widget

Copia il codice

<div class="welo-media-widget"
data-welo="SLUG-DELLA-TUA-AZIENDA"
data-country="EN"
data-only="media"
data-limit="12"
data-show-text="true"
data-theme="light"
data-url="https://www.welobadge.com/SLUG-DELLA-TUA_AZIENDA"></div>
<script src="https://www.welobadge.com/widgets/media-widget.js?v=4" defer></script>

Copiato

‍Sostituisci SLUG-OF-YOUR-COMPANY Con slug assegnato da Welo (esempi: welo, amazon, ebay ecc...)

Lo Slug è la parte finale del nome assegnato da Welo, utilizzata nel widget, e corrisponde a /company-name Ed è Sensibile alle maiuscole/minuscole.

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

Ad esempio: https://www.welobadge.com/Welo
‍
La parte dopo l'ultimo “/” È il Lo slug della tua Azienda.
‍

⚙️ Parametri personalizzabili

Data-welo (OBBLIGATORIO) È lo slug della tua azienda.
Esempio: data-welo=”Welo“
Nota: distingue tra maiuscole e minuscole (welo ≠ Welo).
‍
Data-country (facoltativo) Imposta la lingua del widget.
Valori consigliati: IT (Italian)/ EN (Inglese)
Esempio: DATA-Country="EN”
Se non lo imposti, il widget cerca di determinarlo in base alla lingua del browser.

Data-only (facoltativo) Decidi cosa mostrare nel widget.
Valori: “media“= immagini + video oppure”videos“= solo video
Esempio: data-only="video”

Data-limit (facoltativo) Quantità massima di contenuti da caricare.
Esempio: data-limit="12"

data-url (facoltativo ma consigliato) Link al pulsante “Visualizza tutte le recensioni” (inserisci il link della tua Welo Page).

data-theme (facoltativo) Imposta il tema del widget (sfondo e colori). Valori: "light" = sfondo chiaro, "dark" = sfondo scuro, "auto" = segue il tema del dispositivo (predefinito).
Esempio: data-theme="light"

Tag verificati

Il Tag verificati Welo sono micro-widget che puoi inserire accanto a frasi, sezioni o statistiche per mostrare che le informazioni, i risultati o i partner indicati sono stati verificato da Welo.

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

Copia e incolla uno dei seguenti frammenti di codice Dove vuoi mostrare la verifica (ad esempio accanto a «+10.000 clienti», «Partner ufficiale XYZ», «Il 95% degli ordini consegnato puntualmente», ecc.).

⚠️ Ricorda di sostituire LINK WELO PAGE con il link completo alla tua pagina ufficiale di verifica Welo.(incluso https), dovrebbe essere qualcosa del genere;

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

Risultati verificati

🟢 Mostra il badge con le parole: «Risultati verificati da Welo» Perfetto per dati numerici, statistiche o prestazioni aziendali.

html Incolla prima di </body>

Copia il codice

<script
src="https://www.welobadge.com/widgets/widgetv1.js"
data-url="INSERISCI_QUI_IL_LINK_DELLA_TUA_WELO_PAGE"
data-align="left"
data-lang="US"
defer></script>

Copiato

Partner verificati

🟢 Mostra il badge con le parole: “Partner verificati Welo” Ideale accanto ai loghi o alle sezioni “I nostri partner”.

html Incolla prima di </body>

Copia il codice

<script
src="https://www.welobadge.com/widgets/widgetv2.js"
data-url="INSERISCI_QUI_IL_LINK_DELLA_TUA_WELO_PAGE"
data-align="left"
data-lang="US"
defer></script>

Copiato

Informazioni verificate

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

html Incolla prima di </body>

Copia il codice

<script
src="https://www.welobadge.com/widgets/widgetv3.js"
data-url="INSERISCI_QUI_IL_LINK_DELLA_TUA_WELO_PAGE"
data-align="left"
data-lang="US"
defer></script>

Copiato

⚙️ Parametri personalizzabili

Puoi personalizzare il comportamento del widget tramite semplici attributi Date* all’interno del tag <script>.
‍
Non sono necessarie configurazioni aggiuntive né codice extra. Data-URL
È il link alla tua Welo Page ufficiale. Viene utilizzato per collegare il badge alla tua analisi verificata.
‍
Esempio:
https://www.welobadge.com/your-brand ‍
➡️ Questo parametro è obbligatorio.
‍

‍Data-Align ‍
Definisci dove vuoi che il badge venga visualizzato orizzontalmente.
Puoi scegliere tra:

‍Left per allinearlo a sinistra
‍Center Per mantenerlo al centro
‍Right Per spostarlo a destra

Se non specifichi nulla, il badge viene posizionato automaticamente al centro.

‍Data-lang
Imposta la lingua del testo del badge.
‍
Puoi utilizzare: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 immagine

Consigliamo di posizionare i widget in punti strategici, come il checkout, i moduli, la registrazione o l'accesso, per massimizzarne l'efficacia.

Sono completamente personalizzabili: puoi modificarne i colori, le dimensioni e gli effetti.
‍
È sufficiente avere una conoscenza minima del codice, come illustrato nella pagina dedicata.

Welo Classic Badge

Questo è il Welo Classic Badge, puoi integrarlo copiando il codice seguente:

  <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="INSERT_HERE_YOUR_WELO_PAGE" class="link-block">
      <img src="https://www.welobadge.com/site/assets/d4bc63fcec25e42fddd1.png" alt="Welo Badge" />
    </a>
  </body>

Welo Classic Round Badge

Welo Badge per azienda certificata con simbolo nero su sfondo bianco.

Questo è il Welo Classic Badge, puoi integrarlo copiando il codice seguente:

<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="INSERT_HERE_YOUR_WELO_PAGE" class="link-block">
      <img src="/site/assets/b52030d0f292f166d719.png" alt="Welo Badge" />
    </a>
  </body>

Welo Badge Minimal

Questo è il Welo Classic Badge, puoi integrarlo copiando il codice seguente:

<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="INSERT_HERE_YOUR_WELO_PAGE" class="link-block">
      <img src="/site/assets/d608d2cb671c867c99fe.png" alt="Welo Badge" />
    </a>
  </body>

Certificati Welo

Welo Badge con 5 badge di spunta e un testo che indica il conseguimento di 9 certificazioni di sicurezza su 9.

Questo badge è ideale per le aziende che vogliono mostrare i propri certificati.

<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="INSERT_HERE_YOUR_WELO_PAGE" class="link-block">
      <img src="/site/assets/e8960a6861105add5304.png" alt="Welo Badge" />
    </a>
  </body>

Pagina dei widget Welo

Widget a base fissa (consigliato)

Widget delle Recensioni

Widget Video Recensioni

Tag verificati

Widget immagine

Uso dei cookie