Branzino Marketing Hub

Introduzione
Branzino Email Builder è un editor visuale drag-and-drop progettato per la creazione di email HTML responsive. L'applicazione consente agli utenti di realizzare newsletter e comunicazioni email attraverso un'interfaccia grafica intuitiva, senza la necessità di intervenire direttamente sul codice.
Il sistema mette a disposizione strumenti per la gestione del layout, l'inserimento di contenuti, la personalizzazione grafica e la gestione dei template, consentendo di creare e riutilizzare facilmente modelli di email.

Branzino - Newsletter Builder
Panoramica dell'interfaccia
L'interfaccia del builder è organizzata in tre aree principali: la toolbar laterale, il canvas centrale e il pannello delle proprietà. La toolbar contiene le schede Componenti e Sezioni, dalle quali è possibile selezionare gli elementi da inserire nell'email. Il canvas centrale rappresenta l'area di lavoro nella quale viene costruito il contenuto della newsletter. Qui è possibile visualizzare in tempo reale la struttura dell'email e modificarne i contenuti.
Sul lato destro è presente il pannello delle proprietà, che mostra le impostazioni dell'email e le opzioni relative all'elemento attualmente selezionato. Completano l'interfaccia la barra delle azioni, dalla quale è possibile accedere alla gestione dei template, alle funzioni di annullamento e ripristino delle modifiche, alle anteprime, all'esportazione e all'invio dell'email.
Creazione di una nuova email
Per iniziare la progettazione di una nuova email, l'utente può scegliere tra due modalità operative. La prima consiste nell'utilizzare uno dei template predefiniti disponibili nella libreria accessibile tramite il pulsante Templates. Sono disponibili modelli dedicati a newsletter, promozioni, eventi e altri scenari d'uso. In alternativa, è possibile selezionare l'opzione Inizia da Zero, che apre un canvas vuoto sul quale costruire liberamente il contenuto dell'email.
Gestione di contenuti e layout
La composizione dell'email avviene mediante l'inserimento di blocchi e sezioni disponibili nella toolbar. Tra i blocchi utilizzabili sono presenti:
Testo
Titolo
Bottone
Immagine
HTML
Separatore
Spaziatore
Social
Per la struttura del layout sono disponibili diverse sezioni preconfigurate:
Header
Footer
CTA
Due colonne
Due-colonne-layout
Tre-colonne-layout
Text+Image
Gli elementi possono essere inseriti tramite drag-and-drop oppure mediante il semplice clic sui relativi pulsanti. Ogni blocco dispone inoltre di controlli rapidi che consentono di spostarlo verso l'alto o verso il basso, duplicarlo, eliminarlo oppure trascinarlo in una nuova posizione. Nel caso dei layout a colonne, è possibile modificare la larghezza delle colonne utilizzando l'apposita maniglia di ridimensionamento.
Modifica del testo e personalizzazione grafica
I blocchi testuali supportano la modifica diretta del contenuto all'interno del canvas. Per ciascun elemento di testo è possibile intervenire sulle principali impostazioni tipografiche, tra cui colore, dimensione del carattere, interlinea e allineamento. Nel caso dei titoli, è inoltre disponibile la selezione del tag heading appropriato. Le modifiche vengono applicate attraverso il pannello delle proprietà, che aggiorna automaticamente le opzioni disponibili in base all'elemento selezionato.
Gestione delle immagini e contenuti dinamici
Le immagini possono essere aggiunte ai contenuti utilizzando il pulsante dedicato presente nel blocco immagine. Oltre al caricamento diretto, il sistema consente di effettuare ricerche all'interno dei provider di immagini stock configurati. Per ogni immagine è possibile definire:
Testo alternativo (alt text)
Allineamento
Raggio dei bordi
Margini
Il builder supporta inoltre l'utilizzo di campi dinamici (merge fields) per la gestione di contenuti e collegamenti. I link associati alle immagini e ai pulsanti possono essere configurati mediante la selezione di modulo e campo, permettendo l'utilizzo di variabili dinamiche all'interno delle email.
Salvataggio e riutilizzo dei template
Una volta completato il lavoro, il template può essere salvato per un utilizzo futuro. Durante il salvataggio è possibile assegnare un nome e una descrizione al modello. I template salvati vengono archiviati in un elenco dedicato che include anche un'anteprima HTML. Dall'archivio è possibile:
Caricare un template esistente nel canvas
Riutilizzare modelli precedentemente creati
Eliminare template non più necessari
Esportazione, anteprima e invio
Il builder mette a disposizione diverse funzionalità per la verifica e la distribuzione del contenuto creato. Quando previsto dall'integrazione utilizzata, è possibile esportare il risultato nei formati HTML e JSON. L'applicazione consente inoltre di visualizzare un'anteprima sia in modalità desktop sia in modalità mobile direttamente dalla barra delle azioni. Se configurato un endpoint dedicato all'invio delle email, il builder permette anche l'invio diretto dei messaggi.
Cronologia delle modifiche e salvataggio automatico
Durante la composizione dell'email, il sistema mantiene una cronologia delle operazioni eseguite. Le funzioni Undo e Redo consentono rispettivamente di annullare o ripristinare le modifiche effettuate. È inoltre disponibile un sistema di salvataggio automatico della bozza locale. In caso di riavvio dell'applicazione, il builder può proporre il ripristino del lavoro precedentemente salvato.
Scorciatoie da tastiera
Per velocizzare il lavoro sono disponibili alcune scorciatoie operative:
Ctrl/Cmd + Z per eseguire Undo.
Ctrl/Cmd + Shift + Z oppure Ctrl/Cmd + Y per eseguire Redo.
Delete o Backspace per eliminare il blocco selezionato quando il cursore non si trova all'interno di un campo editabile.
Escape per chiudere eventuali finestre modali aperte.
Procedura operativa consigliata
Per realizzare una nuova email si consiglia di seguire il seguente flusso operativo:
Scegliere se partire da un template predefinito oppure da un canvas vuoto.
Aggiungere blocchi e sezioni dalla toolbar laterale.
Selezionare gli elementi inseriti e personalizzarli tramite il pannello delle proprietà.
Utilizzare Undo e Redo durante la composizione quando necessario.
Salvare il template qualora si desideri riutilizzarlo in futuro.
Verificare il risultato tramite le anteprime desktop e mobile.
Esportare il contenuto in HTML o JSON oppure inviare una mail di test, se consentito dall'integrazione utilizzata.
Note operative
La funzione di ricerca delle immagini stock è disponibile solo quando è stato configurato almeno un provider dedicato. Le funzioni Salva, Carica, Export HTML, Export JSON e Invia mail possono essere abilitate o disabilitate dall'integrazione host. Il builder salva automaticamente una bozza locale e può proporne il ripristino al successivo avvio dell'applicazione.

