So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

So erstellen Sie ein intuitives WordPress-Formular (der einfachste Weg)

Möchten Sie ein benutzerdefiniertes Insightly WordPress-Formular erstellen? Wenn Sie Ihr eigenes Formular erstellen, können Sie Kontaktdaten auf Ihrer Website sammeln und diese automatisch an Ihr Insightly CRM senden.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach ein benutzerdefiniertes Insightly WordPress-Formular erstellen.

Was ist Insightly?

Insightly ist ein cloudbasiertes Customer-Relationship-Management-Tool (CRM). Kombinieren Sie Marketingautomatisierungs- und Vertriebsverfolgungstools auf einer Plattform.

Mit Insightly können Sie Formulare erstellen und anpassen, um Daten zu speichern.

Warum also nicht diese grundlegenden Insightly WordPress-Formulare in Ihre Website einbetten?

Nun, das können Sie, aber sie sind nicht sehr einfach zu bedienen.

Bei den Basisformularen von Insightly müssen Sie den gesamten Formularcode kopieren und in den WordPress-Code-Editor einfügen. Jedes Mal, wenn Sie Ihr Formular ändern, müssen Sie zurückgehen und den gesamten Vorgang wiederholen.

Aus diesem Grund verwenden wir für dieses Tutorial WPForms. Mit WPForms können Sie ganz einfach jede Art von Formular erstellen und Ihre Formulare auch schnell und einfach ändern.

Mit WPForms können Sie Insightly-Formularen außerdem weitere Funktionen hinzufügen. Du kannst:

Nachdem wir nun etwas mehr über Insightly WordPress-Formulare wissen, können wir mit der Erstellung eines benutzerdefinierten Formulars fortfahren.

So erstellen Sie ein intuitives WordPress-Formular

Wenn Sie bereits wissen, wie man Zoho CRM-Formulare in WordPress erstellt, werden Sie es leicht nachvollziehen können. Dieses Inhaltsverzeichnis führt Sie durch das Tutorial:

  1. Installieren Sie das WPForms-Plugin
  2. Gestalten Sie Ihr WordPress-Formular intuitiv
  3. Fügen Sie Ihr Insightly-Formular zu WordPress hinzu
  4. Verbinden Sie WPForms mit Zapier
  5. Verbinden Sie Insightly mit Zapier
  6. Testen Sie Ihre WordPress Insightly-Integration

Bereit? Beginnen wir mit der Installation von WPForms.

Schritt 1: Installieren Sie das WPForms-Plugin

Installieren Sie zunächst das WPForms-Plugin auf Ihrer WordPress-Website.

Wenn Sie Hilfe bei der Installation von WPForms benötigen, lesen Sie diesen Artikel zur Installation eines Plugins in WordPress.

Vergessen Sie nicht, das Plugin zu aktivieren, bevor Sie fortfahren.

Exzellent! Schritt 1 ist abgeschlossen. Lassen Sie uns nun das Formular erstellen.

Schritt 2: Erstellen Sie Ihr intuitives WordPress-Formular

WPForms bietet unzählige WordPress-Formularvorlagen, die Sie verwenden können.

Wir beginnen mit der Vorlage für ein einfaches Kontaktformular.

Klicken Sie einfach auf die Vorlage, um sie zu öffnen.

Erstellen Sie ein Insightly WordPress-Formular

Wir können unserem Insightly-Kontaktdatensatz jetzt zusätzliche Felder hinzufügen.

Klicken Sie dazu einfach auf ein Feld im linken Bereich und ziehen Sie es in den rechten Bereich, um es Ihrem Formular hinzuzufügen.

Erinnern! Insightly verwendet zwei separate Felder für den Kontaktnamen. Sie können dies in WPForms festlegen, indem Sie auf das Namensfeld klicken und das Format in ändern Zuerst zuletztso was:

Passen Sie das Namensfeld für das Insightly WordPress-Formular an

