Email Templates

Template HTML Email Gratuiti

Sfoglia template HTML email responsive predefiniti. Visualizza in anteprima e copia l'HTML per newsletter, email di benvenuto, promozioni e messaggi transazionali.

Newsletter

Clean newsletter template with header, content sections, and footer.

Sorgente HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Newsletter</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;font-family:Arial,Helvetica,sans-serif;">
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f5;">
    <tr>
      <td align="center" style="padding:40px 20px;">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="background-color:#ffffff;border-radius:8px;overflow:hidden;">
          <!-- Header -->
          <tr>
            <td style="background-color:#16a34a;padding:30px 40px;text-align:center;">
              <h1 style="margin:0;color:#ffffff;font-size:28px;font-weight:bold;">Your Newsletter</h1>
              <p style="margin:8px 0 0;color:#bbf7d0;font-size:14px;">Monthly updates and insights</p>
            </td>
          </tr>
          <!-- Main Content -->
          <tr>
            <td style="padding:40px;">
              <h2 style="margin:0 0 16px;color:#18181b;font-size:22px;">Featured Article</h2>
              <p style="margin:0 0 20px;color:#52525b;font-size:15px;line-height:1.6;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
              <a href="#" style="display:inline-block;background-color:#16a34a;color:#ffffff;text-decoration:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:bold;">Read More</a>
              <hr style="margin:30px 0;border:none;border-top:1px solid #e4e4e7;">
              <h2 style="margin:0 0 16px;color:#18181b;font-size:22px;">More Stories</h2>
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
                <tr>
                  <td style="padding:12px 0;border-bottom:1px solid #f4f4f5;">
                    <h3 style="margin:0 0 4px;color:#18181b;font-size:16px;">Story Title One</h3>
                    <p style="margin:0;color:#71717a;font-size:13px;">Brief description of the first story goes here.</p>
                  </td>
                </tr>
                <tr>
                  <td style="padding:12px 0;border-bottom:1px solid #f4f4f5;">
                    <h3 style="margin:0 0 4px;color:#18181b;font-size:16px;">Story Title Two</h3>
                    <p style="margin:0;color:#71717a;font-size:13px;">Brief description of the second story goes here.</p>
                  </td>
                </tr>
                <tr>
                  <td style="padding:12px 0;">
                    <h3 style="margin:0 0 4px;color:#18181b;font-size:16px;">Story Title Three</h3>
                    <p style="margin:0;color:#71717a;font-size:13px;">Brief description of the third story goes here.</p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <!-- Footer -->
          <tr>
            <td style="background-color:#f4f4f5;padding:24px 40px;text-align:center;">
              <p style="margin:0;color:#71717a;font-size:12px;">You received this email because you subscribed to our newsletter.</p>
              <p style="margin:8px 0 0;color:#71717a;font-size:12px;"><a href="#" style="color:#16a34a;">Unsubscribe</a> | <a href="#" style="color:#16a34a;">View in browser</a></p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>
How It Works

How to Use HTML Email Templates

1

Scegli un Template

Seleziona tra template di newsletter, email di benvenuto, promozionali o transazionali progettati per uso reale.

2

Anteprima e Personalizza

Visualizza in anteprima il template renderizzato in un iframe e revisiona l'HTML sorgente per capire la struttura.

3

Esporta HTML

Copia il codice HTML completo con un clic e incollalo direttamente nella tua piattaforma email.

Funzionalita

Why Use HTML Email Templates

Design Responsive

Ogni template usa layout a tabella che vengono visualizzati correttamente su tutte le dimensioni dello schermo e i dispositivi.

Testato su Gmail e Outlook

I template seguono le best practice di compatibilità con i client email per un rendering coerente ovunque.

Codice Pulito

CSS inline e strutture di tabella semantiche producono codice HTML email leggero e manutenibile.

Pronto per la Modalità Scura

Le scelte di colore e i rapporti di contrasto funzionano bene sia nei client email in modalità chiara che scura.

Mobile-First

Progettato pensando ai lettori mobile, garantendo la leggibilità su schermi piccoli senza scorrimento orizzontale.

Privacy Prima di Tutto

Tutti i template vengono caricati e visualizzati nel tuo browser. Nessun dato viene raccolto o inviato a server esterni.

Casi d'uso

Who Uses HTML Email Templates

Designer Email

Usali come punto di partenza per design email personalizzati, risparmiando ore di lavoro di layout a tabella.

Marketer

Lancia campagne di newsletter e promozionali rapidamente con template responsive pronti all'uso.

Sviluppatori

Copia il codice HTML sorgente pulito come base per la generazione programmatica di email nelle applicazioni.

Agenzie

Consegna template email professionali ai clienti più velocemente usando basi predefinite e testate.

Need More Power?

Sign up for a free Tomba account to unlock bulk processing, API access, CRM integrations, and 75 free searches per month.

Hai una Domanda?

HTML Email Templates

Se non trovi la risposta alla tua domanda qui, visita la sezione dedicata nel nostro Centro Assistenza .

Inizia a trovare email verificate oggi

Unisciti a oltre 150.000 professionisti che si affidano a Tomba per dati di contatto accurati. Nessuna carta di credito richiesta.