Create Element Block

Create an element and insert it into the page.

Element selector
The element selector of the targeted element.
Insert element
Representing the position relative to the targeted element.
- As first child
  Insert it as the first child of the targeted element.
- As last child
  Insert it as the last child of the targeted element.
- As previous sibling
  Insert it as the previous sibling of the targeted element.
- As next sibling
  Insert it as the next sibling of the targeted element.
- Replace target element
  Replace the target element with the element that has been created.
HTML
The HTML of the element that you want to create
CSS
The CSS that will be injected into the page
JavaScript
The JavaScript that will be injected into the page
- automaRefData(keyword, path?) function
  Use this function to reference data.
  For more detail open the Javascript Block page
- automaExecWorkflow(detail) function
  Function for executing a workflow.
  The detail parameter is where you input the detail of the workflow like the id or publicId of the workflow you want to execute. For example,
  js
```
// execute workflow based on its id
automaExecWorkflow({ id: 'workflow-id' });

// execute workflow based on its publicId
automaExecWorkflow({ publicId: 'workflow-public-id' });
```
  You can also input variables that will be injected into the workflow when it's running.
  js
```
automaExecWorkflow({
	id: 'workflow-id',
	data: {
		variables: {
			varA: 'Variable A value',
			postCode: 1212,
			numbers: [1, 2, 3, 4],
		}
	}
})
```
Preload script
Load scripts or styles before injecting the element.

Note

This block will not work without an active tab. Because of that, use the Active Tab block or New Tab block before using this block.

Active tab block

Create Element Block ​

Create Element Block