Dies sind die anderen Insightly-Felder, die Zapier verwenden kann:

  • Begrüßung (Präfix)
  • Titel und Organisation der Stelle
  • E-Mail-Adresse (mehrere Typen, Sie können jedoch nur 1 verwenden)
  • Telefonfelder für Arbeit, Mobil, Zuhause und „Sonstiges“
  • Faxnummer
  • Twitter LinkedIn-ID, URL
  • Stichworte
  • Kontextinformationen
  • Postanschrift und „sonstige“ Adresse.

Puh. Es gibt viele Felder.

Sie müssen nicht alle diese Angaben in Ihr Formular aufnehmen. Wenn Sie dies jedoch tun, empfehlen wir Ihnen, Seitenumbrüche zu verwenden, um ein mehrteiliges Formular zu erstellen.

Ziehen Sie einfach den Seitenumbruch an die Stelle im Formular, an der er angezeigt werden soll:

Erstellen Sie ein mehrteiliges WordPress Insightly-Formular

Wie das aussieht, zeigen wir Ihnen in Schritt 3.

Sie können Ihr Formular auch kompakter gestalten, indem Sie kurze Felder reduzieren.

Klicken Sie auf das Feld, scrollen Sie nach unten und stellen Sie die Feldgröße auf ein Klein:

WPForms kleines Formularfeld

Wenn Ihr Formular wie gewünscht eingerichtet ist, vergessen Sie nicht, darauf zu klicken Speichern bevor Sie mit dem nächsten Schritt fortfahren.

Schritt 3: Fügen Sie Ihr Insightly-Formular zu WordPress hinzu

Fügen wir nun das benutzerdefinierte Insightly-Formular zu unserer Website hinzu.

WPForms macht diesen Teil wirklich einfach. Sie können Ihr Formular platzieren:

  • In einer Publikation
  • Auf einer Seite
  • In der Seitenleiste.

Möchten Sie die Conversions verbessern? Sie können das Form Pages-Plugin verwenden, um Ihr Formular auf einer ablenkungsfreien Landingpage zu platzieren.

In diesem Beispiel halten wir es einfach und erstellen eine neue Seite für das Formular in WordPress.

Klicken Sie im WordPress-Dashboard auf SeitenDann Neue hinzufügen.

Geben Sie Ihrer Seite einen Titel und klicken Sie dann auf das Plus-Symbol, um einen neuen Block hinzuzufügen. Suche WPForms und klicken Sie auf das Widget.

Wählen Sie im Blockeditor den WPForms-Block aus

Wählen Sie nun einfach das benötigte Formular aus dem Dropdown-Menü aus.

Wählen Sie im Blockeditor das Insightly WordPress-Formular aus

Das ist alles! Vergiss es nicht Post entweder Aktualisieren deine Seite.

Einbetten und Veröffentlichen des Insightly WordPress-Formulars

So sieht unser veröffentlichtes Formular aus. Ist Ihnen der Fortschrittsbalken oben aufgefallen? Wir haben dies in einer mehrstufigen Form durchgeführt, sodass der Fortschrittsbalken unserem Besucher zeigt, wie viel er bisher abgeschlossen hat.

Intuitives WordPress-Formular mit Fortschrittsbalken

Bevor wir fortfahren, müssen wir über das Formular einen Testeintrag einreichen. Ohne diese kann Zapier im nächsten Schritt keine Verbindung zu WPForms herstellen.

Füllen Sie das Formular aus und senden Sie es dann ab.

Jetzt sind wir bereit, WPForms mit Zapier zu verbinden.

Schritt 4: WPForms mit Zapier verbinden

Zapier verbindet verschiedene Dienste miteinander. In diesem Beispiel löst unser Insightly WordPress-Formular den Zap aus.

Also zuerst klicken mach einen Zap.

Machen Sie einen Zap in Zapier

Suche WPForms und klicken Sie auf das Symbol.

Durchsuchen Sie WPForms auf Zapier

Jetzt benötigen Sie Ihren API-Schlüssel. Kehren Sie zum WordPress-Dashboard zurück und klicken Sie auf WPForms und dann auf Integrationen.

