Binden Sie das E-Mail-Archiv-Widget in Ihre Website ein

Fügen Sie den HTML-Code für das E-Mail-Archiv-Widget in den Quellcode Ihrer Website ein und wählen Sie die Anzahl der E-Mails, die Sie anzeigen möchten

Überprüfen Sie Ihren Plan: Diese Funktion ist nicht in allen Constant Contact-Plänen verfügbar. Wenn Sie keinen vollen Zugriff haben, müssen Sie möglicherweise Ihren Plan aktualisieren.

Im integrierbaren Widget Newsletter-Archiv können Sie bis zu 100 Ihrer zuvor gesendeten E-Mails auf Ihrer Website hosten. Die Besucher Ihrer Website können alle verpassten E-Mails lesen und wenn Sie das Widget in der Nähe Ihres Anmeldeformulars auf Ihrer Website platzieren, erhalten Sie vielleicht sogar ein paar neue Anmeldungen für Ihre E-Mail-Liste.
 

Wichtig: Dieser Artikel erfordert die Verwendung des HTML-Codes. Wenn Sie mit einem Webmaster zusammenarbeiten, kann dieser bei der Installation des Codes in Ihre Website helfen. Wenn Sie einen Website-Builder verwenden, wenden Sie sich bitte an dessen Support, um Hilfe bei der Platzierung des Codes zu erhalten.

Kopieren Sie dazu den HTML-Code für das Widget und fügen Sie den HTML-Code in Ihre Website ein, damit Ihre E-Mails dort zu sehen sind:

• Holen Sie sich den Code für das E-Mail-Archiv-Widget
• Fügen Sie den Code zu Ihrer Website hinzu
• Sehen Sie sich Beispiele für das E-Mail-Archiv-Widget an.

Sie müssen den Code nur einmal zu Ihrer Website hinzufügen und dann können Sie
E-Mails zum Widget im Tab Campaigns (Kampagnen) hinzufügen und entfernen. Die neuesten E-Mails, die archiviert werden sollen, erscheinen ganz oben in der Liste auf Ihrer Website.

Holen Sie sich den Code für das E-Mail-Archiv-Widget

1. Klicken Sie auf Marketing channels (Marketing-Kanäle)> All campaigns (Alle Kampagnen).
2. Klicken Sie auf die SchaltflächenSettings (Einstellungen).
   
    
    
3. Klicken Sie auf die Registerkarte Email Archive (E-Mail-Archiv).
4. Verwenden Sie die Pfeile, um die maximale Anzahl der E-Mails auszuwählen, die Sie auf Ihrer Website anzeigen möchten.
   Hinweis: Wenn Sie mehr als die hier festgelegten E-Mails archivieren, werden nur die neuesten archivierten E-Mails auf Ihrer Website angezeigt.
5. Klicken Sie auf "Copy to Clipboard" (In die Zwischenablage kopieren), um den Code für das Widget zu kopieren.
6. Wenn Sie fertig sind, klicken Sie auf Close (Schließen).
   
   
    

Fügen Sie den Code zu Ihrer Website hinzu

Jetzt müssen Sie den Code in den HTML-Bereich des Quellcodes Ihrer Website einfügen. Der Code kann hinzugefügt werden, so dass er in jedem Bereich Ihrer Website angezeigt und sogar mit CSS angepasst werden kann, um dem Erscheinungsbild Ihrer Website zu entsprechen. Bitte wenden Sie sich an Ihren Webmaster oder an den Support für Ihren Website-Builder, um Hilfe zu erhalten.
 

Tipp: Motivieren Sie Ihre Webbesucher, sich für Ihre E-Mail-Liste anzumelden, indem Sie das Widget neben dem Inline Sign-up Form (integriertem Anmeldeformular) auf Ihrer Website platzieren.

BigCommerce

1. Kopieren Sie den Code für das Widget.
2. Öffnen Sie BigCommerce und klicken Sie auf Storefront Content > Webseiten.
3. Klicken Sie auf der Seite, wo das Widget angezeigt werden soll.
4. Klicken Sie auf die Schaltfläche HTML.
5. Fügen Sie den Code in den Editor ein und klicken Sie auf Aktualisieren.

