So fügen Sie mit Mailrelay ein Abonnementformular zu Ihrer Landingpage hinzu

Veröffentlicht: 2019-07-24

Wenn Sie mit Marketing arbeiten, lesen Sie wahrscheinlich Informationen darüber, wie wichtig es ist, eine Zielseite als Teil einer effektiven Verkaufsstrategie zu erstellen. Wenn Sie Abonnenten, Leads oder Kunden erfassen müssen, müssen Sie lernen, wie Sie mit dieser Funktion arbeiten.

Wie viele von Ihnen sicherlich wissen, ist eine Landing Page eine Seite, die darauf ausgerichtet ist, Besucher zu empfangen, die Ihre Website gefunden haben, nachdem sie auf eine Anzeige oder ein Banner geklickt haben (Facebook, Google oder eine andere Plattform). Seine Verwendung wird immer weiter verbreitet und sein Hauptzweck besteht in den meisten Fällen darin, Leads zu erfassen oder Conversions zu generieren.

Eine Landing Page ist eine Seite, die zu einem Zweck erstellt wurde: Conversions generieren. Der Besucher dieser Seite interessiert sich im Allgemeinen für Ihr Angebot. Das Erstellen einer effektiven Zielseite ist eine Kunst, da Sie verschiedene Aspekte wie das Seitendesign und den Inhalt berücksichtigen müssen. Wenn Sie bereits wissen, was eine Zielseite ist, und diese Option in Ihrer Marketingstrategie verwenden möchten; Wir werden erklären, wie Sie einer Landingpage ein Mailrelay-Abonnementformular hinzufügen können, um Leads und Abonnenten zu erfassen.

Wichtige Klarstellung: In diesem Beitrag gehen wir davon aus, dass Sie bereits ein Anmeldeformular auf Mailrelay erstellt und den von Ihnen verwendeten HTML-Code kopiert haben. Daher konzentrieren wir uns darauf, zu erklären, wie dieser Code in eine Zielseite integriert wird. Wenn Sie das Formular nicht erstellt oder den HTML-Code nicht kopiert haben, empfehlen wir Ihnen, diesen anderen Beitrag zu überprüfen: Mailrelay V3-Abonnementformulare.

  • 1 · So fügen Sie Ihrer Zielseite in WordPress ein Abonnementformular hinzu
    • 1.1 Option 1: Verwenden von Elementor
    • 1.2 Option 2: Verwenden von Divi
  • 2 · So fügen Sie Ihrer Zielseite ein Abonnementformular hinzu, ohne WordPress zu verwenden
  • 3 · Fazit
    • 3.1 Verwandte Beiträge:

Envia hasta 75.000 emails gratis!

· So fügen Sie Ihrer Zielseite in WordPress ein Abonnementformular hinzu

Option 1: Verwenden von Elementor

Wir haben bereits in anderen Artikeln über Elementor gesprochen. Es ist ein leistungsstarkes Plugin, das in WordPress mit kostenlosen und kostenpflichtigen Versionen verfügbar ist. Es ist eine ideale Option, um Landing Pages schnell und einfach zu erstellen und zu bearbeiten.

Wenn Ihre Website mit WordPress erstellt wurde, wird dringend empfohlen, dieses Plugin zum Einrichten Ihrer Zielseite zu verwenden, da der Vorgang einfach und unkompliziert ist. Wenn Sie das Plugin noch nicht installiert haben, können Sie es kostenlos aus dem WordPress-Repository herunterladen und zum Erstellen Ihrer Landingpage verwenden. Lasst uns beginnen?

Sobald Sie sich im WP-Admin-Panel befinden, sollten Sie auf „Seiten“ klicken und eine neue hinzufügen.

Sie müssen diese neue Seite verwenden, um den Inhalt einzufügen, der Ihren Besuchern angezeigt wird. In diesem Fall ist es ratsam, vor der Bearbeitung des Layouts einige vorherige Anpassungen vorzunehmen. Sie sollten beispielsweise den Abschnitt benennen, die Vorlage auswählen usw.

Wir sehen oft Zielseiten, die kein Top-Bar-Menü haben. Dies wird oft verwendet, wenn wir möchten, dass sich der Besucher nur auf den Inhalt konzentriert und nicht „entkommt “, indem er auf einen anderen Link klickt. Dies kann besonders auf Landingpages nützlich sein, die für Online-Kampagnen erstellt wurden.

