Widget di stato incorporabili: mostra l'uptime ai clienti

Perché mostrare l'uptime ai clienti#

Quando il tuo sito va giù, i clienti si chiedono: "È giù solo per me, o per tutti?"

Senza informazioni sullo stato, loro:

• Aggiornano la pagina freneticamente
• Provano browser/dispositivi diversi
• Chiamano il supporto (sprecando il tuo tempo)
• Pensano che tu sia inaffidabile (danneggiando la fiducia)

Un semplice widget di stato risponde alla loro domanda: "Sì, sappiamo che è giù, lo stiamo risolvendo."

Cosa mostra un widget di stato#

Nova Uptime Status Widget

🟢 Tutti i sistemi operativi

Ultimi 30 giorni: 99,87% di uptime
Ultimo incidente: 18 feb, 14:32-14:47 UTC (15 min)

Stato recente:
✅ fliplink.me - Up
✅ api.fliplink.me - Up
✅ Servizio email - Up

[Vedi stato completo] [Iscriviti agli aggiornamenti]

Opzioni del widget incorporabile#

Opzione 1: iframe incorporato sul sito#

Aggiungilo al footer del tuo sito o a una pagina di stato dedicata:

<iframe
  src="https://status.novauptime.com/embed/your-embed-token"
  style="width: 100%; height: 400px; border: none;">
</iframe>

Si aggiorna automaticamente ogni 60 secondi senza ricaricare la pagina.

Opzione 2: sottodominio di stato separato#

Crea status.tuaazienda.com che mostra una pagina di stato completa con:

• Stato attuale di tutti i servizi
• Cronologia degli incidenti
• Tempo di recupero previsto
• Notifiche ai clienti

Opzione 3: badge di stato inline#

Mostra un semplice badge nell'header:

[🟢 Tutti i sistemi attivi] [Vedi stato]

Si collega alla pagina di stato completa o alla dashboard.

Vantaggi dei widget di stato#

Riduzione del carico di supporto#

Senza widget di stato:

• Cliente: "Il vostro sito è giù"
• Supporto: "Fammi controllare... sì, lo sappiamo, lo stiamo risolvendo"
• Cliente: "Beh, perché non è sulla vostra pagina di stato?"

Con widget di stato:

• Il cliente vede subito lo stato
• Sa che lo sapete e ci state lavorando
• Non contatta il supporto

Risultato: meno ticket di supporto, risposta più veloce per le esigenze reali.

Fiducia e trasparenza#

Mostrare lo stato in tempo reale dimostra:

• Monitori la tua infrastruttura
• Sei onesto sui problemi
• Dai valore alla comunicazione con i clienti
• Ti importa della disponibilità

Gli studi dimostrano: lo stato trasparente riduce il churn del 40% durante e dopo le interruzioni.

Vantaggio competitivo#

I concorrenti non hanno widget di stato. Tu sì.

Se il cliente deve scegliere tra te e un concorrente durante un'interruzione:

• Concorrente: "È giù?" (Nessuna informazione)
• Tu: "Sì, lo sappiamo, stiamo risolvendo, ETA 30 min" (Stato chiaro)

I clienti si fidano di più di te.

Configurare il widget di stato di Nova Uptime#

Passo 1: abilita il widget di embed#

1. Accedi alla dashboard di Nova Uptime
2. Vai alle impostazioni del dominio
3. Clicca "Impostazioni embed"
4. Attiva "Abilita widget di embed"
5. Copia il token di embed

Passo 2: personalizza l'aspetto del widget#

Scegli:

• Tema colore: chiaro / scuro / personalizzato
• Componenti da mostrare: % di uptime, incidenti recenti, lista servizi
• Frequenza di aggiornamento: 30 secondi, 1 minuto, 5 minuti
• Periodo storico: ultimi 7 giorni, 30 giorni, 90 giorni

Passo 3: aggiungi al sito#

Opzione A: iframe HTML

<!-- Posiziona nel footer o in una pagina dedicata -->
<div id="gum-status-widget">
  <iframe
    src="https://status.novauptime.com/embed/YOUR_TOKEN?color=dark"
    width="100%"
    height="500px"
    style="border: none;">
  </iframe>
</div>

Opzione B: componente React

import { NovaUptimeStatusWidget } from '@novauptime/react-status';

export default function StatusPage() {
  return <NovaUptimeStatusWidget token="YOUR_TOKEN" theme="dark" />;
}

Opzione C: pagina separata Crea status.tuaazienda.com e collegala:

[Controlla pagina di stato]

Personalizzare il contenuto del widget#

Cosa mostrare#

Base (consigliato per la maggior parte)

• Stato generale (Up/Down)
• % di uptime a 30 giorni
• Ultimo incidente con durata

Avanzato (per SaaS)

• Stato dei singoli servizi (API, dashboard, email)
• Tempi di risposta in tempo reale
• Incidenti attivi con aggiornamenti
• Cronologia incidenti (ultimi 10)
• Messaggi di aggiornamento per i clienti

Scegliere i servizi da mostrare#

Troppo dettagliato: confonde i clienti

- Load Balancer: Up
- API Node 1: Up
- API Node 2: Up
- Cache Layer: Up
- Database Primary: Up
- Database Replica: Up

Giusto: mostra ciò che interessa ai clienti

- Sito web: Up
- API: Up
- Servizio email: Up

Messaggistica durante le interruzioni#

Quando si verifica un incidente, aggiorna il widget di stato:

Durante (aggiornamenti in tempo reale)

🟡 Interruzione parziale - In analisi
L'API è attualmente non disponibile a causa di problemi di connettività al database.
Iniziato: 14:32 UTC
Risoluzione prevista: in corso

Dopo (conferma di risoluzione)

✅ Risolto
La connettività al database è stata ripristinata. Tutti i servizi sono operativi.
Durata incidente: 15 minuti
Risolto: 14:47 UTC

Post-incidente

Post-Mortem: [Link alla revisione dell'incidente]
Abbiamo subito un failover del database che ha richiesto 15 minuti.
[Dettagli su cosa abbiamo imparato e come lo preveniamo]

Considerazioni tecniche#

CORS e cross-origin#

Il widget usa JavaScript per aggiornarsi. Assicurati che il tuo sito lo permetta:

// Esegue sul tuo sito, recupera da Nova Uptime
fetch('https://api.novauptime.com/embed/YOUR_TOKEN/status')
  .then(response => response.json())
  .then(data => updateWidget(data));

Le intestazioni CORS di Nova Uptime lo consentono automaticamente.

Performance#

Il widget aggiunge < 50KB alle dimensioni della pagina e non blocca il caricamento.

Gli aggiornamenti avvengono in modo asincrono ogni 60 secondi senza interrompere l'esperienza utente.

Impatto SEO#

Le informazioni di stato si aggiornano dinamicamente (JavaScript), quindi non influenzano direttamente la SEO. Ma avere una pagina di stato migliora:

• Tempo sul sito (utenti che controllano lo stato)
• Visite di ritorno (pagina di stato salvata nei preferiti)
• Segnali di fiducia (gestione corretta degli incidenti)

Alternativa: pagina di stato esterna#

Se preferisci NON incorporare nel tuo sito:

https://tuaazienda.statuspage.io

Questo è un dominio separato che i clienti possono salvare e controllare. Mantiene il tuo sito principale pulito fornendo piena trasparenza dello stato.

Vantaggio Nova Uptime: nessuno strumento separato necessario. Il widget di stato è integrato.

Misurare l'efficacia del widget#

Traccia:

• Quanti visitatori controllano il tuo widget di stato
• Tempo medio trascorso sulla pagina di stato
• Se gli utenti rivisitano la pagina durante gli incidenti
• Volume di ticket di supporto durante le interruzioni (dovrebbe diminuire)

Usa questi dati per migliorare il contenuto e la presentazione della pagina di stato.

Best practice#

1. Aggiorna durante gli incidenti: gli aggiornamenti manuali sono meglio del silenzio
2. Mostra ETA realistici: "In analisi" è meglio di "Risolto in 10 min" se non lo sai
3. Post-mortem dopo gli incidenti: i clienti apprezzano sapere cosa è successo
4. Mantienilo aggiornato: un widget obsoleto fa più danni di nessun widget
5. Rendilo visibile: non nascondere il widget in fondo al footer

Riepilogo#

1. Abilita il widget di embed in Nova Uptime
2. Personalizza aspetto e contenuto
3. Aggiungi l'iframe al sito o crea una pagina di stato dedicata
4. Aggiorna lo stato durante e dopo gli incidenti
5. Collega da documenti di supporto e centro assistenza
6. Misura l'efficacia e itera

Inizia a costruire la fiducia dei clienti oggi: abilita il widget di embed dalla tua dashboard Nova Uptime nelle impostazioni del dominio. Incluso in tutti i piani. 🚀