Für Hilfe beim Hinzufügen des Codes zu Ihrer BigCommerce-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von BigCommerce.

Dreamweaver

1. Kopieren Sie den Code für das Widget.
2. Öffnen Sie Ihre HTML-Datei in Dreamweaver.
3. Bestimmen Sie, wo Ihr Widget angezeigt werden soll, und fügen Sie den Code in Ihren HTML-Quellcode ein.

Für Hilfe beim Hinzufügen des Codes zu Ihrer Dreamweaver-Website wenden Sie sich bitte an Ihren Webmaster lesen Sie den Support von Dreamweaver.

GoDaddy Website-Builder

1. Kopieren Sie den Code für das Widget.
2. Bearbeiten Sie Ihre GoDaddy-Website.
3. Ziehen Sie einen HTML- Block in Ihre Webseite.
4. Fügen Sie den Code in das Fenster ein und klicken Sie auf Speichern.

Für Hilfe beim Hinzufügen des Codes zu Ihrer BigCommerce-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von GoDaddy.

iPage WebsiteBuilder

1. Kopieren Sie den Code für das Widget.
2. Ziehen Sie das Element HTML einbetten in Ihre Website.
3. Klicken Sie auf „Insert HTML“ (HTML einfügen).
4. Fügen Sie den Code in den Abschnitt Text-HTML ein.
5. Klicken Sie aufOK, um den Code zu speichern.

Für Hilfe beim Hinzufügen des Codes zu Ihrer iPage-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von iPage.

Shopify

1. Kopieren Sie den Code für das Widget.
2. In Ihrem Shopify Account klicken Sie auf Online Store und auf die Schaltfläche Anpassen.
3. Klicken Sie auf Thema Aktionen > Code bearbeiten.
4. Klicken Sie auf Abschnitte und klicken Sie auf die Stelle im Inhaltsblock, wo Sie das Widget hinzufügen möchten. Zum Beispiel fügt hero.liquid das Widget nach Ihrem Hauptbild ein und slideshow.liquid fügt das Anmeldeformular nach dem Slideshow-Block ein.
5.  Fügen Sie den Code nach der letzten Zeile des vorhandenen Codes ein und klicken Sie auf Speichern.

Für Hilfe beim Hinzufügen des Codes zu Ihrer Shopify-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von Shopify.

SiteBuilder

1. Kopieren Sie den Code für das Widget.
2. Im Sitebuilder Website-Editor-Dashboard klicken Sie aufElemente.
3. Fügen Sie den Code in den HTML-Block ein.
4. Ziehen Sie den HTML-Block zur gewünschten Seite und Stelle auf Ihrer Website.

Für Hilfe beim Hinzufügen des Codes zu Ihrer SiteBuilder-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von SiteBuilder.

Squarespace

1. Kopieren Sie den Code für das Widget.
2. In Squarespace wählen Sie die gewünschte Seite, auf der Ihr Anmeldeformular angezeigt werden soll und klicken aufBearbeiten.
3. Klicken Sie auf die Schaltfläche Block hinzufügen oben rechts im Inhalt-Editor.
4. Scrollen Sie durch die Optionen und wählen Sie Code.
5. Fügen Sie den Code in den Block ein und klicken Sie aufÜbernehmen.
6. Ziehen Sie den Code-Block zur gewünschten Stelle auf der Seite.
7. Klicken Sie auf Save (Speichern).

Für Hilfe beim Hinzufügen des Codes zu Ihrer Squarespace-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von Squarespace.

Website.com

1. Kopieren Sie den Code für das Widget.
2. Klicken Sie auf die Taste +, um neue Inhalte zu Ihrer Website hinzuzufügen.
3. Wählen Sie „Other“ (Sonstige).
4. Klicken Sie im Abschnitt Benutzerdefiniertes HTML auf HTML.
5. Klicken Sie in den Container Benutzerdefiniertes HTML und auf HTML-CODE BEARBEITEN.
6. Fügen Sie den Code in das HTML-Feld ein.

