Demo commerciale
Willy Push E2EE basic – demo marketing semplice

Questa pagina ti fa vedere il valore pratico di Willy Push senza perdersi nelle API: attivi un browser, mandi una notifica reale, controlli i segmenti e provi scenari marketing come VIP, newsletter, lead ADV e carrello abbandonato.

La logica e' questa: prima attivi un browser come se fosse un cliente reale, poi mandi subito una campagna di prova, poi guardi pubblico e segmenti, e solo alla fine entri nei dettagli tecnici.

Attiva browser Invia campagna cifrata Controlla segmenti Prova scenari marketing Zero pagine PHP sul sito cliente

Più fiducia

Il contenuto viaggia cifrato end-to-end: non stai mostrando una push generica, ma un canale premium e più tutelato.

Più segmentazione

Newsletter, VIP, lead ADV, post-acquisto, carrello abbandonato: il messaggio giusto arriva solo al pubblico giusto.

Più velocità

Sul sito cliente bastano gli script JS. Qui sotto puoi attivare, inviare e validare tutto in pochi minuti.

Percorso ideale per una demo commerciale: Attiva browser -> Invia promo -> Guarda il segmento -> Mostra gli scenari marketing.
Che cosa puoi farci davvero
Non e' una demo tecnica astratta: e' il flusso reale da proporre a clienti e agenzie.

Con E2EE basic puoi usare Willy Push come un canale marketing cifrato, piu' evoluto delle classiche web push \"generiche\": il contenuto viene cifrato, il pubblico viene segmentato e il sito cliente deve installare solo gli script JS.

Casi d'uso immediati:
- recupero carrello abbandonato
- messaggi VIP / loyalty
- promo per iscritti newsletter
- lead ADV da URL o landing
- clienti attivi / post-acquisto
- reminder e riattivazione segmentata
Percorso veloce consigliato
Se vuoi capire Willy in 2 minuti, fai solo questi 3 blocchi nell'ordine giusto.
1) Attiva le notifiche su questo browser
2) Invia subito una mini campagna E2EE basic
3) Controlla chi e' dentro e in quale segmento

Tutto il resto sotto serve per estendere la prova: automazioni marketing, esempi copy&paste e appendice API per sviluppatori.

La cosa piu' semplice

Metti questo browser dentro un segmento

Se vuoi solo vedere come Willy inserisce una persona in un gruppo marketing, fai qui. Scegli il segmento e clicca un solo bottone. L'app_id demo e' gia' configurato.

Pronto: scegli un segmento e clicca il bottone principale.
Multi-segmento

Chi e' gia' attivo puo' entrare in piu' segmenti

Questo e' un punto molto importante da far capire: se una persona ha gia' attivato le notifiche, non devi farle rifare il consenso. Ti basta un semplice script per aggiungerla a un nuovo segmento marketing.

Aggiunta semplice

Un utente gia' attivo puo' essere aggiunto a VIP, clienti_attivi, newsletter e altri gruppi con una sola riga JS.

Nessun nuovo consenso

Se il browser e' gia' registrato, basta aggiornare il tagging. Non stai ripartendo da zero: stai ampliando il profilo marketing del device.

Segmenti cumulativi

Il device non perde i segmenti precedenti: puoi costruire percorsi come lead_adv -> newsletter -> clienti_attivi -> vip.

// Browser gia' attivo: aggiungi un nuovo segmento
WillyPushE2EE.tagCurrentDevice({ role: 'vip' });

// Poi aggiungi anche un altro segmento
WillyPushE2EE.tagCurrentDevice({ role: 'clienti_attivi' });

// Variante marketing helper
WillyPushMarketing.capture('vip');
WillyPushMarketing.capture('clienti_attivi');
In parole semplici: una persona gia' iscritta puo' essere posizionata in piu' segmenti con un semplice script, senza farle ripetere onboarding o consenso notifiche.
File da usare nei siti dei clienti
Questi sono gli unici file/link da usare per la versione Basic + E2EE basic.
Script E2EE basic:
https://willypush.it/api-push/embed-e2ee-basic.js

Script marketing segmenti:
https://willypush.it/api-push/embed-e2ee-marketing.js

Demo E2EE Willy (versione enterprise):
https://willypush.it/E2EE_Willy/

