Changing the chatbox appearance
How to customize the chatbox
This article explains where to customize the Crisp chatbox and which settings are available. Crisp lets you adapt the chatbox to your brand by adjusting its colors, texts, behavior, position, and localized wording. Advanced customization now lives directly inside the chatbox settings, instead of in a separate Customization plugin. The dedicated Customization plugin interface has been replaced by the new chatbox customization expePopularHow to change the chatbox color
This article explains how to change the main color theme of the Crisp chatbox. You can quickly choose a predefined color from the chatbox appearance settings. If you need custom brand colors, use Advanced Chatbox Customization from the chatbox theme settings. The fastest way to adjust the chatbox color is to select one of the predefined color themes. To change the chatbox color theme: Go to Crisp (https://app.crisp.cPopularHow to change the chatbox welcome message
This article explains how to change the welcome message shown in your Crisp chatbox. The welcome message is the first greeting visitors see when they open the chatbox. A clear and friendly message can encourage visitors to ask their question and understand what kind of help they can expect. color 0080dd (Change the default welcome messagePopularHow to change the chatbox language
This article explains how to control the language displayed in the Crisp chatbox. By default, Crisp detects the visitor browser language and displays the best supported chatbox locale automatically. You can also force one language for every visitor, or handle language selection programmatically when your website is multilingual. Forcing a language is useful when your website is served in one main language, even if some visitors use browseSome readersHow to change to chatbox position to the left
This article explains how to move the Crisp chatbox from the right side to the left side of your website. By default, the Crisp chatbox is displayed on the right side of the page. You can reverse its position from the chatbox appearance settings when the left side fits your website layout better. The position setting is managed from the chatbox appearance menu. To reverse the chatbox position: Go to Crisp (https://app.crispSome readersHow to enable the "we are online" chatbox tooltip
This article explains what the availability tooltip is and how to show it in the Crisp chatbox. The availability tooltip is the small popup shown when the chatbox is closed and your team is available. It helps visitors notice that your team is online and ready to help, without opening the chatbox for them. When your support is online, Crisp can display a short tooltip near the minimized chatbox. Depending on your setup, it can shoFew readersHow to display channels contact information in the chatbox
Learn how to display alternative contact channels such as email, phone, WhatsApp, Instagram, Telegram, Messenger, and X in Crisp. Contact information gives customers another way to reach your team when live chat is not enough. Some details can appear in emails sent by Crisp, while the full list can be shown from the Crisp Chatbox. You can configure several contact channels from your workspace settings. Available contact channelsFew readersHow to change the chatbox background
This article explains how to change the background pattern used in the Crisp chatbox. Background patterns are a simple way to make the widget feel closer to your brand while keeping the chatbox layout familiar for visitors. You can choose a background pattern from the chatbox appearance settings. To update the background pattern: Go to Crisp Open Settings → Chatbox Settings → Chatbox AppearancFew readersHow to display the homepage in the Crisp chatbox
This article explains how to enable the Home section in the Crisp chatbox widget. The Home section gives visitors a clearer starting point when they open the widget. It can group key actions such as starting a conversation, searching your knowledge base, checking updates, or viewing your status information. The Home section is a dedicated entry screen inside the chatbox. Instead of sending visitors directly into a conversation, you can giveFew readers
Preventing users from chatting
How to automatically hide the chatbow when all agents are offline
This article explains how to hide the Crisp chatbox when all operators are away. This option is useful when you only want visitors to see the chatbox while your team is available. When everyone is away, the widget is hidden from your website until support becomes available again. Crisp can automatically hide the chatbox when all operators in your workspace are away. To enable this behavior: Go to Crisp (https://appFew readersHow to block the chatbox for specific IPs
This article explains how to block the Crisp chatbox for specific IP addresses. IP restrictions help prevent selected visitors or networks from accessing the chatbox. Crisp supports IPv4, IPv6, and CIDR notation for broader network rules. You can add blocked IP rules from the chatbox restrictions settings. To block an IP address: Go to Crisp Open Settings → Chatbox Settings → Chatbox RestrictionFew readersHow to temporary hide the chatbox with the vacation mode
This article explains how to temporarily hide the Crisp chatbox from your website. Vacation mode is useful when your team needs to pause live chat for a short period, such as holidays, maintenance, or temporary staffing changes. Once enabled, the chatbox is hidden everywhere it is installed until you turn the option off again. Vacation mode hides the chatbox across your website in one click. To temporarily hide the chatbox: Go to CriFew readersHow to hide the chatbox for specific countries
This article explains how to hide the Crisp chatbox for visitors from specific countries. Country restrictions are useful when your team only supports certain markets, or when live chat should not be available in regions where you cannot provide service. When a country is blocked, visitors detected from that country will not see the chatbox. To block one or more countries: Go to Crisp OFew readers
Controlling the visibility of the chatbox
How to hide the chatbox on specific page urls
This article explains how to hide the Crisp chatbox on selected pages of your website. Page restrictions are useful when the chatbox should not appear on specific areas, such as checkout, legal pages, internal tools, or pages where another contact flow is already used. Blocked pages work as a denylist. The chatbox remains visible elsewhere, but is hidden on the URLs you add to the list. To hide the chatbox on selected pages: 1Some readersHow to display the chatbox only on specific pages
This article explains how to show the Crisp chatbox only on selected pages of your website. This is useful when you want live chat on high-intent pages, such as pricing, checkout, or contact pages, while keeping it hidden everywhere else. The allowed pages list works as an allowlist. When it is configured, Crisp only appears on the URLs you add there. To allow the chatbox only on specific pages: Go to Crisp (httpsFew readersHow to hide the chatbox on mobile devices
This article explains how to hide the Crisp chatbox on mobile devices. Hiding the chatbox on mobile can be useful when your mobile layout is very compact, or when you only want to offer live chat from desktop pages. The mobile visibility option is managed from the chatbox behavior settings. To hide the chatbox on mobile devices: Go to Crisp Open Settings → Chatbox Settings → Chatbox BehaviorFew readers
Nice-to-have chatbox features
How to remove the "We run on Crisp" branding links
This article explains how Crisp branding is removed from the chatbox and email conversations. By default, Crisp shows We run on Crisp branding in the chatbox and in emails sent to or from your visitors. White labelling removes this branding when your workspace is on a paid Plus plan. De-branding the Crisp chatbox and emails requires a paid Plus plan.Some readersHow to enable the Crispy Bird game
This article explains how to enable Crispy Bird, the waiting game shown in the Crisp chatbox. Crispy Bird gives visitors something playful to do while they wait for a reply. It can make slower response moments feel a little lighter without changing how conversations are handled. Crispy Bird is a small game that can be suggested to visitors when operators are slow to reply. Crispy Bird game in the chatbox (https://storage.crisp.chat/users/helpFew readersHow to hide the estimated response time from the chatbox
This article explains how to hide or customize the average response time shown in the Crisp chatbox. Crisp can display activity metrics in the chatbox, such as the expected reply time, before your team replies to a visitor. You can hide this metric or replace the wording with a custom localized text. The average response time is controlled by the activity metrics option in the chatbox appearance settings. Average response time showFew readersHow to prevent users from seeing when an agent os composing or read a message
This article explains how to enable operator privacy mode in the Crisp chatbox. Operator privacy mode hides read markers and typing animations from visitors. This can be useful when your team wants to read or prepare replies without showing those activity signals in the chatbox. When a visitor sends a message, the chatbox can normally show that an operator has read it. It can also show a typing animation while an operator is composiFew readers