Branzino - Short URL
Gli Short URL sono dei link arricchiti con delle variabili, che consentono di tracciare le performance delle nostre Campagne e la provenienza del traffico del nostro sito. Cliccando su GESTISCI SHORT URL, presente in alto a destra, potremo accedere alla pagina che si vede più in basso, che presenta la lista di tutti gli short url già inseriti sia nel crm che nel sito.
Cliccando su CREA, in alto a sinistra, entreremo in modalità creazione e potremo inserire tutti i parametri richiesti per "tener d'occhio" determinati link che vogliamo tracciare all'interno del nostro sito.
Tabella dei parametri che possiamo inserire:
Informazioni Branzino Short URL
Codice Short URL
un codice identificativo che si decide di dare a quello specifico record
URL di Destinazione
in questo campo si deve incollare il link assoluto della pagina del sito che si vuole tracciare
Short URL
questo campo viene compilato automaticamente grazie al connubio tra il Codice Short URL e l'URL di Destinazione
Parametri UTM
Nel marketing, UTM (Urchin Tracking Module) indica dei brevi codici di testo aggiunti alla fine di un URL. Consentono a strumenti di analisi di tracciare con esattezza quali post, email o campagne pubblicitarie hanno generato le visite al tuo sito web
UTM ID
è un parametro di tracciamento aggiunto alla fine di un URL web che identifica in modo univoco una specifica campagna di marketing, permettendo a strumenti di analisi di associare il traffico e le conversioni all'annuncio corretto
UTM Source
identifica da dove proviene il traffico (es. facebook, google, newsletter)
UTM Medium
indica il tipo di canale (es. costo per click per annunci a pagamento, social, email)
UTM Campaign
il nome specifico dell'iniziativa promozionale (es. saldi_estate, lancio_prodotto)
UTM Source Platform
identifica la piattaforma o lo strumento pubblicitario specifico utilizzato per gestire, acquistare o inviare il traffico
UTM Term
opzionale, usato per tracciare le specifiche parole chiave a pagamento
UTM Content
opzionale, utile per distinguere annunci diversi all'interno della stessa campagna (es. banner_blu, link_testo)
UTM Creative Format
descrive il formato visivo o il tipo di contenuto dell'annuncio pubblicitario che ha generato il clic
UTM Marketing Tactic
definisce la tattica di marketing o la strategia di targetizzazione utilizzata per la specifica campagna (ovvero l'obiettivo strategico definito dall'utente)
Dashboard e Track URLs
In questa schermata ci sono due tab, Dashboard e Tracked URLs, che permettono di visualizzare tutte le visite per numero di click, nell'arco di un lasso temporale predeterminato dall'utente. I cruscotti visibili nella pagina Dashboard sono:
Visite nel tempo: evidenzia grazie ad un grafico, l'andamento delle visite nell'arco dei giorni
Fonti di traffico: si possono verificare le provenienze delle suddette visite sotto forma di url
Pagine più visitate: link diretti alle pagine maggiormente cliccate
Browser: lista dei browser utilizzati per visitare le suddette pagine
Paesi: paesi di provenienza dei click/visite fatte
Mentre nella tab Tracked URLs, sono visibili tutti gli URL tracciati nel tempo con il conteggio delle visite per ognuno di loro:

