Newsletter Element

Über das Newsletter-Element

Beim Surfen im Internet stoßen Sie möglicherweise auf Formulare, die Ihnen im Austausch für Ihre Informationen kostenlose Angebote oder Newsletter anbieten.

Diese Formulare, allgemein als Anmeldeformulare bekannt, spielen eine entscheidende Rolle bei der Expansion von Geschäften, indem sie Daten für zukünftige Marketing- und Vertriebsmaßnahmen sammeln. In GemPages werden diese Formulare als Newsletter-Elemente bezeichnet.

Hinweis: Das Newsletter-Element representiert Anmeldeformular von Shopify, Was sich begrenzte Felder. Wenn Sie ein Formular mit mehr Anpassungsmöglichkeiten wünschen, verwenden Sie bitte die Kontaktformular Element stattdessen.

Greifen Sie auf die E-Mail-Liste Ihrer Kunden zu

Sobald ein Kunde das Formular absendet, wird seine E-Mail-Adresse erfasst und im Kundenbereich Ihres Shopify-Admin-Panels gespeichert.

Gehe zu Shopify-Administrator > Kunden um eine Liste aller über das Anmeldeformular abonnierten E-Mails anzuzeigen.

Wie fügen Sie Ihrer Seite ein Newsletter-Element hinzu?

Um das Newsletter-Element zu Ihrer Seite hinzuzufügen, können Sie die folgenden Schritte ausführen:

Schritt 1: Besuchen Sie das GemPages Dashboard > Seiten, und klicken Sie dann auf Ihre Zielseite, um den Editor zu finden.

Schritt 2: Suchen Sie in der linken Seitenleiste nach dem Newsletter Element und ziehen Sie es per Drag & Drop an die gewünschte Position auf Ihrer Seite.

Schritt 3: Klicken Sie auf das Element, um seine Einstellungen für weitere Anpassungen zu öffnen.

Konfigurieren der Registerkarte „Einstellungen“

Um Ihnen bei der Anpassung der Newsletter Element Für Ihr Design finden Sie hier eine Aufschlüsselung der wichtigsten Einstellungen:

Nachricht

• Erfolg: Passen Sie die Nachricht an, die angezeigt wird, nachdem Ihre Kunden das Formular erfolgreich ausgefüllt haben.

• Fehler: Bearbeiten Sie die Fehlermeldung, wenn Ihre Kunden das Formular nicht ausfüllen können.

Größe

Passen Sie die Breite des Newsletter-Elements an Ihr Seitendesign an.

Hintergrund

Im Hintergrund Im Abschnitt „Hintergrund“ können Sie einen einfarbigen oder abgestuften Hintergrund festlegen, um die Sichtbarkeit dieses Elements zu verbessern. Wählen Sie die gewünschte Farbe mit einer der folgenden Optionen aus:

• Geben Sie den Farbcode ein
• Verwenden Sie die Farbauswahl, um eine beliebige Farbe von Ihrer Seite auszuwählen
• Wählen Sie aus dem Farbmuster
• Ziehen Sie den Farbbalken, um die beste Lösung für Ihr Branding zu finden
• Wählen Sie eine Farbe aus der Aktuelle Farben or Empfohlen für Ihre Listen, um Aufwand zu sparen

Shape

Die Formeinstellungen gelten für den gesamten Abschnitt, der das Newsletter-Element enthält.

• Grenze: Sie können die Rahmenfarbe, -stärke und -kontur ändern.

• CORNER: Die Abschnittsecke kann quadratisch, rund oder pillenförmig sein. Sie können auch einen genauen Radius eingeben, um die Ecke des Elements nach Ihren Wünschen anzupassen.

• Shadow: Sie können dem Abschnitt „Artikelliste“ einen Schatten hinzufügen und die Schattenanzeige anpassen (Größe, Farbe, Unschärfe und Abstand).

Nach dem Absenden

Aktion: Legen Sie fest, ob Sie Benutzer lieber zu einer bestimmten Zielseite weiterleiten oder sie nach Abschluss der Formularübermittlung auf der aktuellen Seite belassen möchten.

