Ogni sito di utilità pubblica, blog tech, agenzia o piccola attività riceve visitatori che hanno bisogno di generare un QR Code al volo — e oggi escono dal tuo sito per farlo altrove. Ogni uscita è una visita che non torna.

La soluzione è semplice: inserire un generatore di QR Code dentro il tuo stesso sito, come widget. Il visitatore genera il codice senza lasciare la pagina, tu ottieni uno strumento utile che attira visite ricorrenti (e a volte anche un link da chi consiglia la pagina), il tutto senza scrivere una riga di backend.

Questo tutorial mostra il metodo da 1 minuto: copiare uno snippet di embed e incollarlo nel tuo HTML, WordPress, Wix o Squarespace.

Perché inserire un generatore di QR Code nel tuo sito

  • Coinvolgimento: il visitatore interagisce con la pagina invece di limitarsi a leggere e uscire.
  • Retention: risolve il suo bisogno (generare il QR) senza aprire un'altra scheda su un altro sito.
  • Strumento utile = traffico ricorrente: chi lo usa una volta tende a tornare quando ha bisogno di un altro QR — e può consigliare la pagina ad altri.
  • Link building organico: gli strumenti incorporati sono il tipo di contenuto che altri siti linkano naturalmente.
  • Zero manutenzione: il widget gira sul server di Code2Scan. Tu incolli il codice una sola volta.

Il metodo da 1 minuto: copia e incolla il codice di embed

Non serve installare nulla, creare un account né scrivere JavaScript. È un unico blocco HTML — un <iframe> — che incolli dove vuoi che appaia il generatore:

<iframe src="https://www.code2scan.com/embed/qr" width="100%" height="400" style="border:0;max-width:340px" loading="lazy" title="Free QR Code Generator"></iframe>

Ogni attributo ha un ruolo:

Attributo Funzione
src Indirizzo del widget — non serve modificarlo
width="100%" Occupa la larghezza del contenitore in cui viene incollato
height="400" Altezza in pixel — regolala in base al tuo layout
style="max-width:340px" Evita che il widget diventi enorme su schermi larghi
loading="lazy" Si carica solo quando il visitatore vi scorre — non appesantisce la pagina
title="..." Accessibilità: descrive l'iframe per i lettori di schermo

Dove incollarlo e cosa ottieni

Dove incollarlo Beneficio
Footer del blog Strumento utile accanto al contenuto, aumenta il tempo sulla pagina
Pagina contatti Il visitatore genera un QR del tuo indirizzo o link senza uscire dalla pagina
Articolo sul marketing digitale Contesto perfetto — chi legge sui QR Code vuole già provarne uno
Landing page di agenzia Dimostra capacità tecnica senza costi di sviluppo
Dashboard interna / intranet Il team genera QR senza dipendere da un altro strumento

Come aggiungerlo in HTML puro

Se il tuo sito è HTML statico (o un template personalizzato), incolla l'<iframe> esattamente dove vuoi che appaia il widget — dentro un <div>, una sezione o una sidebar:

<section>
  <h2>Generatore di QR Code</h2>
  <iframe src="https://www.code2scan.com/embed/qr" width="100%" height="400" style="border:0;max-width:340px" loading="lazy" title="Free QR Code Generator"></iframe>
</section>

Salva il file, pubblicalo, e il widget funziona già.