Branzino - Form Builder
La funzione Form Builder, permette di costruire webform per i moduli del crm, in modo da poterli pubblicare sulle pagine del vostro sito aziendale e di raccogliere dati. La costruzione viene fatta attraverso un'interfaccia drag&drop, molto simile a quella già descritta per la Newsletter Branzino. Di seguito possiamo vedere l'interfaccia, disponibile in IMPOSTAZIONI > BRANZINO WEBFORM, in un esempio di costruzione di un modulo di iscrizione ad un ipotetico webinar.
Con questo plugin abbiamo la possibilità di creare Webform Classici oppure attivare la Ricezione Dati da fonti Esterne (quindi intercettare i dati che arrivano da altri webform che sono già presenti sul nostro sito, magari particolarmente complessi, e costruiti con strumenti conosciuti come Contact Form, Google Form o affini).
WEBFORM CLASSICO
In alto, troviamo quattro TAB che ci permettono di affinare la suddetta configurazione:
Informazioni Webform
Permette di inserire le informazioni di base del webform e di costruire grazie all'editor drag&drop i campi necessari per il modulo/form online. Questo se si è scelto di creare un Webform Classico.
 
Conferme e Sicurezza
Permette di fare una serie di settaggi:
iscriversi ad una specifica campagna newsletter
inviare un'email di risposta automatica
attivare i flag per le dichiarazioni GDPR
bloccare iscrizione con mittente di provider gratuiti o email usa e getta
attivare un Captcha per poter prevenire lo spam
 
Duplica Payload
Questa opzione, permette di duplicare le informazioni provenienti dai webform, direttamente all'interno di un modulo custom. I dati inviati vengono sempre salvati nella tabella Branzino.
Se non viene creato il record di destinazione, i dati vengono copiati anche nel modulo selezionato (es. modulo custom), a condizione che sia attivo.
Se il modulo non esiste più oppure i campi collegati sono stati eliminati, la copia non viene eseguita. I campi obbligatori non collegati, come ad esempio il nome del record, vengono compilati automaticamente con l'identificativo dei dati inviati, se disponibile.
 
Messaggi
Nella tab Messaggi è possibile inserire degli avvisi che permettono l'utente di essere guidato durante e dopo la compilazione del form, in caso di mancata compilazione, di errore oppure di successo dopo l'invio.
 
