--- title: "Buttons Component Properties" slug: "buttons-component-properties" updated: 2026-09-11T13:50:23Z published: 2026-09-11T13:50:23Z canonical: "kb.easysend.io/buttons-component-properties" --- > ## Documentation Index > Fetch the complete documentation index at: https://kb.easysend.io/llms.txt > Use this file to discover all available pages before exploring further. # Buttons Component Properties ## Buttons Components Properties The following sections detail the properties of the Buttons section components: - Form Button - Array Buttons Based on the Theme you are using, some of the components may appear under a different name or be found under an Advanced category different category, for additional information, see the [Theme Overview](/v1/docs/themes-overview) article. ### Form Button Properties After adding the Form Button component to the canvas, configure its properties, design its look, and connect it to the Model. **Figure 1** and **Table 1** describe the properties of the From Button component: ![Form Button Properties Section.](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/image-1681643102413.png) **Figure 1: Form Button Properties Section** **Table 1: Form Button Properties Section** | **Number** | **Icon** | **Name** | **Description** | | --- | --- | --- | --- | | 1 | ![](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/buttons-component-properties-image-51vgfbf7.png) | Model | Enables to connect the component to the Model by: - Clicking the icon - Creating a new transaction data item NOTE - For additional details on how to connect the component to the Model, see the [Model Overview](https://kb.easysend.io/docs/model-overview) and the [Setting Up the Model](/v1/docs/setting-up-the-model) articles - For additional details on how to create a new transaction data item using the Properties section, see the [Model Overview](https://kb.easysend.io/docs/model-overview) and the [Setting Up the Model](/v1/docs/setting-up-the-model) articles | | 2 | ![](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/buttons-component-properties-image-cwbol56y.png) | Action | Enables to set the Form Button with a built-in action or with an action customized with code: - Custom - the default value, this is not a built-in action and customization with code is needed by clicking the pencil icon (not covered in this article) - Next - navigates to the next page - Back - navigates to the previous page - Submit - submits the digital process NOTE - The built-in actions: Next, Back, and Submit can be customized with code as well, by clicking the pencil icon - After submitting the digital process there is no way to navigate back to it | | 3 | ![](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/buttons-component-properties-image-wuc8sf60.png) | Label | Enables to set the label of the component NOTE The globe icon allows you to set the label of the button in different languages and will appear only if the Webflow is set with more than one language, for additional information, see the [Multi-Language](/v1/docs/multi-language) article | | 4 | - | Text Direction | Enables to set the direction of the Form Button label: - Auto - Right to left (Rtl) - Left to right (Ltr) NOTE The text direction is noticeable only when special characters such as #,$,? are part of the label text | | 5 | - | Text Align | Enables to set the alignment of the label: - Right - Left - Center | | 6 | ![](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/buttons-component-properties-image-ma27pfki.png) | Img | Enables to select an image file such as .jpg and .png to be displayed in addition to the label of the Form Button NOTE Image files must be added to the Theme of the Webflow before they are available for selection. For additional information about Themes, see the [Themes Overview](/v1/docs/themes-overview) article | | 7 | - | Button Alignment | Enables to set the alignment of the Form Button: - Left - Right - Center | | 8 | ![](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/buttons-component-properties-image-m9tvny7p.png) | Trigger Integration Service | Not covered in this article | | 9 | - | Disabled | - When checked - the component is disabled - When not checked - the component is enabled | | 10 | | + Add to Agent | Enables to add the component to the Agent screen NOTE This button will only appear if the Journey Sender feature is enabled, for additional information, see the [Journey Sender](/v1/docs/journey-sender) article | | 11 | - | Delete | Deletes the component | ### Array Buttons After adding the Array Buttons component, configure its properties and connect it to the Model. **Figure 2** and ****Table 2**** describe the properties of the Array Buttons component: ![Array Buttons Component Properties Section.](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/image-1677070645083.png) **Figure 2: Array Buttons Component Properties Section** **Table 2: Array Buttons Component Properties Section** | **Number** | **Icon** | **Name** | **Description** | | --- | --- | --- | --- | | 1 | ![](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/other-components-properties-image-fqndl4s7.png) | Model | Enables to connect the component to the Model by: - Clicking the icon - Creating a new transaction data item NOTE - For additional details on how to connect the component to the Model, see the [Model Overview](https://kb.easysend.io/docs/model-overview) and the [Setting Up the Model](/v1/docs/setting-up-the-model) articles - For additional details on how to create a new transaction data item using the Properties section, see the [Model Overview](https://kb.easysend.io/docs/model-overview) and the [Setting Up the Model](/v1/docs/setting-up-the-model) articles - For additional information about the usage of this component, see the [Managing Arrays](/v1/docs/creating-arrays) article | | 2 | - | Max Items | Enables to set the maximum number of array items NOTE trying to add array items above the maximum set number by clicking the Add More button will result in nothing | | 3 | - | + Add to Agent | Enables to add the component to the Agent screen NOTE This button will only appear if the Journey Sender feature is enabled, for additional information, see the [Journey Sender](/v1/docs/journey-sender) article | | 4 | - | Delete | Enables to delete the component |