Set App Connection

`element.setAppConnection()`

Enables the connection between an element and an App.

Supported Elements

App Connections supports the following elements: Image, FormForm, and FormWrapper.

Syntax

1 element.setAppConnection(value: string): Promise<null>

Parameters

value: string - An identifier for specific element-App connection.

Returns

Promise<null>

A Promise that resolves to null.

Example

1 const el = await webflow.getRootElement(); // Get Root Element
2 
3 // Check for an element
4 if (!el || !el.children) throw new Error("Expected an element");
5 
6 // Append a form element to the root element
7 const formEl = await el.append(webflow.elementPresets.FormForm);
8 
9 // Check for App Connection support
10 if (!formEl || !formEl.appConnections) {
11   throw new Error("App Connections not supported");
12 }
13 
14 // Set App Connection
15 await formEl.setAppConnection("myAwesomeAppManageFormElement");

Try this example

Designer Ability

Designer Ability	Locale	Branch	Workflow	Sitemode
canAccessCanvas	Any	Any	Any	Any

1	const el = await webflow.getRootElement(); // Get Root Element
2
3	// Check for an element
4	if (!el \|\| !el.children) throw new Error("Expected an element");
5
6	// Append a form element to the root element
7	const formEl = await el.append(webflow.elementPresets.FormForm);
8
9	// Check for App Connection support
10	if (!formEl \|\| !formEl.appConnections) {
11	throw new Error("App Connections not supported");
12	}
13
14	// Set App Connection
15	await formEl.setAppConnection("myAwesomeAppManageFormElement");