Webitel: Documentation

Send message

1. Description

The component for simultaneously sending a file (a link or a file from the Media Files section), text, and display customized buttons.

This component is present in flow types like:

  • Chat.

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.

Send message.png
Fig. 1. Send message

1.1. Send message 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 d5aa2284-d580-4355-82a5-1ee9ee560178 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 9bacd537-647b-48f4-9bb9-f261a554b7be button deletes the block from the Flow Schema.

1.2. Send message settings panel

It consists of the following elements (Fig. 2):

Send message settings panel.png
Fig. 2. Send message settings panel

1.2.1. Text

The body of the message enters here. It is possible to use variables in the text.

1.2.2. “Kind” field

An optional field. It is used to specify the type of message being sent so that the interface can display it differently.

Only the following characters are allowed in this field:

  • Latin letters;

  • digits;

  • the underscore character.

Format: /[a-zA-Z0-9_]/g.

The field may be used, for example, for service messages such as system.

1.2.3. Media

The Media consists of the following elements:

  1. Use the media;

  2. File source;

  3. File;

  4. Server.

1.2.4. Use the media
  • Screenshot%202024-03-26%20145227.png?version=1&modificationDate=1715331145189&cacheVersion=1&api=v2&width=30 — only text and buttons are sent;

  • Screenshot%202024-03-26%20145240.png?version=1&modificationDate=1715331163462&cacheVersion=1&api=v2&width=40 — file selection becomes available. The file, text, and buttons are sent. A text will be displayed to the user that all fields in the Media block need to be filled in.

1.2.5. File source

This field selects the source of the file.

1.2.6. File

Select a file from the Media files section in the File field. After selecting the file, click the Add button to add it. You can delete the selected file by clicking the button.

1.2.7. “Add” button

A button used to add the file selected in the “File” field.

1.2.8. Server

Enter the server where the file is located in this field.

1.2.9. Rows of buttons

Designed to create a row of buttons in the navigation menu.

The No input switch becomes available when at least one row is present.

Снимок экрана 2024-06-07 154953.png — indicates that you should disable input options (text, media, video, files, location, etc.), and allow only a response using one of the buttons.

Only for portals!

1.2.10. Add row button

When you click the Add row button, a row is added, and the Button element (Fig. 3) for this row is displayed.

image-20251204-091036.png
Fig. 3. Add row

The Button element consists of these elements:

  • image-20250826-121208.png — deletes this button;

  • Type — button type;

  • Text — button text.

Add button — clicking this button adds a Button element to the row to which the Add button belongs.

Delete row button — clicking this button deletes the row and all buttons from this row.

1.2.11. 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.12. 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. 4. Setting a limit

1.2.13. 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. 5. Add description