Wählen Sie aus der Dropdown-Liste:

Zum BeispielWenn Sie Kunden auf eine andere Seite weiterleiten möchten, wählen Sie „URL öffnen“ aus der Dropdown-Liste und klicken Sie auf die Schaltfläche „Link auswählen“, um das Link-Picker-Bedienfeld zu öffnen.

Dann klick Mehr anzeigen !!! um die vollständigen Einstellungen zu erweitern.

• Neuen Tab öffnen: Stellen Sie es auf Ja wenn Sie die neue Seite lieber in einem neuen Tab öffnen möchten.
• Folgender Link: Stellen Sie es auf Nein um Suchmaschinen nicht zu erlauben, diesem Link zu folgen.

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zur Registerkarte „Erweitert“ und folgen Sie den Anweisungen in Dieser Artikel.

Fehlerbehebung: Newsletter-E-Mails werden in Shopify-Kunden nicht angezeigt

1. Überprüfen Sie die Double-Opt-In-Einstellungen

• Shopify kann von Kunden verlangen, ihr Abonnement per E-Mail zu bestätigen. Solange sie nicht auf den Bestätigungslink klicken, wird ihre E-Mail-Adresse nicht unter „Kunden“ angezeigt.
• Gehe zu Shopify Admin > Einstellungen > Kasse > Kundenkonten um zu prüfen, ob Double-Opt-In aktiviert ist.

2. E-Mail-Adressen überprüfen

Ungültige oder falsch eingegebene E-Mails können abgelehnt werden. Testen Sie das Formular mit einer gültigen E-Mail-Adresse, um eine korrekte Übermittlung sicherzustellen.

3. Überprüfen Sie, ob es App- oder Designkonflikte gibt

Einige Apps oder benutzerdefinierte Skripte können die Übermittlung von Formularen blockieren. Deaktivieren Sie vorübergehend andere Apps oder benutzerdefinierten Code, um zu prüfen, ob das Problem weiterhin besteht.

4. Überprüfen Sie die Einstellungen der Newsletter-Elemente

Stellen Sie sicher, dass das Element richtig konfiguriert ist:

• Nach dem Absenden Aktionen (Auf der Seite bleiben, Seite öffnen, Scrollen zu usw.)
• Erweiterte Einstellungen wie benutzerdefinierte Skripte oder Weiterleitungen.

5. Browser-Cache leeren / im Inkognito-Modus testen

Zwischengespeicherte Seiten oder Browsererweiterungen können die Übermittlung beeinträchtigen.

6. Testen Sie das Formular

Senden Sie nach der Durchführung der Änderungen eine Test-E-Mail und überprüfen Sie Shopify-Admin > Kunden um zu bestätigen, dass die E-Mail aufgezeichnet wurde.

Optional: Automatisches Hinzufügen von Shopify-Tags bei Abonnements

Wenn Sie möchten, dass Shopify Kunden, die das Newsletter-Formular absenden, automatisch markiert, können Sie dies mit einem benutzerdefinierten Code-Element tun, das im Newsletter-Element platziert wird.

Schritt 1: Fügen Sie eine versteckte Eingabe für Tags hinzu

• Ziehen Sie ein benutzerdefiniertes Codeelement in Ihr Newsletter-Formular.

• Fügen Sie auf der Registerkarte HTML den folgenden Code ein:

• Ersetzen “Tag-Wert“ mit dem gewünschten Tag.

Ejemplo:

Wenn sich ein Kunde anmeldet, fügt Shopify seinem Profil automatisch das Tag „VIP“ hinzu.

Schritt 2: Verstecken Sie das Feld auf Ihrer Live-Seite

Da Sie nicht möchten, dass Kunden dieses Eingabefeld sehen, gehen Sie zur CSS-Registerkarte desselben benutzerdefinierten Codeelements und fügen Sie Folgendes hinzu:

.gyC1HhyiC_ {

    Anzeige: keine! wichtig;

}