Torna ai Widget

📘
Installazione Widget su WordPress

Guida completa per integrare il widget DomusReport nel tuo sito WordPress

Passo 1: Scegli il Tipo di Widget

Due modalità diverse per esigenze diverse

Widget Bubble

Bottone flottante in basso a destra

  • Sempre visibile senza occupare spazio
  • Si apre al click con un modale
  • Presente su tutte le pagine automaticamente
  • ✅ Consigliato per la maggior parte dei siti

Installazione:

Usa la tab "Plugin" o "Editor Tema" qui sotto

Widget Inline

Form incorporato nella pagina

  • Parte integrante del contenuto
  • Sempre visibile, massima visibilità
  • Dimensioni personalizzabili
  • Solo sulle pagine dove lo aggiungi

Installazione:

Usa la tab "Elementor/Divi" e aggiungi un widget HTML/iFrame

Passo 2: Scegli il Metodo di Installazione (Widget Bubble)

Tre metodi semplici - scegli quello più adatto a te

Metodo più semplice e sicuro! Non richiede modifiche al codice del tema.

1
Installa un Plugin

Installa uno di questi plugin gratuiti dalla dashboard WordPress:

🏆 Insert Headers and Footers (Consigliato)

Plugin ufficiale WordPress, facile da usare

  1. Vai su Plugin → Aggiungi nuovo
  2. Cerca "Insert Headers and Footers"
  3. Clicca Installa ora e poi Attiva

WPCode

Alternativa potente con più funzionalità

Simple Custom CSS and JS

Per chi vuole anche aggiungere CSS personalizzato

2
Copia il Codice Widget

<!-- DomusReport Widget -->
<script
  src="https://domusreport.mainstream.agency/widget.js"
  data-widget-id="TUO_WIDGET_ID"
  async>
</script>

Sostituisci TUO_WIDGET_ID con il tuo Widget ID dalla dashboard

3
Incolla nel Footer del Plugin

Per "Insert Headers and Footers":

  1. Vai su Impostazioni → Insert Headers and Footers
  2. Scorri fino alla sezione "Scripts in Footer"
  3. Incolla il codice widget nel campo di testo
  4. Clicca "Save"

Per "WPCode":

  1. Vai su Code Snippets → + Add Snippet
  2. Scegli "Add Your Custom Code"
  3. Seleziona tipo "JavaScript Snippet"
  4. Incolla il codice e attiva "Auto Insert"
  5. Posizione: "Footer"
  6. Salva e attiva lo snippet

Fatto! 🎉

Visita il tuo sito e vedrai il widget apparire in basso a destra.

💡 Il widget apparirà su tutte le pagine del sito automaticamente

❓ Risoluzione Problemi

Il widget non appare

  • Verifica di aver sostituito TUO_WIDGET_ID con il tuo vero Widget ID
  • Svuota la cache di WordPress e del browser (Ctrl+F5)
  • Controlla che il plugin sia attivo
  • Se usi un plugin di cache (WP Rocket, W3 Total Cache), svuota anche quella

Il widget appare due volte

  • Hai probabilmente installato il codice in due posti diversi
  • Rimuovi una delle installazioni (dal plugin O dal tema, non entrambi)

Conflitti con altri plugin

  • Se usi plugin di ottimizzazione JS, escludi widget.js dall'ottimizzazione
  • Alcuni plugin di sicurezza potrebbero bloccare script esterni - aggiungi il dominio alla whitelist

Installazione Completata! 🎉

Il widget è ora attivo sul tuo sito WordPress. Inizia a raccogliere lead.