Wenn Sie diese Maßnahme umsetzen und das Navigationsmenü auf Ihrer Landingpage entfernen möchten, sollten Sie nach den Attributen in der rechten Spalte suchen. Sobald Sie diese Option gefunden haben, wählen Sie im Vorlagenbereich „Elementor Canva“ und speichern Sie Ihre Arbeit.

Elementor canvas

Öffnen Sie danach den Elementor-Builder, klicken Sie auf „ Mit Elementor bearbeiten“ und beginnen Sie mit der Erstellung Ihrer Landingpage gemäß der Struktur, die Sie verwenden möchten.

Nachdem Sie die Seite erstellt haben, müssen Sie das Anmeldeformular implementieren. In diesem Fall können Sie den HTML-Code abrufen und in die Seite einfügen.

Suchen Sie dazu nach dem Modul „Code“ und fügen Sie es in die gewünschte Spalte oder den gewünschten Abschnitt ein. Nach dem Platzieren müssen Sie den kopierten Code einfügen, bevor Sie mit dem Lesen dieses Artikels beginnen. In diesem Fall müssen Sie den von Mailrelay generierten Code einfügen, um ihn in Ihre Zielseite einzubetten.

formulario de suscripcion a una landing page de WordPress

Nach dem Hinzufügen des Formulars würde das Ergebnis ungefähr so ​​​​aussehen. Es ist wichtig zu bedenken, dass die Struktur und das Design je nach den installierten Modulen und Elementen variieren.

 Usando Elementor

An dieser Stelle möchte ich darauf hinweisen, dass das Formular mit dem in Ihrem Template oder Theme markierten Look und Style angezeigt wird. Um Stiländerungen oder Modifikationen vorzunehmen, müssen Sie den HTML-Code bearbeiten oder bestimmte Plugins verwenden, um Ihr Opt-in-Formular anzupassen.

Opcion 2: Usando Divi

Option 2: Verwenden von Divi

Divi ist eine der am häufigsten verwendeten Vorlagen zum Erstellen von Websites in WordPress. Diese Vorlage ist so beliebt, weil sie einen leistungsstarken visuellen Builder bietet, mit dem Sie mit wenigen Klicks attraktive und farbenfrohe Seiten erstellen können.

Divi ist derzeit ein Premium (kostenpflichtiges) Tool und steht als Vorlage und als Visual Builder für WordPress zur Verfügung. Wenn Ihre Site mit dieser Vorlage erstellt wurde oder Sie das Divi Builder-Plugin installiert haben, lesen Sie weiter, da wir Ihnen Schritt für Schritt zeigen, wie Sie mit Divi ein Abonnementformular auf einer Landingpage hinzufügen. Lasst uns beginnen?

Die Schritte sind denen, die wir in der vorherigen Anleitung gesehen haben, sehr ähnlich, daher wird der Prozess, den wir befolgen werden, dem, den wir bei Elementor gesehen haben, sehr ähnlich sein.

Gehen wir zunächst zum Abschnitt Seiten und klicken Sie auf "Neu hinzufügen".

Nach dem Aufrufen der neuen Seite beginnen wir mit der Bearbeitung der Haupteinstellungen. Wenn Sie wie im vorherigen Fall die obere Leiste Ihrer Landingpage löschen möchten, sollten Sie in der rechten Spalte nach der Option „Vorlage“ suchen und auf „leere Seite“ klicken.

Damit teilen wir WordPress mit, dass wir in diesem speziellen Bereich der Website keine Top-Leisten anzeigen möchten. Interessant, oder?

Opcion 2: Usando Divi

Nachdem Sie die Seite benannt und die Vorlageneinstellungen ausgewählt haben, vergessen Sie nicht, Ihre Änderungen zu speichern.

Als Nächstes beginnen wir mit der Erstellung unserer Landing Page mit Divi. Klicken Sie dazu auf „Divi Builder“ und das Plugin zeigt den Bildschirm mit dem Landing Page Builder an. Divi bietet uns standardmäßig mehrere Optionen zur Auswahl: Wir können eine Standardvorlage verwenden und diese anpassen oder von Grund auf neu erstellen. Sie können eine der beiden Optionen wählen.

