---
title: Customizing your Bot & Call to Action
description: Embed Builder controls the look and feel of your bot
---

[Skip to content](https://learn.tryswivl.com/customizing-your-bot#main-content)

English

Show submenu for translations

![Full Color.png\]](https://learn.tryswivl.com/hs-fs/hubfs/Full%20Color.png?height=50&name=Full%20Color.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Go to Studio](https://v3.swivl.studio/)

[Go to Studio](https://v3.swivl.studio/)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Using swivl](https://learn.tryswivl.com/?hsLang=en)
2. [Chatbot Setup](https://learn.tryswivl.com/chatbot-setup?hsLang=en)

# Customizing your Bot & Call to Action

## Embed Builder controls the look and feel of your bot

 

ℹ️  Updates to your embed code generally happen immediately, but it may take up to an hour to update for everyone across the entire internet. If you need help installing your embed code on your website, check out this page: [**Installing your Bot**](https://learn.tryswivl.com/installing-your-bot?hsLang=en)

#### Overview

You have complete control over the visual design and position of your chatbot on your website.

 

![](https://learn.tryswivl.com/hs-fs/hubfs/image-png-Jul-08-2026-10-13-18-9099-PM.png?width=670&height=610&name=image-png-Jul-08-2026-10-13-18-9099-PM.png)

#### **Embed Name**

This is the name you give to this specific embed. This is for internal use only. Oftentimes, you’ll want to treat desktop and mobile users differently, which requires separate embeds. This is where naming them comes in handy.

 

#### **Header Title**

This is the text that will be displayed at the top of the chat window. i.e. "Questions? Chat with us"

 

#### **Dot Title**

This is used only when the Collapsed Type is set to "Dot". When a user hovers over the Chat Dot, this is the text that will be displayed. i.e. "How can we help?"

 

#### **Collapsed Type**

- **Dot** - This is a circle/dot that shows your avatar. When a user hovers over the Chat Dot, the Dot Title text will appear. Customers often choose this because it's the least obtrusive.
- **Bar** - This is a bar that displays the full Header Title. When a user hovers over the Bar, it slides up / over slightly to let the user know they can open it. Customers often choose this when they want people to notice the chatbot & provide the ability to read the Header Title.

 

![Embed Position.001.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-F93KmmG0YT/15a9ab56f2b1302626b898658b5eb68c3a1856822ba3e446cc9d2c7dcb3fbc1c6459372cbc143de042ce6dca404070779810df4ebc9206f890859e8b2dae17e1ce7bb593802dadbf80c227b56a878c7f81c082aec86233f66734dc09612fae2e24de615a)

![Embed Position.003.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-lEE795v90g/a44bf58ec9cb7957ae2ab043fb51d803d72ade67b39dfb61b57835ff28d55d62d018a99cac121818ada4ee87ddb571c6035d33a4a40c18b0b3b8b300febeee34f5aa3a30aeddf1d1a4054471ebaaa6f95c3176286e26fd9b2433f45dc804bd97b63754d4)

#### **Start on Quest**

Use this to start the embed on a specific quest We recommend leaving this on the default value. This will send users to the router which is preferred.

 

#### **Positioning**

We offer five positions for your bot. Simply select the option you want, and the location will update live.

1. East
2. Southeast
3. South
4. Southwest
5. West

 

![Embed Position.002.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-rWndHjw1LD/30af024349904a8b8f21e86df54f302309cb96cf961fa9f8c3ffcd254a0c0d4f114ed97a9b3c14d592b3b6ea631530014c184eabbf9976031bd9b94252e8c8817e5ba919f7d49fb8909399441674f60cf7d968f39b04f9ee9b54153940737b1a354b9515)

![Embed Position.004.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-JmoP5k3m-r/3281a984f9a43df638424aad8be9d9214068f4658b29b2bdc0f2bb48565bb6309b8a51a580732bf1aa224e33f2a2a8faeac155324e7a50e6a17b98a8c4174a2c6fc7986bbfb784a020d563870686b63775005d96639433fd63989b0547826c4b91459158)

### Other Settings

 

 

### **CTA (Call to Action)**

This feature allows for an alert message to be displayed after a set amount of time. This can be useful to alert your customers of a special deal or company announcement.

 

 

ℹ️ Make sure to turn on the CTA toggle for the embed you want to use. This will open up the CTA section, where you can customize the text and image for your Call to Action

 

The “CTA Delay” setting is the time from initial load to displaying the pop-up. We recommend at least 5 seconds, but don’t wait too long.

 

For the image, you will need to host the file on a public server (Amazon S3, WordPress, Etc.) and paste the URL into the field. We recommend a size of 240 x 100 and a PNG or JPG.

 

Feel free to use our**[default CTA image](https://cdn.prod.website-files.com/62e97acfc317c14236a3e02b/6a4eca5e7ef33720769b186a_AI%20Implementation%20Playbook%20cover%20192x80.png)** 

 

 ![](https://learn.tryswivl.com/hs-fs/hubfs/image-png-Jul-08-2026-10-17-10-5110-PM.png?width=496&height=334&name=image-png-Jul-08-2026-10-17-10-5110-PM.png)

 

 

 

#### **Avatar**

This is the image that will be displayed for your digital agent in the chat embed (chat dot and bar designs). We recommend a PNG image at 150 x 150 pixels.

 

After you select a Color Theme, click “Generate New Avatar.” The system will then automatically create an avatar using your Brand’s primary color.

 

![](https://learn.tryswivl.com/hs-fs/hubfs/image-png-Jul-08-2026-10-20-14-6283-PM.png?width=464&height=373&name=image-png-Jul-08-2026-10-20-14-6283-PM.png)

 

#### **Theme**

You can customize pretty much any color of your embed design. Feel free to poke around and play with it. You'll be able to see changes immediately in the preview on the right. Just remember that any changes made here will be live immediately for that embed.

 

#### **Examples**

Here are a few examples of how customers use the embed builder:![Embed Design Examples.002.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-PBhgm0bUun/d6d758f696de39c9af86f16d4935fdb6508d97075b8f26aa99b57804b6cf5f6cdd7c0611881dccd48adbbb118c795159ff7a7e0699e1d73633b04f5daa6c2ae85333aa62fb50570c6547aa396e072605631a913b9456c42b3847ccc6098bcbc1714938f7)![Embed Design Examples.003.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-qdO-epKZIS/74bf05f737bf60ec0d12218d4980d380fba24ed033e7c1eb07de7eb9650996d52095d0ea1c7277a4d84a8536f3a84313613044215e50a8e16ce457dc23d3a5f46c021f583597fd9d7f464e602b8e1f1abfe75e37eaea4c26a10d0adf51c51ae921fd2e87)![Embed Design Examples.004.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-mv2uUqeUv6/3db4b04ee6a44dfa45bd7dd4a9591da96cb78d19b4d87a994e38f6459adc679a5798c4d866b77ab71dafec17aecd3cb7326151b84bd3d6bd160a0fe8c243b0d93d18116e3d7b7dea48573e89731c814c525cb17261c9af8bcd078bc6db7c6b2733e42cad)![Embed Design Examples.005.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-hBl7GUXqbi/754c72abe6b65b8ac826add77b61adf232a13114cce00195e62ab86a6770fed4fa55e71bc47424e3b2d733ed46b33d243d8b5f68eb98329161009dd2bc656c66af4973af36e8cf580c49c6b5d7ff0953f3a31307e84b9161b1f073994604d7a2ccd5fcbe)![Embed Design Examples.007.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-Qf9FSu4lWu/040843eb15282a7cc394a8bd63b507f48d5116a7ae3c4e3a094fcae692866d3eb318c34758c6f6e8ab55bdea1f845a4712c3288f3775843e9a4fa826402effec4054c916d208d745ca648ce0ddaa18af9b020c3f693f935f3d38aac72aae32985c668bb5)

![Embed Design Examples.006.jpeg](https://codahosted.io/docs/zAMzMQFpNt/blobs/bl-BLE8sFiEjQ/e1aab02b2f2b8f761595a8fdbb256aefe2d578c300198da87ee94697a3eeabd8b150054b6fa161204a9f5c13f3e01867b5357ff4769a979b19add8d9e053bbf4920e0a10d8a109a8b93e7c0863afab86c2d078ec00f4dc63c134b83f3a267d68b526b956)

- [Getting started](https://learn.tryswivl.com/getting-started?hsLang=en#main-content)

    - [For Admins](https://learn.tryswivl.com/getting-started?hsLang=en#for-admins)
    - [For Agents](https://learn.tryswivl.com/getting-started?hsLang=en#for-agents)
    - [Set Up your Bot](https://learn.tryswivl.com/getting-started?hsLang=en#set-up-your-bot)
- [Roles & Permissions](https://learn.tryswivl.com/roles-permissions?hsLang=en#main-content)

    - [Password Resets](https://learn.tryswivl.com/roles-permissions?hsLang=en#password-resets)
- [Property Manager](https://learn.tryswivl.com/property-manager?hsLang=en#main-content)

    - [Details](https://learn.tryswivl.com/property-manager?hsLang=en#details)
    - [Cortex](https://learn.tryswivl.com/property-manager?hsLang=en#cortex)
    - [Groups & Locations](https://learn.tryswivl.com/property-manager?hsLang=en#groups-locations)
- [Chatbot Setup](https://learn.tryswivl.com/chatbot-setup?hsLang=en#main-content)

    - [Installing your Bot](https://learn.tryswivl.com/chatbot-setup?hsLang=en#installing-your-bot)
    - [Advanced](https://learn.tryswivl.com/chatbot-setup?hsLang=en#advanced)
- [Escalations (Live Conversations)](https://learn.tryswivl.com/escalations-live-conversations?hsLang=en#main-content)

    - [Agent Profile & Availability](https://learn.tryswivl.com/escalations-live-conversations?hsLang=en#agent-profile-availability)
    - [Handling Live Chats](https://learn.tryswivl.com/escalations-live-conversations?hsLang=en#handling-live-chats)
    - [Notifications](https://learn.tryswivl.com/escalations-live-conversations?hsLang=en#notifications)
- [FMS Integrations](https://learn.tryswivl.com/fms-integrations?hsLang=en#main-content)

    - [Connecting your FMS](https://learn.tryswivl.com/fms-integrations?hsLang=en#connecting-your-fms)
    - [Leads](https://learn.tryswivl.com/fms-integrations?hsLang=en#leads)
- [SMS & Automated Sequences](https://learn.tryswivl.com/sms-automated-sequences?hsLang=en)
- [Troubleshooting](https://learn.tryswivl.com/troubleshooting?hsLang=en)
- [Reputation Management](https://learn.tryswivl.com/reputation-management?hsLang=en)
- [spot.is (QR codes)](https://learn.tryswivl.com/spot-is-qr-codes?hsLang=en#main-content)

    - [Payments](https://learn.tryswivl.com/spot-is-qr-codes?hsLang=en#payments)
- [Performance & Analytics](https://learn.tryswivl.com/performance-analytics?hsLang=en#main-content)

    - [Analyzing Customer Behavior](https://learn.tryswivl.com/performance-analytics?hsLang=en#analyzing-customer-behavior)
- [Connecting Apps](https://learn.tryswivl.com/connecting-apps?hsLang=en#main-content)

    - [Google](https://learn.tryswivl.com/connecting-apps?hsLang=en#google)
- [Resources](https://learn.tryswivl.com/resources?hsLang=en)
- [Notifications](https://learn.tryswivl.com/notifications?hsLang=en)
- [Contact Us](https://learn.tryswivl.com/contact-us?hsLang=en)
- [Payments](https://learn.tryswivl.com/payments?hsLang=en)
- [Voice](https://learn.tryswivl.com/voice?hsLang=en)
- [Cortex](https://learn.tryswivl.com/cortex?hsLang=en)
- [Chatbot Topics](https://learn.tryswivl.com/chatbot-topics?hsLang=en)
- [Ticketing](https://learn.tryswivl.com/ticketing?hsLang=en)

[![Chill listening crop-3](https://learn.tryswivl.com/hs-fs/hubfs/swivl_logo_dark_png.png?width=80&height=24&name=swivl_logo_dark_png.png "Chill listening crop-3")](https://swivl.studio)

swivl Support

Copyright © 2026, swivl