<html lang="de-de" dir="ltr"><head></head><body>### [WPForms Code Snippets verwenden](https://wpforms.com/docs/using-wpforms-code-snippets/)

**Veröffentlicht:** 7. November 2023
**Autor:** Umair Majeed

**Auszug:** Erfahren Sie, wie Sie WPForms mit WPCode-Code-Snippets erweitern können.

**Inhalt:**

Wünschen Sie sich eine einfache Ein-Klick-Lösung, um benutzerdefinierte Code-Snippets zu Ihren Formularen hinzuzufügen? Mit WPForms und dem WPCode-Plugin können Sie Code-Snippets für Ihre Formulare einfach verwenden, ohne die `function.php`-Datei Ihres Themes bearbeiten zu müssen.

In dieser Anleitung zeigen wir Ihnen, wie Sie das WPCode-Plugin mit nur wenigen Klicks installieren und verwenden, um Ihre WPForms mühelos um zusätzliche Funktionalitäten zu erweitern.

---

### Erste Schritte mit WPCode

Um zu beginnen, gehen Sie zu **WPForms » Tools**. Dort wählen Sie den Tab **Code Snippets** aus.

![Code Snippets Tab in WPForms](https://wpforms.com/wp-content/uploads/2023/10/code-snippets-tab.png)

Wenn Sie zum Tab „Code Snippets“ navigieren, sehen Sie eine Aufforderung zur Installation und Aktivierung des WPCode-Plugins.

Klicken Sie einfach auf die Schaltfläche **WPCode installieren + aktivieren**, um über das WPCode-Plugin auf alle WPForms-Code-Snippets zuzugreifen.

![Schaltfläche Installieren + Aktivieren für WPCode](https://wpforms.com/wp-content/uploads/2023/10/install-activate-WPCode.png)

### WPForms Code Snippets hinzufügen

Sobald WPCode installiert ist, sehen Sie alle verfügbaren WPForms-Code-Snippets. Die Installation aktiviert deren Funktionalität für alle Ihre Formulare.

![Liste der Snippets im Tab Code Snippets](https://wpforms.com/wp-content/uploads/2023/11/available-code-snippets.png)

Alle Code-Snippets werden mit einem Titel und einer kurzen Beschreibung angezeigt, die ihre Funktionalität oder die Änderungen, die sie an den Formularen vornehmen, umreißen.

Um eine gewünschte Funktion zu implementieren, überprüfen Sie einfach deren Details und klicken Sie auf die Schaltfläche **Snippet installieren**, die diesem Snippet entspricht.

![Schaltfläche Snippet installieren](https://wpforms.com/wp-content/uploads/2023/11/install-snippet.png)

Nachdem Sie auf „Snippet installieren“ geklickt haben, werden Sie zur WPCode-Seite weitergeleitet, auf der die Snippet-Details angezeigt werden.

![Detaillierte Ansicht eines Snippets](https://wpforms.com/wp-content/uploads/2023/11/code-snippet-preview.png)

Hier können Sie die Code-Vorschau anzeigen, Einfügungseinstellungen anpassen und den Gerätetyp angeben, auf dem das Snippet ausgeführt werden soll. Darüber hinaus können Sie die intelligente bedingte Logik nutzen, um bestimmte Seiten für die automatische Einfügung festzulegen.

 **Hinweis:** Für ein tieferes Verständnis der verfügbaren Einstellungen und detaillierten Funktionalitäten verweisen wir auf [die offizielle Dokumentation von WPCode](https://wpcode.com/docs/).

Zu Ihrer Bequemlichkeit wurden die besten Einstellungen für Ihre Website standardmäßig angewendet. Obwohl keine Änderungen erforderlich sind, haben Sie die Flexibilität, die Einstellungen nach Belieben anzupassen.

Nachdem Sie Änderungen vorgenommen haben, stellen Sie sicher, dass die Option **Aktiv** aktiviert ist.

![Snippet aktivieren, um es aktiv zu schalten](https://wpforms.com/wp-content/uploads/2023/11/activate-snippet.png)

Klicken Sie dann einfach auf die Schaltfläche **Aktualisieren**, um das Snippet auf Ihrer Website zu aktivieren und die angegebenen Änderungen an Ihren Formularen anzuwenden.

![Klicken Sie auf die Schaltfläche Aktualisieren, um das Code-Snippet zu aktivieren](https://wpforms.com/wp-content/uploads/2023/11/update-snippet.png)

### Ein Code-Snippet bearbeiten oder löschen

Mit WPForms haben Sie einen optimierten Zugriff auf die Snippets von WPCode. Die Verwaltung dieser Snippets ist mühelos, und Sie können sie nach Bedarf einfach bearbeiten oder löschen.

#### Ein Code-Snippet bearbeiten

Um ein installiertes Code-Snippet zu bearbeiten, gehen Sie zum Tab **Code Snippets** und klicken Sie auf die Schaltfläche **Snippet bearbeiten**, die dem anzupassenden Snippet entspricht.

![Schaltfläche Snippet bearbeiten](https://wpforms.com/wp-content/uploads/2023/11/edit-snippet.png)

Dies führt Sie zur Detailseite, auf der Sie bei Bedarf Änderungen am Snippet vornehmen können.

#### Ein Code-Snippet löschen

Um ein Code-Snippet zu löschen, klicken Sie im WordPress-Seitenmenü auf **Code Snippets** **»** **Code Snippets**. Dies zeigt eine Liste aller installierten Snippets an und gibt an, welche aktiv sind.

![Liste der installierten Code-Snippets in WPCode](https://wpforms.com/wp-content/uploads/2023/11/all-code-snippets-wpcode-1.png)

Um ein Snippet zu entfernen, fahren Sie mit der Maus darüber und klicken Sie auf **Papierkorb**. Dadurch wird das Snippet zusammen mit seiner Funktionalität von Ihrer Website entfernt.

![Klicken Sie auf Papierkorb, um ein Code-Snippet zu löschen](https://wpforms.com/wp-content/uploads/2023/11/trash-snippet.png)

Das ist alles! Jetzt wissen Sie, wie WPForms die Verwendung des WPCode-Plugins und die Anwendung von Code-Snippets für bessere Formularfunktionen vereinfacht.

Möchten Sie als Nächstes noch mehr Anpassungsoptionen? Schauen Sie sich unbedingt unser Tutorial zum [Anpassen des Senden-Buttons](https://wpforms.com/docs/how-to-customize-the-submit-button/ "Anpassen des Senden-Buttons") an.

**Kategorien:** Funktionalität, Funktionalität erweitern

---</body></html>