Sul sito cliente installi solo lo script JS: il backend Willy gestisce registrazione, chiavi, invio e segmentazione. Non devi distribuire pagine PHP ai clienti finali.

Passo 1 – Attiva questo browser come se fosse un cliente reale

Attivazione notifiche cifrate
Qui simuli l'onboarding reale: permesso browser + chiavi E2EE + registrazione device.

In produzione l'utente clicca un bottone sul sito, accetta il permesso e viene registrato su Willy con una chiave pubblica E2EE. In questa demo fai la stessa cosa su willypush.it.

<script src="https://willypush.it/api-push/embed-e2ee-basic.js"></script>
<button id="btn-willy-e2ee" type="button">Attiva notifiche cifrate</button>
<div id="willy-e2ee-status">Clicca il bottone per attivare le notifiche.</div>

Se vuoi iscrivere subito il browser a un gruppo marketing, puoi usare askPermission({ role: "vip" }) oppure impostare un ruolo fisso nello script.

Messaggio da raccontare al cliente: "L'utente clicca una sola volta e da quel momento entra nel pubblico marketing cifrato".

Passo 2 – Manda subito una mini campagna

Questo e' il cuore della demo: dopo l'attivazione puoi preparare e inviare una campagna reale al segmento scelto. Il server riceve titolo/testo in chiaro e cifra il contenuto per ogni device prima dell'invio.

Demo tipica: attiva il browser, scegli un titolo come "Offerta riservata VIP", clicca invia e fai vedere che la campagna arriva davvero.
Payload non ancora generato.

Qui il valore marketing e' chiaro: messaggio personalizzato, URL di destinazione, immagine, tag e data custom, con contenuto cifrato end-to-end.

Passo 3 – Controlla chi e' iscritto e in quale segmento

Test rapido segmento
Registra il browser in un gruppo, verifica che appaia nelle liste e manda una notifica solo a quel pubblico.
Pronto: scegli segmento e usa i 3 step in ordine.

Questo blocco sincronizza automaticamente anche la preview live sotto, cosi' puoi riusare lo stesso target nella campagna.

Preview live del pubblico: qui filtri per app_id, ruolo, piattaforma o tipo device e vedi quanti destinatari reali entreranno nella campagna.

Nessun dato caricato.

Passo 4 – Scenari marketing reali

Copia & incolla per i siti clienti
Qui sotto trovi il blocco standard e 3 scenari tipici da far capire subito a clienti e agenzie.
// BLOCCO BASE (mettilo in tutte le pagine)
<script src="https://willypush.it/api-push/embed-e2ee-basic.js" data-role="visitatori"></script>
<script src="https://willypush.it/api-push/embed-e2ee-marketing.js"></script>
// Scenario 1 - Newsletter
<button data-willy-segment="iscritti_newsletter" data-willy-ask-permission="1">
  Iscriviti alla newsletter
</button>
// Scenario 2 - Ecommerce
<script>
WillyPushMarketing.init({
  defaultRole: 'visitatori',
  autoPathMap: {
    '/checkout': 'carrello_abbandonato',
    '/thank-you': 'clienti_attivi'
  }
});
</script>
// Scenario 3 - Lead ADV da URL
<script>
WillyPushMarketing.init({
  queryParam: 'segment',
  queryMap: { lead: 'lead_adv' }
});
</script>
Playground segmenti marketing
Qui provi il comportamento reale: tag immediato, primo consenso con segmento e applicazione in coda.
Pronto: scegli segmento e prova i 3 step.

Ultimo segmento applicato: -

Appendice tecnica – dettagli API (per sviluppatori)

Se ti occupi di marketing puoi fermarti ai blocchi sopra: hai gia' visto come attivare, vedere le liste e mandare campagne. Questa sezione e' pensata per chi integra le API lato backend (sviluppatori).

1. Base URL – una volta sola (senza token)

1A · cURL / shell
# Base delle API sul server dove e' installato Willy Push
# (NON e' un dominio da configurare — e' l'indirizzo del tuo server API)
BASE="https://TUO_SITO.it/api-push/api"
# Il dominio è derivato lato server dall'appId — non serve inviarlo dal client
1B · PHP (config)
<?php
// Indirizzo del server dove e' installato Willy Push (NON un dominio da configurare)
$BASE   = 'https://TUO_SITO.it/api-push/api';
// Il dominio è derivato lato server dall'appId — non serve inviarlo dal client

