Get App Connections

`element.getAppConnections()`

Retrieve a list of App Connections associated with the selected element. Only App connections created by the current App will be returned.

Syntax

1 getAppConnections(): Promise<Array<string>>

Returns

Promise<Array<string>>

A Promise that resolves to an array of App Connection string identifiers for the element-App connection.

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 // Create a form element
7 const formEl = await el.append(webflow.elementPresets.FormForm);
8 
9 // Check for App Connections
10 if (!formEl || !formEl.appConnections) {
11   throw new Error('App Connections not supported');
12 }
13 
14 // Set App Connections
15 await formEl.setAppConnection('myAwesomeAppManageFormElement');
16 
17 // Get App Connections
18 const connections = await formEl.getAppConnections();
19 
20 // Expected return value
21 // connections should return an array with the app connection set earlier:
22 console.log(connections); // ['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	// Create a form element
7	const formEl = await el.append(webflow.elementPresets.FormForm);
8
9	// Check for App Connections
10	if (!formEl \|\| !formEl.appConnections) {
11	throw new Error('App Connections not supported');
12	}
13
14	// Set App Connections
15	await formEl.setAppConnection('myAwesomeAppManageFormElement');
16
17	// Get App Connections
18	const connections = await formEl.getAppConnections();
19
20	// Expected return value
21	// connections should return an array with the app connection set earlier:
22	console.log(connections); // ['myAwesomeAppManageFormElement']