Anmeldeformular mit JetFormBuilder erstellen

Mit Hilfe der JetEngine Plugins von crocoblock können Sie einfach Daten aus unserer Software auf Ihrer WordPress Seite anzeigen.

Gehen Sie wie folgt vor:

Vorbereitung

1. Fordern Sie über unsere REST-Schnittstelle (Funktion: /nonexptoken) einen nicht verfallenden Token an. Sie können dafür Swagger auf unserer Schnittstelle oder Postman verwenden.
2. Kaufen Sie das Plugin JetEngine von crocoblock und installieren Sie es in Ihrem WordPress.
3. Installieren Sie das PlugIn JetFormBuilder

Erstellen des Formulars

Erstellen Sie das Formular mit den gewünschten Feldern. Fügen Sie bei Post Submit Actions einen REST API Request ein. Verwenden Sie folgende Eigenschaften

1. REST API URL: https://api.beyond-sw.ch/anmeldungen 
2. Custom Body: Verknüpfen Sie die Felder des Formulars mit denen unserer Schnittstelle über ein gültiges JSON
3. Authorization: Ja
4. Authorization type: Bearer Token
5. Bearer token: Setzen Sie den Token ein, den Sie bei der Vorbereitung in Schritt 1 erhalten haben.

Beispiel für ein gültiges json (Schritt 2)

{
 "kursId": "%kursId%",
 "bemerkungen": "%Bemerkungen%",
 "adressen1": {
 "geschlecht": "%LeadGeschlecht%",
 "nachname": "%LeadNachname%",
 "vorname": "%LeadVorname%",
 "strasseP": "%LeadAdresse%",
 "plzp": "%LeadPLZ%",
 "ortP": "%LeadOrt%",
 "telefonN": "%LeadTelefon%",
 "eMail1": "%LeadEMail%"
 },
 "geschlecht1": "m"
}

Setzen Sie den Enpoint-Filter für JetFormBuilder

Fügen Sie folgenden Code ein. Sie können hierfür z.B. das PlugIn Code Snippets verwenden.

add_filter( 'jet-engine/rest-api-listings/form-notification/endpoint-data', function( $endpoint ) {
	if ( false === strpos( $endpoint['url'], 'https://api.beyond-sw.ch' ) ) {
		return $endpoint;
	}
	
	$endpoint['args']['headers']['Content-Type'] = 'application/json';
	
	$endpoint['args']['body'] = json_encode( $endpoint['args']['body'] );

	return $endpoint;
	
} );