Come creare email professionali senza competenze HTML?
Con l'editor email visuale, crei newsletter tramite drag-and-drop. Un vero editor drag-and-drop genera automaticamente HTML responsive al 100% su dispositivi mobili. Sistema a tre fasi: Layout, Contenuti, Campagne. Generazione opzionale di layout con IA da una descrizione testuale di una frase. Editor di codice per utenti avanzati. Incluso nel piano Full Suite.
Crea email.Senza HTML.
Editor drag-and-drop per email professionali e mobile-responsive. Crea layout, aggiungi contenuti, invia campagne. Senza designer, senza codice.
- Inizia subito
- Nessuna carta di credito
- 14 giorni di prova gratuita
Email professionali, ma chi le progetta?
Il tuo team marketing vuole inviare una newsletter. Ma nessuno conosce l'HTML. Il designer freelance ha bisogno di due giorni. E l'ultima email era illeggibile su mobile perché le colonne non erano responsive.
Per le PMI, il design delle email è un problema costante. O si assumono designer esterni (costoso e lento), si usano template rigidi senza personalizzazione (noiosi e impersonali), oppure si lotta con il codice HTML (soggetto a errori e dispendioso).
Poi c'è il problema del rendering: un'email perfetta in Gmail può apparire completamente diversa in Outlook. Senza un editor che gestisca per te il design responsive, il rendering su mobile è un azzardo.
Il risultato: le email non vengono mai inviate ('Non abbiamo nessuno che possa progettarle') oppure hanno un aspetto poco professionale e danneggiano il brand.
Trascina, rilascia, fatto
L'editor email visuale è un vero editor drag-and-drop che genera automaticamente HTML pulito e responsive. Ciò significa che progetti visivamente e ogni email è garantita responsive ovunque.
Ecco come funziona: crei un layout con slot (intestazione, corpo, CTA, immagini). Poi riempi gli slot con contenuti tramite drag-and-drop: blocchi di testo, immagini, pulsanti, separatori. L'editor mostra un'anteprima in tempo reale dell'email su desktop e mobile.
Il sistema a tre fasi garantisce la riutilizzabilità: i Layout definiscono la struttura (crea una volta, riutilizza sempre), i Contenuti riempiono la struttura con il contenuto effettivo e le Campagne inviano il risultato ai destinatari.
Per gli utenti avanzati: l'editor di codice mostra l'HTML sottostante. Se preferisci lavorare direttamente nel codice, puoi passare dalla vista visuale a quella codice. E se non vuoi progettare affatto: l'IA genera un layout completo da una descrizione di una frase.
- 1Crea un layoutDefinisci la struttura con slot (o lascia che l'IA ne generi uno)
- 2Aggiungi contenutiTrascina e rilascia testo, immagini e pulsanti
- 3Invia la campagnaScegli i destinatari, pianifica e invia
Risultati misurabili
I team con l'editor email visuale inviano più spesso, in modo più coerente e più professionale.
- Zero codice
Nessun HTML necessario
Drag-and-drop al posto del codice sorgente. Chiunque nel team può creare email.
- Responsive
Perfetto su ogni dispositivo
L'HTML responsive automatico garantisce un rendering coerente ovunque.
- IA
Layout da una descrizione
L'IA genera un layout completo da una descrizione testuale.
Drag-and-drop, non HTML
L'editor visivo offre blocchi di testo, immagini, pulsanti, separatori e blocchi personalizzati da trascinare e rilasciare. Configura colori, spaziature e font sulla destra. Visualizza la struttura sulla sinistra.
- Blocchi: testo, immagine, pulsante, separatore, blocco HTML
- Barra laterale destra: colori, spaziature, font, bordi
- Anteprima in tempo reale: desktop e mobile
- Editor di codice per l'HTML sottostante (toggle)
Layout, Contenuti, Campagne
Il sistema a tre fasi separa la struttura dal contenuto. Un Layout definisce gli slot (intestazione, corpo, CTA). Un Contenuto riempie quegli slot. Una Campagna invia il risultato. I layout sono riutilizzabili: un layout, infinite varianti di contenuto.
- Layout: definisci la struttura con slot (crea una volta)
- Contenuti: riempi gli slot con testo, immagini e link
- Campagne: invia i contenuti ai destinatari
- Un layout, contenuti illimitati: massima riutilizzabilità
L'IA genera il tuo layout
Descrivi ciò di cui hai bisogno ('Newsletter a due colonne con immagine hero e pulsante CTA'). L'IA crea un layout email responsive completo con i colori del tuo brand. Poi perfezionalo nell'editor visuale.
- Genera un layout da una descrizione testuale
- I colori del brand vengono applicati automaticamente
- Perfeziona il risultato nell'editor visuale
- Rifinisci l'HTML nell'editor di codice, se preferisci
Responsive in modo predefinito
Ogni email è automaticamente ottimizzata per il mobile. L'editor genera HTML pulito e responsive che viene visualizzato correttamente in tutti i principali client email: Gmail, Outlook, Apple Mail, Yahoo e app mobile. Senza CSS manuale, senza media query da mantenere.
- HTML responsive automatico ad ogni salvataggio
- Rendering corretto in Gmail, Outlook, Apple Mail, Yahoo
- Mobile-responsive senza CSS manuale
- Anteprima per desktop (1024px+) e mobile (375px)
ROI in numeri
- ROI dell'email marketing
- 42:1
- Media di settore
- righe di HTML necessarie
- 0 codice
- Editor drag-and-drop
- mobile-responsive
- 100%
- Automatico
- input per un layout con IA
- 1 frase
- Integrato nell'editor
Inizia subito
Nessuna configurazione, nessuna formazione. Il drag-and-drop si spiega da solo.
- 01 · 5 min
Crea un layout
Definisci la struttura con slot o lascia che l'IA generi un layout per te.
- 02 · 10 min
Aggiungi contenuti
Trascina e rilascia testo, immagini e pulsanti negli slot.
- 03 · 2 min
Invia la campagna
Scegli i destinatari, inserisci l'oggetto, pianifica o invia subito.
Per sviluppatori e utenti avanzati
Guide passo-passo per la configurazione tramite piattaforma o API.
Guida piattaforma: passo dopo passo
Usa il builder email visuale:
- 1
Crea o Modifica Contenuto
Vai a Reach > Email > Contenuti. Clicca "Crea Contenuto" o modificane uno esistente.
- 2
Seleziona un Layout
Scegli un template layout. Il layout definisce la struttura; tu riempirai il contenuto.
- 3
Trascina e Rilascia
Usa il pannello blocchi per trascinare blocchi Header, Body, CTA, Immagine e Personalizzati negli slot designati.
- 4
Personalizza Stili
Seleziona qualsiasi elemento e usa il pannello stili per regolare colori, font, padding e allineamento.
- 5
Anteprima e Salva
Clicca "Anteprima" per vedere viste desktop e mobile. Clicca "Salva" quando hai finito.
Riferimento API: accesso sviluppatori
Gestisci i contenuti email e inviali via API.
| Method | Path | Description |
|---|---|---|
| POST | /api/v1/email-contents | Crea contenuto email |
| PATCH | /api/v1/email-contents/{id} | Aggiorna valori slot |
| GET | /api/v1/email-contents/{id}/preview | Ottieni anteprima HTML compilata |
const response = await fetch('https://api.sendseven.com/api/v1/email-contents', {
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID',
'Content-Type': 'application/json'
},
body: JSON.stringify({
name: 'November Newsletter Content',
layout_id: 'layout_123',
from_name: 'ACME Team',
from_email: '[email protected]',
slot_values: {
header: '<h1>November Updates</h1>',
body: '<p>Here is what is new...</p>',
cta: '<a href="https://acme.com">Read More</a>'
}
})
});
const content = await response.json();
console.log('Content created:', content.id);const response = await fetch(
'https://api.sendseven.com/api/v1/email-contents/content_123/preview',
{
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID'
}
}
);
const { html } = await response.json();
console.log('Compiled HTML:', html);Domande frequenti
Devo conoscere l'HTML?
Le email sono mobile-responsive?
Cos'è il sistema a tre fasi?
L'IA può creare un layout per me?
Posso usare le mie immagini e il mio logo?
Quanto costa l'editor email visuale?
Email professionali, da oggi
Drag-and-drop, responsive su mobile, potenziate dall'IA. La tua prima newsletter è pronta in 20 minuti.