Für Hilfe beim Hinzufügen des Codes zu Ihrer website.com-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von website.com.

Weebly

1. Kopieren Sie den Code für das Widget.
2. Im Weebly Website-Editor-Dashboard wählen Sie die Option „Embed Code“ (Code einbetten) auf der linken Toolbar.
3. Klicken und ziehen Sie den Block zur gewünschten Seite und Stelle auf Ihrer Webseite.
4. Fügen Sie den Code in den Block ein.
5. Speichern und Veröffentlichen.

Für Hilfe beim Hinzufügen des Codes zu Ihrer Weebly-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von Weebly.

Wix

1. Kopieren Sie den Code für das Widget.
2. Bearbeiten Sie Ihre Webseite in Wix.
3. Klicken Sie auf Hinzufügen > Mehr.
4. Klicken Sie auf HTML-Code.
5. Ziehen Sie den Block zur gewünschten Seite und Stelle auf Ihrer Website.
6. Klicken Sie auf Code eingeben.
7. Fügen Sie Ihren Code ein und klicken Sie auf Update.

Für Hilfe beim Hinzufügen des Codes zu Ihrer Wix-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von Wix.

Wordpress.org

1. Kopieren Sie den Code für das Widget.
2. Im Dashboard auf der linken Seite wählen Sie Seiten > Alle Seiten aus.
3. Klicken Sie auf den Namen der Seite, wo Sie den Code einfügen möchten.
4. Klicken Sie rechts auf den Tab Text.
5. Fügen Sie den Code in den Textblock ein, wo das Formular angezeigt werden soll.
6. Im Abschnitt Veröffentlichen klicken Sie auf Update.

Für Hilfe beim Hinzufügen des Codes zu Ihrer Wordpress.org-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von Wordpress.org.

Wordpress.com

Wordpress.com ist mit Wordpress.org nicht identisch. Wordpress.com unterstützt kein Javascript von Drittanbietern und keinerlei Plugins. Wenn Sie Wordpress.com verwenden, können Sie Ihr eigenes E-Mail-Archiv erstellen, indem Sie die permanenten URLs für Ihre gesendeten E-Mails kopieren und sie zum Erstellen von Textlinks in Ihrer wordpress.com Webseite verwenden.

Für Hilfe beim Hinzufügen von Textlinks zu Ihrer Wordpress.com-Website wenden Sie sich bitte an Ihren Webmaster oder lesen Sie den Support von Wordpress.com.

Sehen Sie sich Beispiele für das E-Mail-Archiv-Widget an.

Durch die Verwendung derselben Schriftarten und Farben, die Sie im Branding Ihrer Website nutzen, wird alles miteinander, wenn Sie sie auch in Ihrem E-Mail-Archiv verwenden. Sie können CSS-Stile zum Code des Widgets anwenden, um das Aussehen der Liste der E-Mails auf Ihrer Website zu ändern.Wenn Besucher Ihrer Website auf eine Ihrer archivierten E-Mails klicken, werden sie zur permanenten URL der E-Mail weitergeleitet.

Das Standard-Widget für das E-Mail-Archiv	Das E-Mail-Archiv-Widget mit auf den Code angewendeten Stilen
Das Standard-E-Mail-Archiv-Widget ist eine einfache Aufzählungsliste. Die Links werden unterstrichen, wenn Sie Ihre Maus darauf platzieren.	In diesem Bild wurde die Schriftart verändert, um der Website zu entsprechen, die Aufzählungszeichen wurden zentriert und die Farbe ist jetzt mit der Farbe des Hintergrunds identisch, um sie verschwinden zu lassen, und es wurde ein Bild mit Rand angewendet.

Alle Links, die wir von Seiten, die nicht zu Constant Contact gehören, bereitstellen oder Informationen über Produkte oder Services, die nicht zu Constant Contact gehören, werden gefälligkeitshalber zur Verfügung gestellt und sollten nicht als Billigung von Constant Contact ausgelegt werden.

Questions?