So erstellen Sie ein neues Toggl-Projekt aus einem WordPress-Formular (2021)

Veröffentlicht: 2020-08-21

Möchten Sie ein Toggl-Projektformular in WordPress erstellen? Mit WPForms können Sie auf Ihrer Website ganz einfach ein Formular erstellen, das beim Absenden des Formulars automatisch ein Projekt in Toggl erstellt.

In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie Toggl in WordPress integrieren

Erstellen Sie jetzt Ihr Toggle-Projektformular

Was ist ein Toggl-Projekt?

Ein Toggl-Projekt ist ein Bereich im Toggl-Arbeitsbereich, in dem Sie die Zeit für verschiedene Aufgaben verfolgen können. Sie können jedes Projekt einem anderen Kunden zuweisen, damit alles organisiert ist, und dann einfach auf den Timer klicken, um die Zeiterfassung zu starten.

Ein Webdesigner kann beispielsweise ein Projekt für eine neue Kundenwebsite erstellen. Durch die Aufteilung des Projekts in Aufgaben können sie die Zeit für jeden Schritt genau nachverfolgen.

Die Zeiterfassung in Toggl-Projekten ist nützlich, wenn Sie:

WPForms ist das beste WordPress Form Builder-Plugin. Erhalte es kostenlos!
  • Messen Sie die Projektaktivität in Ihrem Unternehmen oder Team
  • Erstellen Sie Stundenzettel für Ihre Kunden
  • Verfolgen Sie die Zeit, die Sie mit der Arbeit in Tools wie GitHub oder Basecamp verbringen, indem Sie sie in Toggl integrieren.

Jetzt verstehen wir ein wenig mehr, lassen Sie uns ein WordPress-Formular erstellen, um Toggl in unsere Website zu integrieren.

So erstellen Sie ein Toggl-Projekt aus einem WordPress-Formular

In diesem Beispiel verwenden wir, um ein Formular zur Einstellung von Freiwilligen in WordPress zu erstellen. Wenn sich ein Freiwilliger anmeldet, erstellen wir automatisch ein neues Toggl-Projekt, damit wir sein Training organisieren können.

Hier ist ein Inhaltsverzeichnis, das Ihnen beim Nachvollziehen hilft:

  1. Installieren Sie das WPForms-Plugin
  2. Erstellen Sie Ihr WordPress-Formular
  3. Fügen Sie Ihr Toggle-Projektformular zu WordPress hinzu
  4. Verbinden Sie WPForms mit Zapier
  5. Toggl mit Zapier verbinden
  6. Erstellen Sie Ihr Toggle-Projekt

Bevor Sie beginnen, sollten Sie Ihre Organisation und Ihre Kunden in Toggl einrichten. Wenn Sie Kunden keine Projekte zuweisen müssen, verwenden Sie zunächst einfach Ihren eigenen Namen als Kunde.

Schritt 1: Installieren Sie das WPForms-Plugin

Beginnen Sie mit der Installation des WPForms-Plugins.

Wenn Sie Hilfe bei diesem Schritt benötigen, lesen Sie unsere Anleitung zur Installation eines Plugins in WordPress.

Sobald Sie WPForms aktiviert haben, können Sie mit dem nächsten Schritt fortfahren.

Schritt 2: Erstellen Sie Ihr WordPress-Formular

Als nächstes erstellen Sie ein neues Formular in WPForms, indem Sie zu WPForms » Neu hinzufügen gehen. Geben Sie oben einen Namen für Ihr Formular ein.

WordPress-Formular benennen

Lassen Sie uns eine Vorlage verwenden, um dies wirklich einfach zu machen. Durchsuchen Sie die Formularvorlagen für Freiwilligenformular und klicken Sie auf die Vorlage, um sie zu öffnen.

Formularvorlage in WPForms auswählen

Es ist wirklich einfach, das Formular anzupassen. Ziehen Sie einfach Felder aus dem linken Bereich in den rechten Bereich.

Wenn Sie beispielsweise das Alter Ihrer Freiwilligen wissen möchten, können Sie ein Zahlenfeld wie dieses hinzufügen:

Nummernfeld hinzufügen

Und wenn Sie einige der Antwortoptionen ändern müssen, klicken Sie einfach auf das Feld, um sie zu bearbeiten.

Antwortoptionen bearbeiten

Sie können den Formulargenerator auch verwenden, um:

  • Ziehen Sie Felder nach oben und unten, um sie neu anzuordnen
  • Felder als erforderlich markieren
  • Nicht benötigte Felder entfernen
  • Doppelte Felder
  • Fügen Sie Ihrem Formular ein DSGVO-Vereinbarungsfeld hinzu.

Das Formular, das wir in diesem Beispiel erstellt haben, enthält viele Fragen. Wenn Sie lernen möchten, wie Sie lange Formulare in Seiten aufteilen, lesen Sie diese Anleitung zum Erstellen eines mehrstufigen Formulars in WordPress.

Klicken Sie auf Speichern, wenn Ihr Formular vollständig ist.

Jetzt ist es an der Zeit, es zu WordPress hinzuzufügen.

Schritt 3: Fügen Sie Ihr Toggl-Projektformular zu WordPress hinzu

Das Hinzufügen Ihres Formulars zu WordPress ist super einfach. Sie müssen keinen Code kopieren und einfügen.

Sie können jeder Seite oder jedem Beitrag auf Ihrer Website Formulare hinzufügen oder sie in der Seitenleiste platzieren.

In diesem Beispiel erstellen wir eine neue Seite.

Klicken Sie zunächst auf das Plus-Symbol im Blockeditor, um einen neuen Block hinzuzufügen. Suchen Sie im angezeigten Fenster nach WPForms .

Wählen Sie das WPForms-Widget

Klicken Sie nun auf das WPForms-Symbol, um das Widget zu Ihrer Seite hinzuzufügen.

Wählen Sie das WordPress Toggle-Formular

Wählen Sie in der Dropdown-Liste das Toggl-Projektformular aus, das Sie in Schritt 2 erstellt haben.

Wählen Sie Projektformular umschalten

Der letzte Schritt besteht darin, Ihre Seite zu veröffentlichen oder zu aktualisieren, indem Sie oben rechts auf die blaue Schaltfläche klicken.

Toggl-Projektformular veröffentlichen

Jetzt ist Ihr Formular live und bereit, Einträge zu sammeln.

Schließlich müssen wir einen Testeintrag einreichen, damit Zapier diese Daten während des Tests abrufen kann.

Toggl-Formular veröffentlicht

Jetzt ist es an der Zeit, in Zapier etwas zu zaubern.

Schritt 4: Verbinden Sie WPForms mit Zapier

Gehen Sie zu Zapier und klicken Sie auf Make a Zap .

Mache einen Zap in Zapier

Suchen Sie nun nach WPForms und klicken Sie auf das Symbol.

Wählen Sie WPForms in Zapier

Klicken Sie anschließend auf Weiter .

Zapier fordert Sie auf, sich bei Ihrem WPForms-Konto anzumelden. Dazu müssen Sie den WPForms-API-Schlüssel abrufen.

Diese finden Sie unter WPForms » Einstellungen » Integrationen . Klicken Sie auf das Zapier-Symbol, um Ihren Schlüssel anzuzeigen.

WPForms Zapier API-Schlüssel

Fahren Sie fort und kopieren Sie den Schlüssel und fügen Sie ihn dann mit Ihrer Site-URL in das Zapier-Verbindungsfenster ein, wie folgt:

Verbinden Sie sich mit WPForms in Zapier

Wenn Sie verbunden sind, wird das Fenster geschlossen.

Zapier zeigt Ihnen eine Liste aller von Ihnen erstellten Formulare an. Achten Sie darauf, das richtige Formular aus der Dropdown-Liste auszuwählen:

Wählen Sie Toggl-Formular in Zapier

Nun der letzte Schritt. Klicken Sie auf Testtrigger . Zapier stellt eine Verbindung zu WPForms her und ruft den Testeintrag ab, den wir in Schritt 3 erstellt haben.

Toggl-Formulareintrag in Zapier

