VieniOra Marketing Hub

Stato iniziale

Panoramica Marketing Hub

Base mobile-first pronta per contatti, import CSV, segmenti, campagne e automazioni.

Contatti totali 0 In attesa del primo import

Consenso marketing 0 Utenti contattabili

Utenti VIP 0 Spesa sopra soglia demo

Wallet basso 0 Saldo sotto soglia demo

🧭

Flusso attuale

CRM operativo collegato ai dati reali.

Documentazione base

Contesto, regole, design, database e roadmap creati.

Struttura UI base

Dashboard navigabile mobile-first e pagine predisposte.

Import contatti

Upload, anteprima, validazione, localStorage e lista contatti.

🔒

Regole tecniche attive

Base pronta per evoluzioni successive.

CSS separato in file globale.
Configurazione sicura lato server.
Percorsi relativi per migrazione futura.
Design antracite, oro e area centrale chiara.
Layout mobile-first, fruibile anche da desktop.

CRM

Contatti

Lista contatti importati e organizzati nei segmenti disponibili per le campagne.

Verifica qualità email

Area dedicata al controllo qualità degli indirizzi prima degli invii.

					Azioni
Contatti reali non ancora caricati.

Dati

Import CSV

Carica utenti esportati da VieniOra.com, valida i campi e salva i contatti nel CRM reale.

⬆️

Caricamento CSV

I dati vengono importati nel database reale e collegati automaticamente a un segmento.

Seleziona o trascina qui il file CSV Formato supportato: .csv con intestazioni nella prima riga. Accetta anche CSV segmentati con colonna email. ID e username sono opzionali.

Nome segmento Se il CSV è già segmentato, questo nome verrà creato o aggiornato come segmento reale. Origine dati Dato informativo salvato nei contatti importati nel CRM.

📊

Riepilogo import

Nessun file selezionato.

Righe totali0

Valide0

Nuovi contatti0

Da aggiornare0

Email già presenti

Email doppie CSV0

Entreranno nel segmento0

Duplicati esclusi0

Segmenti creati0

Errori0

Consenso Sì0

Consenso No0

Da verificare0

Carica un CSV per vedere validazione e anteprima.

Scegli una strategia duplicati per vedere quanti contatti entreranno nel segmento.

👁️

Anteprima righe

Mostriamo le prime righe lette dal file prima di confermare l'import.

Esito	User ID	Email	Username	Lingua	Paese	Consenso
Nessuna anteprima disponibile.

🔎

Contatti già presenti

Mostra dove sono già presenti le email duplicate e segnala possibili conflitti di segmento.

Email	Utente	Segmenti esistenti	Nuovo segmento	Tipo
Carica un CSV per vedere eventuali duplicati.

🧾

Storico import

Riepilogo degli ultimi import gestiti dal CRM.

Nessun import eseguito.

Target CRM

Segmenti Contatti

Segmenti disponibili per organizzare i contatti e preparare campagne mirate.

🗂️

Segmenti da CRM reale

Segmenti creati da import CSV nel database, pronti per stimare i contatti e preparare campagne newsletter.

Segmenti pronti per la selezione nelle campagne.

Caricamento segmenti...

🎯

Segmenti manuali

Segmenti creati manualmente per organizzare contatti e campagne.

Panoramica

Segmenti rapidi

Viste rapide sui contatti disponibili e sui principali gruppi operativi.

0

Tutti i contatti

Totale contatti attivi disponibili.

0

Con consenso marketing

Contatti utilizzabili per campagne newsletter e comunicazioni marketing.

0

Senza consenso marketing

Contatti presenti nel CRM ma da escludere dagli invii marketing.

0

Segmenti importati

Gruppi reali creati automaticamente dagli import CSV.

0

Ultimo segmento

Contatti presenti nel segmento importato più recente.

0

Segmenti attivi

Segmenti disponibili e utilizzabili come target campagna.

Segmento personalizzato

Crea nuovo segmento