Da qui in poi tutti gli esempi usano BASE. L'autenticazione avviene tramite header X-Willy-App-Id e X-Willy-App-Key. Il dominio è gestito lato server.

1.1 Verifica Firebase (basic)

GET /firebase_check_basic.php
Controllo rapido credenziali Firebase lato server (senza token).
curl "$BASE/firebase_check_basic.php"
Deve restituire firebase_status: ok.

2. Registrazione E2EE basic

POST /register_encrypted_basic.php E2EE basic
Usata in automatico da embed-e2ee-basic.js e dal pulsante in alto su questa pagina.
curl -X POST "$BASE/register_encrypted_basic.php" \
  -H "Content-Type: application/json" \
  -d '{
    "push_token": "FCM_TOKEN",
    "platform": "web",
    "device_type": "web_browser",
    "public_key": "CHIAVE_PUBBLICA_GENERATA_DAL_BROWSER",
    "role": "utenti_sito"
  }'

In produzione non serve chiamarla a mano: viene invocata dallo script di integrazione quando l’utente accetta le notifiche.

Se vedi invalid_public_key, stai usando una chiave finta/non valida: prima clicca Attiva notifiche cifrate, poi usa i test.

Di norma usa il pulsante "Attiva notifiche cifrate" per una registrazione reale.

3. Invia una push E2EE basic

POST /send_encrypted_basic.php E2EE basic
Server‑side E2EE: passi titolo/corpo in chiaro, il server cifra per tutti i device utenti_sito.
curl -X POST "$BASE/send_encrypted_basic.php" \
  -H "Content-Type: application/json" \
  -d '{
    "title": "Titolo cifrato",
    "body": "Corpo notifiche cifrato lato server",
    "url": "https://TUO_SITO.it/",
    "target": { "role": "utenti_sito" },
    "limit": 500
  }'
Richiede almeno un device registrato E2EE basic.

4. Liste & statistiche (solo E2EE basic)

GET /list_basic.php
Lista dei device attivi registrati come role = utenti_sito per un app_id.
curl "$BASE/list_basic.php?app_id=IL_TUO_APP_ID"
Mostra i device E2EE basic registrati per l'app_id indicato.
GET /stats_basic.php
Statistiche generali: registrazioni, push inviate/fallite, token invalidati.
curl "$BASE/stats_basic.php?app_id=IL_TUO_APP_ID"
Risultato in JSON qui sotto.

4.1 Segmentazione WOW (preview live)

Segmenta i destinatari all'interno dello stesso dominio: app_id identifica il sito (il dominio è gestito lato server), target filtra il pubblico.

Nessun dato caricato.

4.2 Campagna E2EE basic (modello pronto)

Qui crei una campagna "wow" e la invii direttamente con send_encrypted_basic.php.

Payload non ancora generato.

Fiducia: con E2EE il contenuto viaggia cifrato end-to-end; in molti scenari e' piu' tutelato rispetto a canali SMS tradizionali lato privacy del messaggio.

5. Rimuovi dispositivo (basic)

POST /delete_device_basic.php
Rimuove un device da active usando token_hash (preso da list_basic).
curl -X POST "$BASE/delete_device_basic.php" \
  -H "Content-Type: application/json" \
  -d '{
    "token_hash": "TOKEN_HASH_DA_LIST_BASIC"
  }'
Prima esegui list_basic e copia un token_hash valido.

6. Esempio super rapido in PHP (E2EE basic)

<?php
$base = 'https://TUO_SITO.it/api-push/api';  // indirizzo del server Willy Push

$payload = [
  'title'  => 'Ciao',
  'body'   => 'Messaggio da PHP',
  'target' => ['role' => 'utenti_sito'],
];

$ch = curl_init($base . '/send_encrypted_basic.php');
curl_setopt_array($ch, [
  CURLOPT_POST           => true,
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_HTTPHEADER     => ['Content-Type: application/json'],
  CURLOPT_POSTFIELDS     => json_encode($payload),
]);
$res = curl_exec($ch);
curl_close($ch);
echo $res;

Questa pagina copre solo il flusso E2EE basic (registrazione cifrata + invio + liste/statistiche). Per scenari avanzati vedi DOCUMENTAZIONE_TECNICA/E2EE e la demo /E2EE_Willy/.