Wie Sie ein Formular in Joomla 3 einbetten

Joomla ist ein kostenloses und quelloffenes Content-Management-System (CMS) und eine der beliebtesten Softwarelösungen zur Veröffentlichung von Webinhalten. Joomla basiert auf einem Model-View-Controller-Webanwendungs-Framework, das unabhängig vom CMS genutzt werden kann, um leistungsstarke Online-Anwendungen zu erstellen.

Das Einbetten Ihres Jotform-Formulars in Joomla 3 ist mit wenigen Klicks möglich. Lesen Sie weiter, um mehr zu erfahren.

Watch on youtube

How to embed a contact form to Joomla

Installation der Sourcerer-Erweiterung für Joomla

1. Zuerst müssen Sie die Sourcerer-Erweiterung herunterladen. Wählen Sie die kostenlose Option.
2. Melden Sie sich auf der Administratorseite Ihrer Joomla-Installation an.
3. Klicken Sie auf der linken Seite des Kontrollzentrums auf den Link Erweiterungen installieren unter dem Abschnitt Erweiterungen, wie im Bild unten hervorgehoben.

4. Wählen Sie die Option Paketdatei hochladen aus.
5. Ziehen Sie die Sourcerer-Erweiterung per Drag & Drop oder laden Sie sie hoch, indem Sie auf die Schaltfläche Datei durchsuchen klicken.
6. Nach der Installation sollten Sie oben eine Nachricht sehen, die Sie über den Status der Installation informiert.

Abrufen des Einbettungscodes für Joomla 3

1. Gehen Sie im Form Builder oben auf Veröffentlichen.
2. Wählen Sie links Plattformen aus.

3. Suchen und wählen Sie Joomla aus.

4. Kopieren Sie den bereitgestellten Code.

Ihr Formular ist nun bereit zum Einbetten.

Ein Formular in Joomla 3 einfügen

1. Klicken Sie im Joomla-Kontrolzentrum in der Navigationsleiste auf Inhalte.
2. Wählen Sie im Dropdown-Menü die Option Artikel aus.
3. Wählen Sie den Titel des Artikels oder der Seite aus, auf der Sie das Formular anzeigen möchten, und klicken Sie darauf.

4. Klicken Sie im Editor auf das Code-Symbol. Es handelt sich um die Sourcerer-Erweiterung, die Sie zuvor installiert haben.

5. Fügen Sie die Einbettungscodes Ihres Formulars in das Modal ein.
6. Klicken Sie oben auf die Schaltfläche Einfügen.

7. Sie werden sehen, dass der Code hinzugefügt und mit dem {source} {/source}-Tag umschlossen wird.
8. Klicken Sie abschließend im Editor auf die Schaltfläche Speichern, um Ihre Änderungen zu sichern. Überprüfen Sie die Seite, um sicherzustellen, dass das Formular angezeigt wird.