*
nav-pos
blockHeaderEditIcon
Sie sind hier:  

Formular in Webseite einbinden

(WebConnector - Online-Formulare)
 

Themen der Übersicht:

Online Formulare
Umfragen (EMS erforderlich)
Quick Shop (Factura erforderelich)
Affiliate (Factura erforderlich)
Kundenadministration (EMS erforderlich)
Schnittstellendokumentation (API)
arrow

Verbundene Themen:

Neues Formular erstellen Formular-Editor Formular in Webseite einbinden
arrow

Wir zeigen Ihnen hier, wie Ihre WBS-Formulare in die Webseiten von unterschiedlichen Systemen eingebunden werden können. 

Auf dieser Seite:

Script für den Einbau des Formulars Formular in das Worldsoft-CMS einbinden Formular in Wordpress einbinden

<

arrow

Script für den Einbau des Formulars

Damit Sie das Formular in eine Webseite einbinden können, benötigen Sie das dazu notwendige Script.

a) Wählen Sie den Pfad WebConnector - Formulare.

b) In der geöffneten Formularliste wählen Sie das gewünschte Formular aus und klicken auf dessen Namen (in der ersten Spalte). Wenn Sie ein neues Formular erstellen möchten, finden Sie hier eine detailierte Anleitung: Formular erstellen

Benutzen Sie für die Auswahl des Formulars bitte nicht den EDIT-Button; dieser führt nur zur Änderung des Formularnamens bzw. der Beschreibung.




 
Das Formular wird im Design-Modus geöffnet, so dass Sie sofort noch Änderungen vornehmen könnten. Wir gehen jetzt aber davon aus, dass Sie jetzt sofort das Formular einbinden möchten. Klicken Sie hierfür so oft auf Schritt vorwärts, bis Sie das Fenster mit dem Titel LINKS ZUM EINBINDEN sehen. 


 
Jetzt sehen Sie einen Dateilink und einen Script-Link. Kopieren Sie den Script-Link und speichern Sie diesen an einer Stelle ab, wo Sie ihn gleich wiederfinden werden. 

 
Den WebConnector können Sie jetzt verlassen. Die nächsten Schritte passieren auf Ihrer Webseite.
 



 

<

arrow

Formular in das Worldsoft-CMS einbinden

Rufen Sie Ihre Webseite auf und loggen Sie sich mit Ihren Zugangsdaten ein.

 
 
 


 

Nachdem Sie sich eingeloggt haben, erscheint auf Ihrer Webseite ein Bearbeiten-Button. Klicken Sie auf den Bearbeiten-Button, um in den Edit-Modus Ihrer Webseite zu gelangen.



 
Legen Sie nun fest, in welchen Bereich des Inhalts das Formular eingebunden werden soll. Fügen Sie hierzu einen Platzhalter in den Inhalt Ihrer Webseite ein. In unserem Beispiel verwenden wir "xxxx". Dieser Platzhalter zeigt uns später im Quellcode, wo wir das Script für das Formular einfügen müssen. 


 
a) Klicken Sie im Editor auf den Button Quellcode. Nun wird Ihnen der HTML-Code dieser Inhaltsseite angezeigt.

b) Markieren Sie Ihren Platzhalter und fügen Sie hier das Script des Formulars ein, das Sie vorab kopiert haben.

Klicken Sie, nachdem Sie das Script eingefügt haben, nochmals auf den Quellcode-Button und speichern Sie Ihre Änderung, indem Sie links oben auf das Disketten-Symbol klicken.


 
Nachdem die Änderungen gespeichert wurden, wird das Formular im zuvor markierten Bereich angezeigt.


 

<

arrow

Formular in Wordpress einbinden

Rufen Sie Ihre Webseite auf und loggen Sie sich mit Ihren Zugangsdaten in die Administration ein.
  


 
Klicken Sie in Ihrer Worpdress Administrationsoberfläche auf den Menüpunkt Seiten,


 
a) Um eine neue Seite zu erstellen, klicken Sie auf Erstellen.

b) Um eine bestehende Seite anzupassen, klicken Sie auf den Titel der Seite oder auf Bearbeiten.

In unserem Beispiel bearbeiten wir eine bestehende Seite und müssen somit keine weiteren Einstellungen vornehmen. Sollten Sie eine neue Seite erstellen, achten Sie darauf, dass Ihre Seite mit der Navigation verknüpft ist.


 
c) Wählen Sie im Editor "Text" aus, um das Script einfügen zu können.

d) Fügen Sie hier das Script ein. Sollten bereits Inhalte vorhanden sein, können Sie wie oben beschrieben einen Platzhalter einfügen und danach den Editor auf "Text" ändern.

e) Um Ihre Änderung zu speichern, klicken Sie auf "Aktualisieren".


 
Rufen Sie nun Ihre Webseite auf und kontrollieren Sie das Ergebnis. Das Formular sollte nun in der von Ihnen gewählten Seite angezeigt werden.

Backtotop
blockHeaderEditIcon
Footer-06
blockHeaderEditIcon

Sprachen

Sprachen
coypright
blockHeaderEditIcon
2017 Copyright by Worldsoft AG, All Rights Reserved
social-media
blockHeaderEditIcon
Facebook   Twitter   Wordpress  Worldsoft
Benutzername:
User-Login
Ihr E-Mail