Versionen im Vergleich

Alte Version 4

changes.mady.by.user Lisa-Maria Fuchs

Gespeichert am

verglichen mit

Neue Version Aktuell

changes.mady.by.user Stephan Giesen

Gespeichert am

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

Setting up Contact Form Instance

Image ModifiedImage Modified

Go to the tab form wizard and add a new Topic or Text field.

Change the Label to Data Loader and change the field show as to Data Loader.

Now continue with setting up the type of the Data Loder as described in the next section.

You can choose between:

  • Local Storage

  • Session Storage

  • Session cookie

  • Data Attribute in HTML tag

  • JavaScript Callback

  • URL parameters

Finally Save and Release your changes.

Info

All data from the Data Loader will be send from client to server side by its data loader Attribute e.g. cf_topic_01.

Local Storage

Image Modified

By default the option Local Storage is pre selected for the field Data origin.

Enter a Data origin id.

Codeblock
if (ctx.modus === "rendered") {
  localStorage.setItem("MyLocalStorageOriginDataID", "Some data from local storage");
}

Navigate to the tab JavaScript Snippet, select Set custom JS and add the if statement from the left.

It will add an entry to your local storage with the previously specified id and some text as value.

Session Storage

Image Modified

Change the drop down Data origin to Session Storage.

Enter a Data origin id.

Codeblock
if (ctx.modus === "rendered") {
  sessionStorage.setItem("MySessionStorageOriginDataID", "Some data from session storage");
}

Navigate to the tab JavaScript Snippet, select Set custom JS and add the if statement from the left.

It will add an entry to your session storage with the previously specified id and the given text as value.

Session cookie

Image Modified

Change the drop down Data origin to Session cookie.

Enter a Data origin id.

Data Attribute in HTML tag

Image Modified

Change the drop down Data origin to Data Attribute in HTML tag.

Enter a Data origin id.

Enter an HTML attribute.

Codeblock
<div id="my-data-origin-id" data-attr="my-html-attribute">

Add an HTML tag with the defined id and Html attribute to your webpage on which you pasted the JavaScript snippet.

In this example cf_topic_01 will be set to “my-html-attribute”

JavaScript Callback

Image Modified

Change the drop down Data origin to JavaScript Callback.

Codeblock
languagejs
function dataTakeOver() {
  return "JS - String";
}

Copy and paste the JavaScript function on the let to your webpage.

It will be executed by the Data Loader and the result will be saved in the contact table of the corresponding UM entry.

URL parameters

Image Modified

Change the drop down Data origin to URL parameters.

Use of data

All data from the Data Loader be will saved in the contact table and can be accessed by its Attribute name. In this example the attributes name is cf_topic_01.

...