0dc276c18f
Closes #993 <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Added a detailed explanation page for the "Remember user" setting in the app documentation. - Introduced persistence of chat state across sessions, with options for local or session storage. - Enhanced bot functionality to store and retrieve initial chat replies and manage bot open state with improved storage handling. - Added a new callback for chat state persistence to bot component props. - **Improvements** - Updated the general settings form to clarify the description of the "Remember user" feature. - Enhanced custom CSS handling and progress value persistence in bot components. - Added conditional transition disabling in various components for smoother user experiences. - Simplified the handling of `onTransitionEnd` across multiple bubble components. - **Refactor** - Renamed `inputIndex` to `chunkIndex` or `index` in various components for consistency. - Removed unused ESLint disable comments related to reactivity rules. - Adjusted import statements and cleaned up code across several files. - **Bug Fixes** - Fixed potential issues with undefined callbacks by introducing optional chaining in component props. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
57 lines
2.7 KiB
Plaintext
57 lines
2.7 KiB
Plaintext
---
|
|
sidebarTitle: Overview
|
|
title: Settings
|
|
icon: wrench
|
|
---
|
|
|
|
## General
|
|
|
|
The general settings represent the general behaviors of your typebot.
|
|
|
|
<Frame style={{ maxWidth: '400px' }}>
|
|
<img src="/images/settings/general.png" alt="General" />
|
|
</Frame>
|
|
|
|
- **Prefill input**: If enabled, the inputs will be automatically pre-filled whenever their associated variable has a value.
|
|
- **Hide query params on bot start**: If enabled, the query params will be hidden when the bot starts.
|
|
- [**Remember user**](./remember-user)
|
|
|
|
## Typing emulation
|
|
|
|
By default, your typebot will emulate a certain typing speed. It is considered a good default as slow as a human typing speed and it's not too fast so that multiple bubbles can be read sequentially.
|
|
|
|
You can customize this typing speed in the settings:
|
|
|
|
<Frame style={{ maxWidth: '400px' }}>
|
|
<img src="/images/settings/typing-emulation.png" alt="Typing emulation" />
|
|
</Frame>
|
|
|
|
The goal of a typebot is not to pretend that the bot is a real human. So we suggest not setting the typing speed too low.
|
|
|
|
The `Disable on first message` allows you to disable the typing emulation on the first message. This is useful if you want to lower the first message display time since the site can take some time to load first.
|
|
|
|
The `Delay between messages` by default is 0 and you can increase it up to 5 seconds if you want to add a delay between **every** messages sent by the typebot. If you ever want to pause the bot just once. You can insert a [Wait block](../editor/blocks/logic/wait) between both messages.
|
|
|
|
## Security
|
|
|
|
By default, your typebot can be executed from any origin but you can restrict the execution of your typebot to specific origins. This is useful if you want to embed your typebot in your website and prevent it from being executed on other websites by malicious actors.
|
|
|
|
For example, if you want to allow your typebot to be executed only on `https://my-company.com`, you can add `https://my-company.com` to the list of allowed origins.
|
|
|
|
<Warning>
|
|
If you add a URL to the list but omit https://typebot.co, then your typebot
|
|
shareable URL will not work anymore.
|
|
</Warning>
|
|
|
|
## Metadata
|
|
|
|
In the Metadata section, you can customize how the preview card will look if you share your bot URL on social media for example.
|
|
|
|
You can also add some custom head code to add third-party scripts.
|
|
|
|
### Google Tag Manager
|
|
|
|
Allows you to easily add a GTM container to your bot. To find your GTM container ID, go to your GTM dashboard and click on the container you want to use. The ID is displayed in the top right corner.
|
|
|
|
Note that you should not include it if you are embedding your typebot in an existing website. GTM should be installed in the parent website instead.
|