Crea o modifica un segmento personalizzato da usare nelle attività del Marketing Hub.

Imposta il pubblico da salvare

Definisci una regola di filtro e salva il segmento personalizzato per consultarlo e riutilizzarlo nel lavoro operativo.

Dettagli segmento

Nome segmento Colore badge

Descrizione

Regola filtro

Campo / regola filtro

Valore filtro Per consenso marketing usa “sì” oppure “no”.

Email marketing

Campagne Newsletter

Gestisci le campagne newsletter create nel Marketing Hub, con filtri, stato e azioni operative.

0

Campagne totali

0

Bozze

0

Pronte

0

Programmate

0

Inviate

Area operativa

Campagne ufficiali

Qui trovi le campagne create nel Marketing Hub. I filtri lavorano direttamente sulla lista sotto.

Workflow pre-invio

Campagne pronte

Campagne già testate e segnate come pronte per un futuro invio. Gli invii alla lista restano disattivati finché non verranno abilitati in uno step dedicato.

0 pronte

Storico newsletter

Archivio invii

Consulta lo storico delle newsletter già inviate e apri report, analytics o visualizzazione.

0

Invii

0

Inviate

Timeline

Storico newsletter inviate

Qui trovi solo le newsletter già inviate, con accesso rapido a report e analytics.

Ultimo invio —

0 invii visualizzati.

Report campagna demo

Report campagna

Statistiche dimostrative della campagna selezionata.

Riepilogo prestazioni

Campagna demo

Oggetto email non impostato

Segmento —

Destinatari stimati 0

Aperture demo 0%

Click demo 0%

Stato —

Mittente demo —

Data riferimento —

Report dimostrativo: nessuna email reale è stata inviata e nessuna API esterna è collegata.

Anteprima campagna newsletter

Anteprima campagna

Controlla contenuto, oggetto e dati principali prima di modificare o programmare la campagna.

Riepilogo invio demo

Campagna demo

Oggetto email non impostato

Stato —

Segmento —

Destinatari stimati 0

Ultimo aggiornamento —

Immagine newsletter demo

Newsletter demo

Oggetto email non impostato

Sottotitolo newsletter non impostato.

Contenuto newsletter non impostato.

Scopri di più

Campagna newsletter

Crea nuova campagna

Costruisci una bozza newsletter demo con template, contenuti grafici e anteprima live.

Newsletter premium builder

Imposta struttura, contenuti e call to action della newsletter. L’anteprima si aggiorna mentre compili i campi.

Impostazioni campagna

Dati principali e segmento destinatari.

Nome campagna Oggetto email Mittente demo

Segmento destinatari

Destinatari stimati 0

Descrizione segmento destinatari.

Template e identità visiva

Scegli il layout grafico, il colore accento e i contenuti della newsletter.

Template newsletter

Colore accento Immagine / hero demo Per il template Solo testo l’immagine è facoltativa e non viene mostrata nell’anteprima.

Contenuti specifici del template

Personalizza i dettagli del template scelto: l’anteprima si aggiorna in tempo reale.

Nome offerta Valore promozione / sconto Validità offerta Trattamento / prodotto collegato

Contenuto newsletter

Titolo, testo, CTA e link dimostrativo.

Titolo principale Sottotitolo

