Buttons section
In this article, we will tell you how to add buttons to a website, what types of buttons exist on the platform, and how to use them in your work.
Using the "Buttons" block, you can add buttons with the ability to call or email through the device's built-in applications, as well as buttons with links to additional pages and the ability to accept payments on the site page.
You can add a privacy policy and an offer to custom (customizable) buttons.
To do this, just tick the appropriate checkboxes and attach the links.
How to create a button
In the site editing mode, click "+", then a side menu will open to add sections.:
During clicking on the button section, a standard template with two buttons will be added, in the settings of which you can edit, add or remove the buttons, add a link to the privacy policy and (or) offers:
To open the button internal settings, click on the button itself:
Next, a modal window opens with the button settings:
In the button creation window, you can select its function:
We will describe the functions of each button below.
You can also select the color of the button ( the text color, background color during hovering and the general background and text in a calm position, etc.), load the button icon in the same window:
In addition, the buttons can be set in width and rounding. Numeric values must be entered in these fields to configure the button.
How to add buttons
To add buttons located on the same line, click on the "+" to the right of the button:
If you need to add a button under the previously added button, click on "+ Add Button":
A button with a payment function
To create payment buttons on the website, you must first connect payment systems to the platform in the project.
A button with a payment function will help you accept payments for goods or services that are presented on your website, without connecting the chatbot to messengers.
Using this button, it is possible to add a payment function to the site through a payment system that is convenient for you.
Next, specify the amount of the product, its name, and the redirect link after successful payment:
Phone function button
Create a new button, select the Phone function and specify the phone number where the call should be made when the button is clicked:
Clicking on the button on mobile devices opens a window for selecting an application:
Mail function button
Create a new button with the Mail function and specify the email address in the settings:
During clicking on the button, applications for sending emails will automatically open, and mail from the button settings will automatically be inserted into the Recipient field.
Link function button
To transfer data and launch the bot, use the "Application form with messenger buttons" section!
Create a new button and select the Link function. Clicking on the button opens the page specified in the button settings.
Pricing plan function of the course button
You can also add payment fees for configured online courses in the MaviBot in the button's functions:
Select the course, and then the pricing plan at which the payment will be made upon clicking on the button.
Online booking function button
The button has the function of opening an online entry widget for online booking of free lots for services by your clients.
To do this, you need to set up the branch and services for online booking and the online booking widget in advance.
In the button settings, select the "Online booking" function and in the drop-down menu, select the widget that you want to display when you click on the button:
Link to messengers function button
In order for a client to switch from your website to a bot in messengers, for example, telegram or WA, you can use the "link to messenger" button function or use the "Form" section.
After selecting the function of the button, select the messenger that the client will switch to after clicking on the customer button:
Last updated