> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.crisp.chat/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How 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.

---

# ${color}[#0080dd](Watch the chatbox customization walkthrough)

If you prefer a quick visual walkthrough, this video shows how to customize your Crisp chatbox, from basic appearance settings to texts, position offsets, and custom colors.

${youtube}[How to Customize Your Crisp Live Chat Widget](qvJ-kKTse28)

---

# ${color}[#0080dd](Move the chatbox to the left)

The position setting is managed from the chatbox appearance menu.

__To reverse the chatbox position:__
1. Go to [**Crisp**](https://app.crisp.chat)
2. Open **Settings → Chatbox Settings → Chatbox Appearance**
3. Enable **Reverse the position of the chatbox (Show on the left)**
4. Let Crisp auto-save the change

![Reverse the position of the chatbox setting](https://storage.crisp.chat/users/helpdesk/website/-/8/7/a/e/87ae2703583ac800/cleanshot-2026-01-29-at-131603_17g3j4z.png =1000xauto)

![Chatbox displayed on the left side of a website](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2024-10-21-at-171443_1g7ipz3.png =1000xauto)

---

# ${color}[#0080dd](Need page-specific positioning?)

If you only want to reverse the chatbox on specific pages, use the **position:reverse** configuration from the [Crisp Web Chat SDK](https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/dollar-crisp/).