Sobald Sie Ihre Zielseite eingerichtet haben, ist es an der Zeit, Ihr Mailrelay-Abonnementformular einzufügen. In diesem Fall müssen wir in der rechten Leiste von Divi nach dem Modul „Code“ suchen und es in die gewünschte Spalte oder den gewünschten Abschnitt einfügen. Danach öffnet das Plugin ein Fenster mit einem Feld, in das wir den von Mailrelay generierten HTML-Code einbetten können. Falls Sie noch kein HTML-Formular erstellt haben, generieren Sie es bitte jetzt.

construir nuestra landing page

Nachdem Sie den Code hinzugefügt haben, können Sie sehen, wie er auf Ihrer Zielseite aussehen wird.

Wie im vorherigen Fall wird das Formular mit den in Ihrer Vorlage oder Design definierten Stilen angezeigt. Um Änderungen vorzunehmen, müssen Sie den HTML-Code manuell bearbeiten oder ein externes Plugin verwenden.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

· So fügen Sie Ihrer Zielseite ein Abonnementformular hinzu, ohne WordPress zu verwenden

Obwohl WordPress eines der am häufigsten verwendeten CMS zum Erstellen von Websites ist, möchten Sie möglicherweise Ihre Zielseite erstellen, ohne diese Plattform zu verwenden. Wenn Sie jedoch nicht mit WP arbeiten, empfehlen wir Ihnen einige Tools, mit denen Sie schnell Ihre eigene Landingpage erstellen können.

An dieser Stelle ist es wichtig zu beachten, dass die meisten dieser Tools nicht kostenlos sind, aber normalerweise zwei Wochen oder länger zum Testen anbieten, damit Sie den Dienst nutzen können, um zu sehen, ob dies das ist, wonach Sie gesucht haben. Nachdem Sie das Tool getestet haben, können Sie entscheiden, ob Sie dafür bezahlen möchten oder nicht.

In diesem Artikel konzentrieren wir uns darauf, zu erklären, wie Sie Instapress zum Erstellen von Landingpages verwenden. Dieses Tool wurde für Benutzer erstellt, die eine Seite nicht manuell gestalten möchten, damit Sie die verfügbaren Vorlagen bearbeiten oder Ihr eigenes Layout erstellen können.

Als erstes müssen Sie sich auf der Plattform registrieren, um die kostenlose Demo nutzen zu können. Gehen Sie dazu auf die Instapage-Seite und erstellen Sie ein Konto.

Klicken Sie nach dem Zugriff auf die Plattform im Desktop-Bereich auf „Neue Seite erstellen“, um mit der Erstellung Ihrer Zielseite zu beginnen.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Hier haben Sie mehrere Möglichkeiten. Für dieses Tutorial wählen wir die erste aus: „Standardseite“.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Nachdem Sie diese Option ausgewählt haben, gelangen Sie zu einem anderen Bildschirm, auf dem Sie aus mehreren Vorlagen auswählen können. Wenn Sie Ihre Seite von Grund auf neu erstellen möchten, können Sie die Option „leere Seite“ auswählen oder eine der vordefinierten Vorlagen auswählen.

In diesem Fall ist es wichtig zu verdeutlichen, dass die in den Vorlagen verfügbaren Abonnementboxen nicht verwendet werden können, da wir mit dem von Mailrelay generierten HTML-Code arbeiten müssen.

Nachdem Sie die Option ausgewählt haben, die Sie verwenden möchten, fügen Sie der Seite einen Namen hinzu und beginnen Sie mit der Bearbeitung der Zielseite, wobei Sie Platz für das Anmeldeformular lassen.

Nachdem Sie das Layout bearbeitet haben, müssen Sie das Formular einfügen. Wenn Sie oben ein Häkchen setzen, sehen Sie mehrere Optionen. Um das Formular hinzuzufügen, klicken Sie auf „HTML“.

deberemos escoger el bloque que dice “HTML”.

