Newsletter Template Guide

📧 Über das Template

Das Newsletter-Template ist perfekt auf das Design Ihrer OIC-Website abgestimmt und wurde speziell für E-Mail-Clients optimiert. Es verwendet ausschließlich inline CSS und table-basiertes Layout für maximale Kompatibilität.

🎨 Design-Features

📝 Template verwenden

1. Template öffnen

Öffnen Sie die Datei newsletter-template.html in einem Text-Editor oder HTML-Editor.

2. Platzhalter ersetzen

Ersetzen Sie alle Platzhalter in eckigen Klammern [...] mit Ihren Inhalten:

Header-Bereich:

Inhalts-Bereiche:

Call-to-Action Button:

3. Beispiel-Inhalt

<!-- Statt: -->
<h2>[HAUPTÜBERSCHRIFT]</h2>

<!-- Schreiben Sie: -->
<h2>Neues aus dem OIC Bielefeld - Juni 2024</h2>

<!-- Statt: -->
<p>[EINLEITUNGSTEXT]</p>

<!-- Schreiben Sie: -->
<p>Liebe Innovationsbegeisterte, herzlich willkommen zu unserem Juni-Newsletter! 
   Diesen Monat haben wir spannende Neuigkeiten aus der Welt der offenen Innovation für Sie.</p>

🔗 Abmelde-Link erklärt

Der Abmelde-Link ist bereits vorkonfiguriert und erstellt automatisch eine E-Mail mit:

An: info@oic-bielefeld.de
Betreff: Newsletter abbestellen
Text: Vorausgefüllte höfliche Abmeldeanfrage

Technischer Aufbau:

mailto:info@oic-bielefeld.de?subject=Newsletter%20abbestellen&body=Hallo%20OIC%20Team%2C%0A%0Abitte%20entfernen%20Sie%20meine%20E-Mail-Adresse%20aus%20dem%20Newsletter-Verteiler.%0A%0AVielen%20Dank%21%0A%0AMit%20freundlichen%20Gr%C3%BC%C3%9Fen

📱 Mobile Optimierung

Das Template ist automatisch für Mobilgeräte optimiert:

✅ Verwendung in Newsletter-Tools

Schritt 1: HTML kopieren

Kopieren Sie den kompletten HTML-Code aus newsletter-template.html

Schritt 2: In Ihr Tool einfügen

Fügen Sie den Code in das HTML-Template-Feld Ihres Newsletter-Tools ein

Schritt 3: Inhalte anpassen

Bearbeiten Sie die Platzhalter direkt in Ihrem Newsletter-Tool

Schritt 4: Vorschau testen

Nutzen Sie die Vorschau-Funktion Ihres Tools, um das Ergebnis zu prüfen

🎯 Best Practices

Texte schreiben:

Länge beachten:

🧪 Testen vor dem Versand

Empfohlene Tests:

  1. Gmail - Größter E-Mail-Anbieter
  2. Outlook - Geschäftskunden
  3. Apple Mail - iPhone/iPad Nutzer
  4. Thunderbird - Desktop-Client
  5. Mobile Ansicht - Smartphone-Test

Test-Checkliste:

🔧 Anpassungen vornehmen

Farben ändern:

Die Hauptfarben sind im Code fest definiert:

Schriftarten:

Das Template verwendet web-sichere Schriftarten:

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

Kontaktdaten anpassen:

Ändern Sie im Footer-Bereich:

📋 Checkliste für den ersten Newsletter

💡 Inhaltliche Anregungen

Mögliche Newsletter-Abschnitte:

Regelmäßige Rubriken:

Viel Erfolg mit Ihrem Newsletter! 📧

Bei Fragen zum Template können Sie gerne ein Issue im Repository erstellen.