Scrollen Sie nach unten und klicken Sie auf Zapier, um Ihren Schlüssel anzuzeigen.

Holen Sie sich den Zapier-Schlüssel

Fügen Sie den Schlüssel in das Verbindungsfenster in Zapier ein. Dann klick Ja weiter.

Zapier WPForms-Verbindung

Zapier bringt Sie zurück zum Bildschirm „Zap erstellen“.

Klicken Weitermachen wieder.

Fügen Sie WPForms zu Zapier hinzu

Zapier fordert Sie dann auf, das Formular auszuwählen, das Sie für den Auslöser verwenden möchten.

Wählen Sie das Formular aus, das Sie in Schritt 2 erstellt haben.

Wählen Sie Insightly WordPress-Formular

Jetzt ist es an der Zeit, Zapier und Insightly zu verbinden, damit wir die Formulardaten an das CRM senden können.

Schritt 5: Verbinden Sie Insightly mit Zapier

Dieser Schritt ist Schritt 4 sehr ähnlich. Diesmal in Wählen Sie App und Eventsuchen wir nach Insightly und klicken auf das Symbol.

Zapier wird Sie nach Ihrem Insightly-API-Schlüssel fragen.

Um dies zu finden, klicken Sie in Insightly oben rechts auf Ihr Benutzersymbol. Dann klick Benutzereinstellungen.

Scrollen Sie nach unten und kopieren Sie Ihren Insightly-API-Schlüssel:

Insightly API-Schlüssel

Fügen Sie den API-Schlüssel in das Verbindungsfenster in Zapier ein.

Als nächstes müssen wir die Aktion auswählen, die wir auslösen möchten, wenn wir eine neue Formulareingabe erhalten.

Für dieses Formular möchten wir einen neuen Kontakt erstellen, also fahren Sie fort und wählen Sie ihn aus.

Erstellen Sie einen neuen Kontakt im Insightly WordPress-Formular

Jetzt der wichtige Teil. Wir müssen jedes Feld unseres Insightly WordPress-Formulars den Formularfeldern in Insightly zuordnen.

Zapier zeigt Ihnen den von ihm eingereichten Testeintrag, um Sie hierher zu führen.

Erstellen Sie Insightly-Kontakte aus WPForms in Zapier

Sobald alles erledigt ist, können Sie klicken Weitermachen in Zapier, um mit dem letzten Schritt fortzufahren.

Schritt 6: Testen Sie Ihre WordPress Insightly-Integration

Wenn alle Ihre Felder zugeordnet sind, werden Sie von Zapier aufgefordert, Ihre Integration zu testen.

Wenn alles funktioniert hat, wird eine Erfolgsmeldung angezeigt.

Überprüfen Sie, ob Ihr Datensatz in Insightly erstellt wurde. Hier ist unseres:

Intuitiv erstelltes WordPress-Kontaktformular

Das ist alles! Vergessen Sie nicht, Ihren Zap in Zapier einzuschalten, bevor Sie aufhören.

Jetzt müssen Sie nur noch den Traffic auf Ihr Formular lenken. In diesem Artikel erfahren Sie, wie Sie mehr Leads gewinnen, um einige Tipps zu erhalten.

Abschließende Gedanken

Gut gemacht! Jetzt wissen Sie, wie Sie ein benutzerdefiniertes Insightly WordPress-Formular erstellen. Sie können auch alle zusätzlichen Funktionen in WPForms nutzen, um Ihre Leads zu verfolgen.

Wenn Sie Insightly-Formulareinträge auch in WordPress speichern möchten, lesen Sie dieses Tutorial zum Speichern von Formulareinträgen in Ihrer WordPress-Datenbank. Wir haben auch eine Anleitung zum Erstellen einer WordPress Salesforce-Integration mit dem WPForms Salesforce-Plugin.

Sind Sie bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält über 100 kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns weiter Facebook Und Twitter für weitere kostenlose WordPress-Anleitungen und Tutorials.