Das Plugin zeigt eine Box an, die Sie an beliebiger Stelle positionieren können. Beachten Sie, dass dieses Feld dem Formular entspricht, also sollten Sie es dort platzieren, wo Sie das Formular anzeigen möchten. Um den HTML-Code einzugeben, klicken Sie auf das Kästchen und wählen Sie die Schaltfläche „Bearbeiten“ .

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Das Feld bleibt leer und Sie können den Code eingeben. Fügen Sie das Mailrelay-HTML-Formular ein und klicken Sie auf „Fertig“. Wenn Sie alle Schritte richtig befolgt haben, sehen Sie, wie Ihr Formular angezeigt wird.

Pegaremos el HTML de Mailrelay y haremos clic sobre el boton “done”

Wie in den vorherigen Fällen ist es wichtig zu beachten, dass das Formular keine in den HTML-Code eingebetteten Stile enthält. Wenn Sie es also anpassen möchten, müssen Sie den Code manuell bearbeiten. Wenn Sie mit HTML nicht vertraut sind, empfehlen wir Ihnen, das von Mailrelay generierte Standardformular zu verwenden.

Zuletzt müssen Sie auf die Schaltfläche "Speichern" in der oberen rechten Ecke des Bildschirms klicken.

Nach dem Speichern der Änderungen müssen Sie die Seite veröffentlichen. Klicken Sie dazu auf die Seite, die Sie veröffentlichen möchten und suchen Sie im nächsten Fenster nach der Schaltfläche „Veröffentlichen“ und klicken Sie darauf.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Um die Zielseite dauerhaft zu veröffentlichen, müssen Sie die Seiten-URL festlegen. Daher zeigt das System nach dem Klicken auf Veröffentlichen ein Popup mit Optionen zur Konfiguration an. Klicken Sie auf die Schaltfläche „URL festlegen“ und wählen Sie unter den verschiedenen verfügbaren Optionen die beste Option für Ihre digitale Marketingstrategie aus.

Para publicar de manera definitiva deberas configurar la URL de tu pagina

Wenn Sie mit WordPress arbeiten, können Sie diese Option auswählen und den Schritten auf dem Bildschirm folgen, um die Seite zu veröffentlichen. Wenn Sie WordPress nicht verwenden, sollten Sie auf die erste Option „Benutzerdefinierte Domain“ klicken und den Anweisungen zum Einrichten Ihrer Domain folgen.

Neben jeder Option finden Sie einen Link „Weitere Informationen“. Wenn Sie weitere Informationen zu den Schritten benötigen, die Sie befolgen sollten, klicken Sie auf diesen Link. Sie werden zu einem informativen Abschnitt weitergeleitet, der alles enthält, was Sie wissen müssen, um die erforderlichen Änderungen vorzunehmen und Ihre Seite dauerhaft zu veröffentlichen.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

· Abschluss

Wenn Sie ein Online-Geschäft betreiben, müssen Sie sicherlich Landing Pages als Teil Ihrer Verkaufsstrategie erstellen. Wie wir am Anfang des Beitrags erklärt haben, sind diese Seiten äußerst nützlich, um potenzielle Kunden zu gewinnen.

Tatsächlich ist dies ein weit verbreitetes Tool zum Sammeln von Daten und zum Erstellen von Mailinglisten. Die Strategien, um diese Informationen zu erhalten, können sehr unterschiedlich sein, obwohl die meisten Webmaster es vorziehen, im Austausch für die Daten ein „Geschenk“ oder „Köder“ anzubieten. Welche Art von Geschenk könnte ich anbieten? Sie könnten ein Tutorial, einen Mini-Kurs, einen Leitfaden erstellen. Das hängt von Ihrer Verkaufsstrategie ab.

Um Ihnen bei dieser Aufgabe zu helfen, wollten wir in diesem Artikel verschiedene Optionen zum Erstellen einer Landingpage und die Schritte aufzeigen, die Sie befolgen müssen, um ein Mailrelay-Abonnementformular in die Seite zu integrieren. Bei dieser Gelegenheit haben wir uns auf 3 verschiedene Optionen konzentriert. Sie können eine Zielseite jedoch mit jedem anderen Tool erstellen, das Optionen zum Einbetten von externem HTML bietet.

Haben Sie schon einmal eine Landing Page verwendet, um Kunden zu gewinnen? Findest du es nützlich?

Cristina Aguayo