Testo corpo newsletter Formattazione demo: **grassetto**, *corsivo*, righe con - elenco, [testo link](https://...).

Testo bottone CTA Link bottone CTA

Anteprima live

Mockup email

Bozza Visualizza pagina disiscrizione

Immagine newsletter demo

Promo / Offerta

Una proposta speciale per te

Un messaggio demo pronto per essere personalizzato.

Scrivi il corpo della newsletter per vedere l’anteprima aggiornata.

Scopri di più

Programmazione e conferma

Scegli se salvare, programmare o simulare subito l’invio demo.

Stato campagna Modalità invio Data invio demo Ora invio demo

La programmazione resta demo. L’invio reale disponibile in questa fase è solo il test controllato tramite Resend.

Invio email test

Invia una prova reale solo alla mail autorizzata nella config privata Resend.

L’email test verrà inviata alla casella autorizzata nelle impostazioni server.

Nessuna API Key è salvata nel frontend. Il builder chiama solo l’endpoint PHP protetto /marketing_hub/api/newsletter/send-test.php, che legge il destinatario test dalla config privata.

Riepilogo finale

Controlla i dati principali prima di salvare la campagna.

CampagnaCampagna demo

OggettoOggetto demo

TemplateOfferta speciale

SegmentoTutti i contatti

Destinatari stimati0

InvioSalva come bozza

Modalità demo: il salvataggio crea o aggiorna una bozza nel browser. Nessuna email reale viene inviata.

Creatività

Template

Template mobile-first con variabili dinamiche future.

Onboarding soft

Benvenuto e primo ritorno in piattaforma.

Wallet reminder

Promemoria saldo basso e ricarica.

Workflow newsletter

Automazioni Newsletter

Flussi automatici demo per fidelizzazione, recupero clienti e comunicazioni ricorrenti.

⚙️

Automazioni totali

6

✅

Attive

3

⏸️

In pausa

2

📝

Bozze

1

Dettaglio automazione

Automazione Newsletter

Visualizza struttura, trigger e attività demo del flusso.

Demo

Automazione demo

Flusso automatico dimostrativo.

Trigger demo -

Segmento collegato -

Ultima esecuzione -

Prossima esecuzione -

1Trigger

Evento dimostrativo rilevato.

2Attesa

Controllo regole e segmento collegato.

3Newsletter

Invio simulato del messaggio previsto.

Editor automazione

Modifica automazione

Pagina interna demo per configurare struttura e regole del flusso.

Builder automazione

Configura il flusso demo scegliendo trigger, segmento, newsletter collegata e tempo di attesa.

Nome automazione Stato Trigger Segmento destinatari Template newsletter collegato Tempo di attesa Descrizione flusso

Preview flusso

Trigger → Attesa → Newsletter

1 Trigger

Nuovo contatto

2 Attesa

Subito dopo il trigger

3 Newsletter

Benvenuto personalizzato

Riepilogo

Quando si verifica il trigger, il sistema seleziona il segmento indicato e prepara la newsletter collegata.

Builder dimostrativo: nessuna email reale viene inviata e nessuna API esterna è collegata.

Report newsletter

Analytics Newsletter

Dashboard demo per leggere risultati campagne, aperture, click e andamento. Nessun tracking reale è attivo.

Dati demo / non reali

Periodo analytics

Filtra riepilogo

Totale campagne newsletter nel periodo selezionato.

Da A

Totale campagne newsletter negli ultimi 30 giorni.

0

Email inviate

0

Aperture

0

Click

0%

Tasso apertura

0%

Tasso click

0

Bounce

0

Disiscrizioni

📬

Campagne newsletter

Elenco demo delle campagne con accesso al dettaglio analytics.

Dettaglio campagna demo

Seleziona una campagna

I dati mostrati sono dimostrativi e servono solo per simulare la futura lettura dei risultati.

Segmento-

Destinatari stimati0

StatoDemo

Ultimo aggiornamento-

Inviate0

Aperture0

Click0

Bounce0

Andamento aperture/click

Dati demo

Link cliccati

Demo

Integrazione futura

API/Webhook

Area informativa per eventi che arriveranno dal sito principale.

🔌

Stato collegamento

Funzione non ancora disponibile nel flusso operativo.

user_registered user_login purchase_completed wallet_updated creator_contacted

Sistema

Impostazioni

Impostazioni email, sicurezza e preferenze future.

🛠️

Impostazioni predisposte

Le opzioni operative verranno aggiunte dopo database e import CSV.

Modulo Blog

Gestione Blog

Articoli, categorie, media, SEO e impostazioni editoriali integrati nel Marketing Hub.

Articoli totali 24 Contenuti editoriali in archivio

Pubblicati 18 Visibili nel blog pubblico

Bozze 4 Da completare o revisionare

Punteggio SEO medio 86% Title, meta e struttura contenuto

📝

Ultimi articoli modificati

Lista operativa pronta per collegamento dinamico al database.

Come iniziare una chat senza imbarazzo Consigli Chat • Aggiornato oggi

Pubblicato

Chat online: i segreti per restare al sicuro Sicurezza • Ultima revisione ieri

Bozza

Come usare le rose per ottenere di più Guide • Programmato

Programmato

🔎

Stato SEO contenuti

Controlli editoriali principali per il Blog pubblico.

Title e meta description presenti sui contenuti principali.
H1 unico e struttura H2/H3 predisposta.
Immagini con alt descrittivi.
Canonical e Open Graph da automatizzare nel backend reale.

Blog / Articoli

Articoli

Gestione editoriale dei contenuti del Blog pubblico VieniOra.

Articoli Blog Inserisci il token operativo o usa quello salvato in sessione per gestire gli articoli.

Token operativo

Gestione attiva

Titolo Categoria Stato Aggiornato Azioni

Titolo articolo

Slug URL

Categoria

Stato

Data pubblicazione

Immagine in evidenza

Puoi incollare un URL manuale oppure scegliere un asset già caricato in Blog > Media.

Upload locale demo

Opzione secondaria: carica un file dal computer se non vuoi usare un asset già presente nella Media Library.

Upload locale

Alt immagine Estratto Tag articolo

Premi Enter oppure clicca “Aggiungi tag”. I tag verranno salvati come array nel modello articolo.

Modalità visuale attiva: scrivi normalmente e usa la toolbar. Il codice HTML viene salvato dietro le quinte.

Contenuto articolo

Blog / Categorie

Categorie

Tassonomie editoriali, badge e priorità di navigazione del blog.

Categorie pubbliche

Gestione categorie e sottocategorie del Blog pubblico.

Attivo

Categorie Blog Inserisci il token operativo o usa quello salvato in sessione per gestire le categorie.

Token operativo

Blog / Media

Media library

Gestione immagini per hero, articoli, copertine, promo e asset editoriali.

Totale media 0

Copertine articolo 0

Promo / banner 0

Archivio media

Asset salvati in demo locale. In futuro saranno collegati a backend/server upload o storage dedicato.

0 media

Blog / Media

Carica media

Carica o modifica un asset del blog. Per ora il salvataggio è locale, pronto per futuro storage/server.

Asset editoriale

Compila i dati principali del media e salva l’asset nella libreria demo del Blog Admin.

File immagine

Scegli file Nessun file selezionato

Carica PNG, JPG, WebP o SVG. In demo viene salvato come URL locale/Base64.

Titolo media Alt text Tipo media

URL / percorso file

Blog / SEO

Controllo SEO

Checklist SEO-first per homepage, articoli, categorie e dati strutturati.

✅

Checklist globale

Standard minimi da mantenere su ogni pubblicazione.

URL puliti e leggibili.
Title e meta description unici.
H1 unico per pagina.
Open Graph e canonical.
JSON-LD Article sui contenuti.

⚠️

Da completare con backend reale

Funzioni da automatizzare quando si passerà da JSON statico a CMS.

Sitemap dinamicaGenerazione automatica da articoli pubblicati.

Da fare

Schema Article dinamicoAutore, data, immagine e categoria dal database.

Planned

Redirect e slug historyGestione cambi URL senza perdita SEO.

Da fare

Blog / Impostazioni

Impostazioni Blog

Parametri editoriali e SEO globali del modulo Blog.

Identità editoriale

Nome blog URL pubblico Tono editoriale

Pubblicazione

Backend reale da decidere su dominio VieniOra.com.
Su Sintesi Creativa usare solo JSON statico per test.
Documentazione unica dentro /documentazione/.
Admin blog integrato nel Marketing Hub.