Page settings

Click the top panel’s "Settings" button to access the page’s general settings.

This opens a menu with the following sections: General, Messengers, Analytics, Colors, Fonts, and HTML.

General

Page Information

Name in the List

You can enter any text here. This name is only visible to you in the page list.

URL

This field allows you to set a custom link (URL) for the page. If left blank, a unique name will be automatically generated from letters and numbers.

Requirements:

Only the following characters can be used:

• Latin letters (a–z)

• Digits (0–9)

• Underscore (_) symbol

The name must be unique within the platform. If it is already taken by another user, you won’t be able to use it again.

You can connect your own domain to the website. If you're unable to change the name in the link, it means the name is already taken. You can add additional characters or choose a different one.

Browser tab name

By default, the browser tab name matches the site name field, but you can customize it to be more concise or descriptive.

The browser tab name is displayed in the page's address bar.

Tag

A tag is a label sent to your bot the moment a user clicks the messenger icon. It allows you to launch specific bot flows instantly, without waiting for the user's first message.

Enter the tag name in the "Trigger" field of a trigger block.

The tag is assigned in the page settings.

The value specified in the Tag field will be saved to the client's tag variable. This variable can later be used for analytics purposes.

A message containing this tag will trigger a specific action in your bot's funnel, such as sending a reply or moving to the next step.

Enter a tag, for example: welcome_offer

The saved tag will be visible in the page info panel.

How to use a messenger tag

First, assign a tag like main_flow in your site settings. Then, enter that exact tag in your chatbot's trigger block.

Setting a chat entry point

Set a specific block (e.g., the start of your main funnel) as the entry point for your bot logic. When a user clicks the messenger icon on your site, they will enter the messenger and immediately begin at this predefined point.

To configure form blocks and messenger redirect buttons, refer to the "Form responses" guide in Content settings.

When a user clicks the button, they are prompted to go directly to the messenger.

• The user transitions from the website to messemger.

• The user taps the “Start” or “Launch” button (depending on the device). Even if the user has previously interacted with the bot, they must press this button to initiate the bot from the website — this is a requirement set by the messenger platform for bots.

• Instead of /start, the bot will receive the tag specified in the website settings.

• The client receives the first message from the funnel that is triggered by the specified tag.

• The client's profile contains the following variable:

To view analytics for a tag, go to the "Analytics" section and open the "Clients" tab.

Next, create a new widget where you specify the main settings:

• Analytics period: for example, “Past month,” “All time,” etc.;

• Widget name: any convenient name;

• Specify a tag to track.

Then, add a widget.

Done! You can now track how often your bot is launched from your site using a tag.

MaviBot's built-in analytics lets you track chats, operator efficiency, course progress, and client metrics at no cost, eliminating the need for external tools.

Learn more in the "MaviBot analytics" article.

Image settings

Preview image

This is the thumbnail or cover image used when your site is shared (e.g., in social media or messaging apps). By default, it uses the first image from your page. To set a custom preview, upload your chosen image in this field.

Site protection settings / reCAPTCHA

To set up reCAPTCHA, you need to provide a pair of keys (public and secret keys) in the general settings of your website, and enable reCAPTCHA verification in your form settings.

You can choose any CAPTCHA service to protect your website. In this section, we’ll look at how to install Google reCAPTCHA.

1. Key obtain

To get started, you need to fill in the basic information to obtain the keys: select the CAPTCHA types and add the domain of the website where the protection is intended to be installed. Then, click "Submit."

1. Key input

Next, you will see a pair of keys that need to be copied and pasted into the page settings on your website in MaviBot.

1. Enabling CAPTCHA in the "Form" section

How to create and work with the "Form" section is explained in the article here.

Once the Form section is set up, open its settings.

Click "Settings" to open the side menu.

A CAPTCHA enable checkbox will be visible there.

Authentication

This option helps filter out users who try to access the site without authorization. However, it’s better to enable it after everything else is set up and you’re sure the configuration is correct. Once it’s enabled, the only way to access the site will be through the authorization button sent by the bot.

Let’s start by linking the domain to the Telegram bot connected to your project.

Step 1: Go to BotFather, where you created your Telegram bot.

Step 2: Select a Telegram bot you want to connect to the website and click on it.

Step 3: Go to the settings of the Telegram bot.

Step 4: In the bot settings, navigate to Domain.

Step 5: Click on "Set domain".

If you’ve already linked a domain to the bot, or if you need to set a new domain for the same bot, the "Set domain" button will be replaced with "Reset domain".

Step 6: Send a domain you want to link to the Telegram bot: to do this, type the domain into the message input field and send it to the bot.

This can be either your personal domain, which you received from a domain name registrar, or something like mavitbot.ai

At this stage, the domain binding is complete.

After linking the domain to the bot, activate the checkbox "Require authorization via Telegram" in the form settings:

Interface and access settings

Access by lists only

This option allows you to provide access to the site based on the user's presence in certain lists of your project.

How to hide "Made with MaviBot" label

To hide the label, simply tick this checkbox if required.

You can remove the "Made with MaviBot" label on any paid plan. We appreciate everyone who keeps the "Made with MaviBot" label on their pages.

HTML/CSS/JS

You can fill out this section if needed. If you're familiar with CSS, you can make your website even more visually appealing. You can also insert analytics code here, a Facebook Pixel, and more.

PLEASE NOTE! When copying script examples, make sure that if a tag is opened, it must also be closed. For example: <script> ... </script>, <style> ... </style>

How to change the Privacy Policy link

In the application form block with messenger buttons, you can display a Privacy Policy checkbox. By default, it links to the constructor's privacy policy.

