Newsletter-Schnittstelle: Unterschied zwischen den Versionen

Aus Winestro.Cloud Handbuch
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
Mit der Newsletter-Schnittstelle kannst Du eine automatisierte Anmeldemöglichkeit für Kunden in E-Mails und / oder auf Homepages erstellen. Du erhältst dafür von uns ein optisch an Deine Homepage angepasstes Anmeldeformular.
Siehe auch:


Newsletter Anmeldung, Newsletter Formular, E-Mail Anmeldung, Einwilligung E-Mail, DSGVO Newsletter, Opt-In Verfahren, DOI Bestätigung, Bestätigungs-Mail, Anmeldeprozess Newsletter, Kundenregistrierung E-Mail, Mailingliste, Verteilerliste, Newsletter Empfänger, E-Mail Opt-In, Zustimmungserklärung, Consent Management, Einwilligungsnachweis, DOI Workflow, Newsletter Integration Webseite, Formular Einbindung, IFrame Formular, Lead-Erfassung, Kontaktformular Newsletter, Interessentenliste, Marketing Opt-In, E-Mail Marketing Anmeldung, Winestro Newsletter, Winestro E-Mail System, Winestro DOI, Winestro Formular, Winestro Schnittstelle, WBO Newsletter, WBO DOI, Privatshop Newsletter Anmeldung, Kundendaten Import Newsletter, Newsletter Sync, API Newsletter Anmeldung, Webhook Anmeldung, Formular Endpoint, POST Formular Newsletter, E-Mail Verifikation, Double Opt-In Prozess, Opt-In Logging, Audit Trail E-Mail Zustimmung