Wenn Sie hier eine Fehlermeldung erhalten, senden Sie einen weiteren Formulareintrag und testen Sie Ihren Trigger erneut.

Wenn alles funktioniert, klicken Sie auf Weiter .

Im nächsten Schritt wiederholen wir den Vorgang, um Zapier mit unserem Toggl-Projekt zu verbinden.

Schritt 5: Toggl mit Zapier verbinden

Zapier wird Sie fragen, mit welchem ​​Dienst Sie sich verbinden möchten. Suchen Sie nach Toggl und klicken Sie auf das Symbol.

Verbinden Sie WPForms mit Toggl

Jetzt fragt Zapier, was Sie tun möchten, wenn Ihr WordPress-Formular gesendet wird. Es gibt viele tolle Dinge, die Sie tun können. In diesem Beispiel möchten wir auf Projekt erstellen klicken.

Toggl-Projekt erstellen

Als nächstes fordert Zapier Sie auf, sich bei Toggl anzumelden. Sie müssen jetzt Ihren Toggl-API-Schlüssel abrufen.

Klicken Sie in Toggl auf Ihren Namen, um Ihre Profilseite zu öffnen:

Profillink umschalten

Klicken Sie auf Profileinstellungen und scrollen Sie dann ganz nach unten zu API-Token .

API-Schlüssel umschalten

Jetzt können Sie den Schlüssel kopieren und in das Zapier-Verbindungsfenster einfügen.

Alles erledigt? Klicken Sie auf Ja, Fortfahren .

Toggl API-Schlüssel in Zapier

Klicken Sie nun auf Weiter , um mit dem lustigen Teil fortzufahren.

Zapier-Verbindung zum Toggl-Projekt

Es ist an der Zeit, Zapier mitzuteilen, wie Ihr Toggl-Projekt aussehen soll. Verwenden Sie die Dropdown-Listen und Felder, um alles nach Ihren Wünschen zuzuordnen.

Toggle-Projektfelder anpassen

In diesem Beispiel haben wir den Namen des Toggl-Projekts so angepasst, dass er den Namen der Person enthält, die das Formular gesendet hat. So können Sie ganz einfach erkennen, für wen jedes Projekt gedacht ist.

Schritt 6: Erstellen Sie Ihr Toggl-Projekt

Jetzt weisen wir Zapier an, ein Toggl-Projekt aus unseren Testdaten zu erstellen.

Wenn Sie alles wunschgemäß eingerichtet haben, klicken Sie auf Testen und fortfahren .

Toggle-Projektintegration testen

Zapier kopiert alle Daten aus Ihrem WordPress-Formular in ein Toggl-Projekt.

Lassen Sie uns alles überprüfen, um sicherzustellen, dass es funktioniert hat.

Navigieren Sie in Toggl zu Projekte .

Groß! Wir haben ein neues Toggl-Projekt, das alle Informationen enthält, die wir in WordPress eingereicht haben.

Toggle-Projekt von WordPress

Jetzt können wir die Zeit verfolgen, die es braucht, um unseren neuen Freiwilligen an Bord zu nehmen.

Und das ist es! Jetzt wissen Sie, wie Sie ein Toggl-Projekt automatisch aus einem WordPress-Formular erstellen.

Wenn Sie jedem Freiwilligen eine E-Mail-Bestätigung senden möchten, lesen Sie diesen Artikel zum Senden von Bestätigungs-E-Mails an Benutzer. Du könntest ihnen auch eine automatische Slack-Einladung senden, damit sie den Rest deines Teams treffen können.

Erstellen Sie jetzt Ihr Toggle-Projektformular

Abschließende Gedanken

Sie können jede Menge coole Integrationen mit Zapier und WPForms vornehmen, die Ihnen helfen, bei der Verwaltung Ihres Teams Zeit zu sparen.

Wenn Sie nach weiteren Projektmanagement-Tipps suchen, können Sie hier ein Kanban-Board in WordPress hinzufügen.

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

Wenn Ihnen dieser Artikel weitergeholfen hat, folgen Sie uns bitte auf Facebook und Twitter, um weitere kostenlose WordPress-Tutorials und -Anleitungen zu erhalten.