So erstellen Sie ein neues Toggl-Projekt aus einem WordPress-Formular (2021)
Veröffentlicht: 2020-08-21Mö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:
- 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:
- Installieren Sie das WPForms-Plugin
- Erstellen Sie Ihr WordPress-Formular
- Fügen Sie Ihr Toggle-Projektformular zu WordPress hinzu
- Verbinden Sie WPForms mit Zapier
- Toggl mit Zapier verbinden
- 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.
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.
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:
Und wenn Sie einige der Antwortoptionen ändern müssen, klicken Sie einfach auf das Feld, um sie zu 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 .
Klicken Sie nun auf das WPForms-Symbol, um das Widget zu Ihrer Seite hinzuzufügen.
Wählen Sie in der Dropdown-Liste das Toggl-Projektformular aus, das Sie in Schritt 2 erstellt haben.
Der letzte Schritt besteht darin, Ihre Seite zu veröffentlichen oder zu aktualisieren, indem Sie oben rechts auf die blaue Schaltfläche klicken.
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.
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 .
Suchen Sie nun nach WPForms und klicken Sie auf das Symbol.
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.
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:
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:
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.
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.
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.
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:
Klicken Sie auf Profileinstellungen und scrollen Sie dann ganz nach unten zu API-Token .
Jetzt können Sie den Schlüssel kopieren und in das Zapier-Verbindungsfenster einfügen.
Alles erledigt? Klicken Sie auf Ja, Fortfahren .
Klicken Sie nun auf Weiter , um mit dem lustigen Teil fortzufahren.
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.
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 .
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.
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.