== Vorraussetzungen ==
Die Schnittstelle steht allen Winestro.Cloud-Nutzenden zur Verfügung - lediglich für die Einrichtung erheben wir eine Gebühr, die Du bitte [https://www.winestro.cloud/preise.php unserer aktuellen Preistabelle] entnimmst.
Du benötigst ausschließlich eine Homepage, weitere Vorraussetzungen gibt es nicht.


== Beauftragung ==
== Allgemein: Was ist DOI? ==
Um die Schnittstelle in Auftrag zu geben, gehe unter ''System - Einstellungen - E-Mail''. Ganz unten findest Du die DoubleOptIn ( DOI ) Einstellungen.
Der Begriff '''Double-Opt-In (DOI)''' beschreibt ein zweistufiges Verfahren zur Anmeldung für Newsletter oder E-Mail-Verteiler.
Dort kannst Du das Winestro.Cloud Team mit der Erstellung Deines Formulars beauftragen. Klicke dafür auf '''Freigeben''', im sich nun öffnenden Fenster wählst Du nun im Dropdown '''Weinbau-online.de Team''' aus und klickst auf '''senden'''. Benachrichtige uns bitte auch per '''Mail''' oder '''Ticket'''.


== Einstellungen im Programm ==
1. Eine Person trägt ihre E-Mail-Adresse in ein Formular ein 
Die Einstellungen findest Du unter ''System - Einstellungen - E-Mail''. Hier kannst Du festlegen, mit welcher Signatur/Mailpapier die Schnittstelle arbeiten soll.
2. Anschließend erhält sie eine Bestätigungs-E-Mail mit einem Link 
3. Erst durch Klick auf diesen Link wird die Anmeldung rechtsgültig abgeschlossen 


== Eingehende Anmeldungen ==
Dieses Verfahren ist aus rechtlichen Gründen (DSGVO / Wettbewerbsrecht) notwendig, da nur so sichergestellt wird, dass die Anmeldung tatsächlich durch die betreffende Person erfolgt ist.
Füllt eine Kundin oder ein Kunde das Formular aus, erhält die Person zunächst eine E-Mail mit der Aufforderung, die Anmeldung zu bestätigen. Dazu wird ein juristisch zulässiger Standardtext ohne Werbung verwendet.
Abgesendet wird diese Mail mit dem von Dir eingestellen "E-Mail Hintergrund" - also auch mit Deiner normalen Grußformel. Erst wenn die E-Mail geöffnet und der enthaltene Link angeklickt wird, wird die eigentliche Anmeldung ausgelöst. Die Anmeldung wird Dir in Deinem Winestro.Cloud Account unter ''Post - E-Mail-Einstellungen - DoubleOptIn'' zur Bearbeitung angezeigt.
Erst wenn Du die Anmeldung dort bearbeitest, ergeben sich Veränderungen an Deinen Kundendaten und die Anmeldung wird für den nächsten Newsletter wirksam.


== Einbau in Deine Homepage ==
In Winestro.Cloud ist das DOI-Verfahren vollständig integriert und Bestandteil der Newsletter-Schnittstelle. Beim Absenden eines Formulars wird automatisch eine Bestätigungs-Mail ohne Werbung versendet. Erst nach Bestätigung wird die Anmeldung aktiv.


Nachdem wir Dein Formular an die Optik Deiner Homepage angepasst haben, erhälst Du Deinen persönlichen Link zu Deinem Formular per E-Mail.
Weitere Grundlagen zum Newsletter-System findest Du hier:
Diesen Link kann dein_e Webmaster_in mit minimalem Aufwand über einen sogenannten Iframe in deine Homepage integrieren.
* [[Newsletter]]
* [[E-Mail]]


Dein_e Webmaster_in muss dazu den folgenden HTML-Code an der entsprechenden Stelle deiner Homepage einfügen:
Zusätzliche Hintergründe und Best Practices im Blog:
<iframe src="###Link zum Formular###"></iframe>
* https://www.winestro.cloud/weinbau-blog.php?id_blog_post=139
 
== Möglichkeiten in Winestro (Beauftragung & Umsetzung) ==
Die Newsletter-Schnittstelle ermöglicht es, Anmeldungen automatisiert über Deine Webseite oder E-Mails zu erfassen.
 
=== Beauftragung ===
Die Einrichtung erfolgt zentral über:
* System → Einstellungen → E-Mail 
* Bereich: '''DoubleOptIn (DOI)'''
 
Dort kannst Du:
* das Winestro-/Weinbau-online-Team mit der Erstellung des Formulars beauftragen 
* eine E-Mail-Vorlage für die DOI-Bestätigung festlegen 
 
Die Beauftragung erfolgt über die Freigabe an das Team. :contentReference[oaicite:1]{index=1}
 
=== Funktionsumfang ===
Nach Einrichtung erhältst Du:
* ein individuell angepasstes Anmeldeformular (Design passend zur Webseite) 
* automatisierte DOI-E-Mails 
* direkte Integration in Deine Kundendaten 
 
Die Schnittstelle ist Bestandteil des Newsletter-Systems von Winestro.Cloud, mit dem Du:
* E-Mail-Adressen DSGVO-konform sammeln kannst 
* Newsletter direkt aus dem System versendest 
* Kampagnen auswerten kannst :contentReference[oaicite:2]{index=2} 
 
Weitere technische und erweiterte Funktionen:
* [[Developer-Center]]
* [[WBO-API]]
* [[Privatshop-Versionshistorie]]


---


== Verarbeitung eingehender Anmeldungen ==
Der Ablauf eingehender Anmeldungen ist klar strukturiert:


# Kunde füllt Formular aus 
# System versendet DOI-Bestätigungs-Mail 
# Kunde bestätigt Anmeldung per Link 
# Anmeldung erscheint im System zur Bearbeitung 


Wichtig:
* Die Anmeldung wird erst '''nach manueller Bearbeitung''' aktiv 
* Erst danach wirkt sie sich auf Kundendaten und Newsletterversand aus :contentReference[oaicite:3]{index=3} 


Um zusätzlich dafür zu sorgen, dass das Formular in einer bestimmten Größe angezeigt wird, müssen die width und height Attribute des Iframes festgelegt werden. Dies kann zum Beispiel so aussehen:
Die Verwaltung erfolgt unter:
* Post → E-Mail-Einstellungen → DoubleOptIn 


<iframe src="###Link zum Formular###" style="width:100%; height:400px"></iframe>
Damit behältst Du jederzeit Kontrolle über:
* neue Anmeldungen 
* Freigaben 
* Datenübernahme 


=== Follow-Up E-Mail senden ===
(Geplantes Feature in Kürze)
Unter System / Einstellungen / DOI kannst Du eine E-Mail Vorlage auswählen, die direkt nach der Bestätigung der Anmeldung durch den Kunden gesendet wird: zB. für einen Gutscheincode o.ä.


== Einbau in die Webseite (Technische Anleitung) ==
Nach Einrichtung erhältst Du einen persönlichen Link zum Formular.


Die neueren Formulare sind etwas sinnvoller gestaltet und sind in der lage die eigene Höhe zu übermitteln, bzw. es ist möglich Iframe nach der Höhe zu fragen.
Die Integration erfolgt typischerweise über einen IFrame:


Ein Formular hört auf postMessage mit action="getHeight", zum Beispiel so:
<pre>
<pre>
  var messageGet = {
<iframe src="###Link zum Formular###"></iframe>
  action: 'getHeight'
};
     
      let iframe = newsletterModalElement.querySelector("iframe");
      iframe.contentWindow.postMessage(messageGet, '*' );
</pre>
</pre>
Darauf antwortet der Formular mit dieser Funktion:
 
 
Optional mit Größe:
<pre>
<pre>
  function sendHeight(){
<iframe src="###Link zum Formular###" style="width:100%; height:400px"></iframe>
</pre>
 
Eigenschaften:
* responsive Darstellung 
* einfache Integration ohne Programmierung 
* Einbau durch Webmaster möglich 


Das Formular wird von Winestro bereitgestellt und an Deine Webseite angepasst. :contentReference[oaicite:4]{index=4} 


var message = {
---
  action: 'setHeight',
data: {
    height: document.querySelector('.maindiv').clientHeight
  }
};
window.parent.postMessage(message, '*');
    }
</pre>
Mit einem message event listener kann man auf der zielseite die Höhe anpassen:
<pre> 
window.addEventListener('message', function(event) {
let newsletterModal = document.getElementById("newsletterModal");
             
      let iframe = newsletterModal.querySelector("iframe");
if (event.source !== iframe.contentWindow) {
    return;
  }
  var message = event.data;
// console.log(message);
  if (message.action === 'setHeight') {
            let height = message.data.height;
          iframe.style.height=height+"px"; 
  }
});


== Weiterführende Informationen ==
Für weitergehende Themen siehe:


</pre>
=== Wiki ===
Der Ablauf wäre also:
* [[Newsletter]]
# Die Homepage wird geladen
* [[Newsletter-Designer]]
# Sobald geladen fragt sie das Iframe element mit postMessage was ist die Höhe
* [[Newsletter Schritt fuer Schritt]]
# Iframe schickt die Höhe
* [[E-Mail]]
# Mit js kann man die Höhe von Iframe festlegen
* [[Developer-Center]]
# Idealerweise würde man das ganze nicht in onload machen sondern über ein Button "Newsletter" o.Ä. damit es keine Verschiebungen (layout shift) im HTML gibt, Google mag keine layout shifts -> nachteilig für SEO. 
* [[WBO-API]]


Die Formulare sind responsive und passen sich automatisch an die zur Verfügung stehende Breite des Iframes an.
=== Blog ===
Ein Beispiel für die Integration findest Du unter anderem hier: https://bibo-runge-wein.de/kontakt/
* https://www.winestro.cloud/weinbau-blog.php?id_blog_post=139 
* https://www.winestro.cloud/weinbau-blog.php?id_blog_post=325 


Sollte Dein_e Webmaster_in noch weitere Fragen haben, bieten wir gerne zusätzliche Unterstützung an.
---


Der Formular ist nichts anderes als eine Webseite auf unserem Server die mit deinem Account kommunizieren kann. Weil es eine Webseite ist kannst du die URL (den Link) dazu auch als QR Code darstellen. Ein Link als QR Code darstellen kostet nichts, es ist einfach eine andere Darstellung - eine Grafik anstatt Text. Ähnlich wie die Darstellung bei EAN - hier ist es einfach eine Nummer grafisch dargestellt. <br>
== Hinweise ==
Kosten bei QR Codes würden dann entstehen wenn man jeden Scanvorgang verfolgen möchte - das ist was immer im Internet angeboten wird.
* Die Einrichtung der Schnittstelle ist kostenpflichtig (siehe Preisliste) [[https://www.winestro.cloud/preise.php]]
* Das DOI-Verfahren ist rechtlich verpflichtend für Newsletter-Anmeldungen 
* Änderungen an Kundendaten erfolgen erst nach Freigabe im System

Aktuelle Version vom 20. April 2026, 15:52 Uhr

Siehe auch:

Newsletter Anmeldung, Newsletter Formular, E-Mail Anmeldung, Einwilligung E-Mail, DSGVO Newsletter, Opt-In Verfahren, DOI Bestätigung, Bestätigungs-Mail, Anmeldeprozess Newsletter, Kundenregistrierung E-Mail, Mailingliste, Verteilerliste, Newsletter Empfänger, E-Mail Opt-In, Zustimmungserklärung, Consent Management, Einwilligungsnachweis, DOI Workflow, Newsletter Integration Webseite, Formular Einbindung, IFrame Formular, Lead-Erfassung, Kontaktformular Newsletter, Interessentenliste, Marketing Opt-In, E-Mail Marketing Anmeldung, Winestro Newsletter, Winestro E-Mail System, Winestro DOI, Winestro Formular, Winestro Schnittstelle, WBO Newsletter, WBO DOI, Privatshop Newsletter Anmeldung, Kundendaten Import Newsletter, Newsletter Sync, API Newsletter Anmeldung, Webhook Anmeldung, Formular Endpoint, POST Formular Newsletter, E-Mail Verifikation, Double Opt-In Prozess, Opt-In Logging, Audit Trail E-Mail Zustimmung


Allgemein: Was ist DOI?

Der Begriff Double-Opt-In (DOI) beschreibt ein zweistufiges Verfahren zur Anmeldung für Newsletter oder E-Mail-Verteiler.

1. Eine Person trägt ihre E-Mail-Adresse in ein Formular ein 2. Anschließend erhält sie eine Bestätigungs-E-Mail mit einem Link 3. Erst durch Klick auf diesen Link wird die Anmeldung rechtsgültig abgeschlossen

Dieses Verfahren ist aus rechtlichen Gründen (DSGVO / Wettbewerbsrecht) notwendig, da nur so sichergestellt wird, dass die Anmeldung tatsächlich durch die betreffende Person erfolgt ist.

In Winestro.Cloud ist das DOI-Verfahren vollständig integriert und Bestandteil der Newsletter-Schnittstelle. Beim Absenden eines Formulars wird automatisch eine Bestätigungs-Mail ohne Werbung versendet. Erst nach Bestätigung wird die Anmeldung aktiv.

Weitere Grundlagen zum Newsletter-System findest Du hier:

Zusätzliche Hintergründe und Best Practices im Blog:

Möglichkeiten in Winestro (Beauftragung & Umsetzung)

Die Newsletter-Schnittstelle ermöglicht es, Anmeldungen automatisiert über Deine Webseite oder E-Mails zu erfassen.

Beauftragung

Die Einrichtung erfolgt zentral über:

  • System → Einstellungen → E-Mail
  • Bereich: DoubleOptIn (DOI)

Dort kannst Du:

  • das Winestro-/Weinbau-online-Team mit der Erstellung des Formulars beauftragen
  • eine E-Mail-Vorlage für die DOI-Bestätigung festlegen

Die Beauftragung erfolgt über die Freigabe an das Team. :contentReference[oaicite:1]{index=1}

Funktionsumfang

Nach Einrichtung erhältst Du:

  • ein individuell angepasstes Anmeldeformular (Design passend zur Webseite)
  • automatisierte DOI-E-Mails
  • direkte Integration in Deine Kundendaten

Die Schnittstelle ist Bestandteil des Newsletter-Systems von Winestro.Cloud, mit dem Du:

  • E-Mail-Adressen DSGVO-konform sammeln kannst
  • Newsletter direkt aus dem System versendest
  • Kampagnen auswerten kannst :contentReference[oaicite:2]{index=2}

Weitere technische und erweiterte Funktionen:

---

Verarbeitung eingehender Anmeldungen

Der Ablauf eingehender Anmeldungen ist klar strukturiert:

  1. Kunde füllt Formular aus
  2. System versendet DOI-Bestätigungs-Mail
  3. Kunde bestätigt Anmeldung per Link
  4. Anmeldung erscheint im System zur Bearbeitung

Wichtig:

  • Die Anmeldung wird erst nach manueller Bearbeitung aktiv
  • Erst danach wirkt sie sich auf Kundendaten und Newsletterversand aus :contentReference[oaicite:3]{index=3}

Die Verwaltung erfolgt unter:

  • Post → E-Mail-Einstellungen → DoubleOptIn

Damit behältst Du jederzeit Kontrolle über:

  • neue Anmeldungen
  • Freigaben
  • Datenübernahme

Follow-Up E-Mail senden

(Geplantes Feature in Kürze) Unter System / Einstellungen / DOI kannst Du eine E-Mail Vorlage auswählen, die direkt nach der Bestätigung der Anmeldung durch den Kunden gesendet wird: zB. für einen Gutscheincode o.ä.

Einbau in die Webseite (Technische Anleitung)

Nach Einrichtung erhältst Du einen persönlichen Link zum Formular.

Die Integration erfolgt typischerweise über einen IFrame:

<iframe src="###Link zum Formular###"></iframe>

Optional mit Größe:

<iframe src="###Link zum Formular###" style="width:100%; height:400px"></iframe>

Eigenschaften:

  • responsive Darstellung
  • einfache Integration ohne Programmierung
  • Einbau durch Webmaster möglich

Das Formular wird von Winestro bereitgestellt und an Deine Webseite angepasst. :contentReference[oaicite:4]{index=4}

---

Weiterführende Informationen

Für weitergehende Themen siehe:

Wiki

Blog

---

Hinweise

  • Die Einrichtung der Schnittstelle ist kostenpflichtig (siehe Preisliste) [[1]]
  • Das DOI-Verfahren ist rechtlich verpflichtend für Newsletter-Anmeldungen
  • Änderungen an Kundendaten erfolgen erst nach Freigabe im System