You can change the link to your own Privacy Policy page using a script.

Add the script to the "HTML code (body)" field in the CSS and JS section.

<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "privacy policy link";
</script>

How to disable page indexing

To disable page indexing, add the script to the HTML code (head) field.

<meta name="robots" content="noindex, nofollow">

How to remove the Facebook button your site page

Add the script to the "HTML code (body)" field in the CSS and JS section.

<script>
document.getElementsByClassName('vk_link')[0].remove()
</script>

How to remove your site page title

Add the script to the "HTML code (body)" field in the CSS and JS section. This applies to older versions of mini landing pages.

<script>
document.getElementsByClassName('title_container')[0].remove()
</script>

How to edit the Telegram button link.

Add the script to the "HTML code (body)" field in the CSS and JS section.

<script>
window.onload = function() {
    let button = document.querySelector('.tg_link')
    if (button) {
        button.setAttribute('data-url', 'the required value')
        button.removeAttribute('onclick')
        let newUrl = button.getAttribute('data-url')
        button.addEventListener('click', () => {
            window.location.href = newUrl
        })
    }
}
</script>

For other messengers, replace tg_link with insta_link, fb_link, etc.

How to update a button text

Paste this code into the "HTML code (body)" field in the CSS and JS section.

1. To display the messenger button, create an application form block with questions and specify which messengers the buttons should appear for

Set the button display style to "Icon with text"

More details about the Form section are explained here. ссылка

1. In the Site Settings section, under the CSS and JS tab, paste the following code into the "HTML settings" → "HTML code (body)" field:

<style>
.tg_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.viber_link {
font-size: 0 !important;
padding: 15px 15px !important;
}

.tg_link:after {content: "Sign up in Telegram";font-size: 15px;color: white}
.viber_link:after {content: "Sign up in Viber";font-size: 15px;color: white}
</style>

This code will change the button text for Telegram and Viber. For other messengers, add similar code following the example.

How to align buttons in a row

Paste the following script into the "JS code" field in the main settings of your mini landing page.

$(function() {
$('.link_group').css("flexWrap", 'noWrap')
})

How to change a favicon

Add the script to the "HTML code (head)" field in the CSS and JS section.

This code can be used to change the favicon — the icon of a website or web page.

<link rel="shortcut icon" type="image/x-icon" href="icon link" />

How to pass all URL variables/parameters when opening your website

You need to place the script on all pages of YOUR website that contain a proxy link. The script must be added right after the <body> tag.

If you're using your own domain for proxy links, you should replace sbsite.pro with your domain.

If your website contains proxy links to messengers from the site page, you can add this script — it will pass all the variables used to open the site to the bot.

<script>
var links = document.getElementsByTagName("a")
for (let i of links) {
    if (i.href.startsWith("https://mavibot.site/")) {
        if (i.href.split("?").length > 1) {
            i.href += "&" + location.search.split("?")[1]
        } else {
            i.href += location.search
        }
    }
}</script>

How to forward analytics cookies to the bot

The script must be placed on all pages of YOUR website that contain a proxy link. It should be added right after the <body> tag.

If you use your own domain for proxy links, you need to replace mavibot.ai with your domain.

If you need to pass analytics cookies to the bot, add the following script to your site:

<script>
setTimeout(function() {
    var links = document.getElementsByTagName("a");
    var cookies = ['_fbc', '_fbp', '_ga', '_ym_uid', 'roistat_visit'];
    var cookies_string = '';

    cookies.forEach(function(cookie_name){
        let cookie_val = get_cookie(cookie_name);
        if (cookie_val !== undefined) {
            cookies_string += (cookies_string != '' ? "&" : '') + cookie_name + "='" + cookie_val + "'";
        }
    });

    for (let i of links) {
        if (i.href.startsWith("https://salebot.site/")) {
            if (i.href.split("?").length > 1) {
                i.href += "&" + cookies_string;
            } else {
                i.href += "?" + cookies_string;
            }
        }
    }

    function get_cookie(name) {
        let matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
        return matches ? decodeURIComponent(matches[1]) : undefined;
    }
}, 3000);
</script>

How to change the privacy policy link

On the CSS and JS tab, paste the following code into the "HTML Settings" → "HTML code (body)" field:

This script allows you to replace the Privacy Policy link with your own.

<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "policy link";
</script>

Messengers

Initial WhatsApp message

The text you enter here will automatically appear as a draft in their WhatsApp when they click the link from your site.

They can simply press "Send" in the messenger.

1. Create a "Start" block in the builder.

2. Enter the text from your initial message into it.

Analitycs

Enable the "Save analytics data for conversion" setting to preserve your site conversion tracking.

This will allow you to monitor conversions in the Analytics tab.

Website Export / Page Import

The website builder allows you to export and import entire pages. This is useful for transferring a site between projects without rebuilding it, with all content preserved.

How to export/import a page:

1. First, ensure all your changes are saved by clicking the "Save" button.

Click "Export page" in the editor to export your page.

Once the file is downloaded (you'll see it in your downloads folder and receive a confirmation), go to the site settings in your target project. There, click "Create" to make an identical page.

Select the exported page file you saved earlier. Once the upload is confirmed with a notification, you'll be taken directly to the editor to start working on the imported page.

If necessary, make the required adjustments and click the "Save" button.

Where to find the page ID?

The site page ID from the site list can be passed to bot functions — for example, to send a link to your site via the bot or to open it as a mini app in Telegram.

Read more about Telegram WebApp in this article.

The site number is assigned automatically withh the # symbol.

You can find the page ID by hovering over the desired site page.