RICEZIONE DATI ESTERNI
In questo caso verranno valorizzati tutti i campi che vorremmo catturare, per esempio, nel modulo Lead, mappando i campi stessi col nome del campo sorgente. In questo modo sarà possibile catturare tutte le informazioni che arriveranno direttamente dal webform già connesso al vostro sito.
Una volta ultimate tutte le configurazioni, in alto a destra, si trova un pulsante denominato VISUALIZZA FORM, che permette di ricavare l'HTML puro e già collegato al crm, da poter copiare ed incollare all'interno della pagina del vostro sito.
Invii Ricevuti
Una volta pubblicato il webform, possiamo verificare tutti gli invii che abbiamo ricevuto, direttamente nella stessa pagina di configurazione, facendo scroll down della pagina e visualizzando i risultati. Si noti che è possibile vedere anche se vi sono dei duplicati ed il plugin mette a disposizione anche un'azione correttiva, correggendo i dati ricevuti.

Branzino - Analytics
All'interno di Analytics, possiamo vedere tutte le statistiche del nostro sito, suddivise per pagine visualizzate, quante volte sono state visualizzate, ecc. Troviamo anche gli UTM che avevamo impostato nei nostri Webform, per poter capire facilmente la provenienza del dato (es Linkedin o Facebook). Anche in questo caso, troviamo delle tab, tre per la precisione, che ci permettono di leggere dati così aggregati:
DASHBOARD
Nella tab Dashboard, cliccando su una delle voci presenti nelle Statistiche Aggregate, è possibile avere un dettaglio molto preciso di tutto quello che riguarda quella specifica provenienza. Quindi possiamo vedere gli Eventi che gli utenti hanno compiuto sul nostro sito, le pagine più visitate, i visitatori unici, tutte le sessioni per utente, la fonte del traffico, il browser utilizzato per raggiungere quello specifico link.
SESSIONI
In questa tab sono presenti i dati che ci permettono di visualizzare il viaggio che fa il cliente durante la visita sul nostro sito. Nella dashboard principale, si può visualizzare solamente se un utente visita, per esempio, la homepage, ma non possiamo capire se dopo essere atterrato sulla Home, passa in un'altra pagina. Con la Tab Sessioni questo è possibile.
Cliccando infatti su un link specifico, di una pagina che ci interessa verificare, si aprirà una schermata che ci permette di vedere quali link sono stati visitati dopo quello cliccato per primo (es. Home > Chi Siamo > Contatti).
Quando vengono effettuate queste visite, oltre a registrarle in Analytics, che altro succede in vtenext? Viene creato un Visitatore Anonimo, all'interno del modulo Branzino Anonimi che sarà collegato ad uno o più Lead (in caso di doppioni non gestiti e solo se la persona decide di lasciarci i suoi dati compilando un form) e collegato al modulo Branzino Eventi che permetterà di vedere le varie azioni compiute da quello specifico utente durante la permanenza sul nostro sito (link cliccati, pagine visitate, ecc.). Tutto filtrabile e reportizzabile come previsto dallo standard vtenext.
Naturalmente se, a distanza di qualche giorno o mese, lo stesso utente torna a visitare il nostro sito, non verrà creata una nuova anagrafica anonima, ma tutti i nuovi eventi, ovvero i click o le visite alle pagine del sito, verranno registrati sotto la medesima anagrafica creata in precedenza.
Ribadiamo che, se l'utente anonimo, compila un form lasciandoci tutti i suoi dati, viene creato un Lead che sarà connesso all'anagrafica anonima di partenza, ed avrà come informazione principale la fonte, ovvero com'è entrato in contatto con noi la prima volta (es. Linkedin o Facebook), portandosi inoltre dietro tutte le informazioni delle pagine visitate e dei link cliccati.
REPORTS
Tutte le informazioni sopra riportate, naturalmente sarà possibile reportizzarle in maniera ragionata e raggruppando ulteriormente i dati anche in grafici di comoda fruibilità. Posso ad esempio creare un report, che mi permetta di vedere il ROI delle Campagne fatte (Ritorno dell'Investimento), in modo da capire cosa puntare di più sul prossimo anno.
Il tutto può essere anche tradotto graficamente ed inserito sia in Homepage del crm, sia nella Dashboard di Analytics.
Dettaglio del Grafico suddiviso per Campagne
Dettaglio della singola Campagna Linkedin con relativa provenienza