Come aggiungerlo in WordPress

  1. Modifica la pagina o l'articolo in cui deve apparire il widget.
  2. Aggiungi un blocco "HTML personalizzato" (nell'editor a blocchi) o usa un widget "Testo/HTML" (nei temi con editor classico).
  3. Incolla il codice dell'<iframe> dentro il blocco.
  4. Clicca su Anteprima per controllarlo prima di pubblicare.
  5. Pubblica la pagina.

Non serve alcun plugin — il blocco HTML nativo di WordPress è sufficiente.

Come aggiungerlo in Wix o Squarespace

Entrambi permettono di inserire HTML personalizzato tramite un elemento dedicato:

  • Wix: aggiungi l'elemento "Incorpora" → "Incorpora HTML", incolla il codice dell'iframe e ridimensiona l'elemento sullo schermo.
  • Squarespace: aggiungi un blocco di contenuto di tipo "Blocco di codice", incolla lo snippet e salva.

In entrambi i casi il widget si adatta allo spazio riservato — non serve toccare width="100%".

È gratuito, senza registrazione, e funziona con qualsiasi CMS

Il widget è pubblico e gratuito: non richiede login, non richiede chiave API, non ha limiti d'uso. Funziona su qualsiasi piattaforma che accetti HTML — WordPress, Wix, Squarespace, Webflow, Shopify, Notion, o un sito fatto a mano. Se il tuo visitatore ha bisogno solo di un QR occasionale senza installare nulla sul tuo sito, può anche usare direttamente il generatore di QR Code gratuito — ma avere il widget incorporato evita questa deviazione.

Personalizzazione di base: larghezza e altezza

Le due modifiche più comuni:

  • Larghezza ridotta: sostituisci width="100%" con un valore fisso, come width="340", se il widget si trova in una sidebar stretta.
  • Altezza maggiore o minore: il valore height="400" funziona bene nella maggior parte dei casi, ma se il widget taglia dei contenuti, aumentalo a 450 o 500.

Evita di forzare dimensioni troppo piccole (sotto 300px di larghezza) — il generatore risulta compresso e difficile da usare su mobile.

Passaggi completi

  1. Vai alla pagina del widget QR Code e copia il codice di embed già pronto.
  2. Incolla l'<iframe> nell'HTML della tua pagina, nel blocco HTML di WordPress, o nell'elemento di codice di Wix/Squarespace.
  3. Regola width e height se necessario per il tuo layout.
  4. Salva e pubblica la pagina.
  5. Testalo su mobile e desktop — genera un QR reale e scansionalo per confermare che funzioni.

Errori comuni

❌ Dimenticare loading="lazy"

Senza questo attributo, l'iframe si carica non appena la pagina si apre, anche se il visitatore non vi scorre mai. Questo appesantisce inutilmente il caricamento iniziale.

❌ Incollare l'iframe senza max-width

Su schermi grandi, un width="100%" senza limite di larghezza massima allarga il widget in modo eccessivo. Mantieni lo style="max-width:340px" dello snippet originale.

❌ Pensare che serva un account o una chiave API

Il widget è pubblico — non esiste nessun passaggio di autenticazione. Se un tutorial afferma il contrario, è obsoleto o descrive un altro servizio.

❌ Non testarlo su mobile

Il widget in sé è responsive, ma il contenitore in cui l'hai incollato potrebbe non esserlo. Controlla sempre come appare su mobile prima di considerarlo concluso.

❌ Confondere il widget con un QR Code tracciabile

Il widget genera un QR statico direttamente nel browser del visitatore. Se devi sapere quante persone hanno scansionato ogni QR, si tratta di una funzione diversa — vedi la guida ai QR Code tracciabili con UTM.

Riepilogo

  1. Copia lo snippet <iframe> dal widget QR Code — non serve account.
  2. Incollalo in HTML puro, nel blocco HTML di WordPress, o nell'elemento di codice di Wix/Squarespace.
  3. loading="lazy" evita che il widget appesantisca il caricamento della pagina.
  4. Regola width e height in base allo spazio disponibile nel tuo layout.
  5. È gratuito, funziona con qualsiasi CMS e non espone i tuoi dati.
  6. Per il tracciamento delle scansioni o una destinazione modificabile, è già un caso d'uso del QR Code dinamico — il widget copre la generazione semplice e gratuita.

Vuoi provarlo prima di incollarlo nel tuo sito? Guarda il widget QR Code in azione e copia il codice di embed — ci vuole meno di un minuto per metterlo online. Se preferisci generare subito un QR Code occasionale, usa il generatore di QR Code.