Webitel: Documentation

Generate Form

1. Description

The component is designed to generate a Form.

Creates a dynamic page for Agents based on previously created page elements.

This component is present in flow types like:

  • Forms.

The block (Fig.1(1)) is used in space to build the Flow. The settings panel for this component opens (Fig.1(2)) when you click on the block.

Generate Form.png

Fig.1. Generate Form component

1.1. Generate Form block

The block consists of the following elements:

  1. The name of the component;

  2. In branch — receiving (connecting with the previous block) branch;

  3. Out branch — outgoing (connecting with the following block) branch. When hovering over the Out field, a switch appears. The switch allows this component to be connected to a component that already has a connection.

The presence of an Screenshot 2024-11-07 154742.png icon indicates that the switch is on, and this component can be connected to a component that already has a connection.

Changing the switch position removes the outgoing branch of this component.

The Screenshot 2024-11-07 155145.png button deletes the block from the Flow Schema.

1.2. Generate Form settings panel

It consists of the following elements:

  1. Id;

  2. Form title;

  3. Body contents;

  4. Form actions;

  5. Break;

  6. Limit;

  7. Add description.

1.2.1. Id

Here, you enter the name* (unique within the Flow) – a service name that is not displayed on the page. It is used as a variable for further access to values.

1.2.2. Form title

Here, enter the name of the page. It may be empty.

1.2.3. Body contents

For adding content. Here, the component ids are entered in the order in which they should be displayed on the dynamic page for Agents. 

Enter the component id (for example, the Form Text component) and click the Add button to add a component. 

Each id is added separately.

The order of the added elements can be changed by clicking on it and dragging it to the required position (Fig. 2).

Body contents.png

Fig. 2. Body contents

1.2.4. Form actions

It is used to add buttons to a Form. 

Click on the Add Action button and fill in the fields to create two or more buttons.

  • Id — service name not displayed on the page. It is used as a variable for further access to values;

  • Color — button color;

  • Text — button name. The text on the button.

  • Remove action — removes the button.

1.2.5. Break

Responsible for the completion of the flow execution.

  • image-20250627-120834.png — initiates the end of the flow execution after the given component.

  • image-20250627-120816.png — the switch is in the off position.

1.2.6. Add limit

It is intended to determine the maximum number of passes through this component.

The failover branch appears in the edited component when the limit is set image2024-1-26_12-1-12.png .

The failover branch will be used if more passes are passed through the component than entered in the Max field.

Clicking on the Add Limit button adds a Max field and a Delete limit button.

The number of possible passes is indicated in the Max field.

Clicking on the Delete limit button removes the limit and returns the Add limit button.

Limit.png


Fig. 3. Setting a limit

1.2.7. Add description

When you click the Add description button, a Description field and a Delete description button will be added.

The Description field is used to add comments to the component.

Clicking the Delete description button removes the description field and brings back the Add description button.

Description.png

Fig. 34 Add description