A quick prompt that does not appear is nearly always a display location or a saving problem rather than a fault. Check these in order.

The display location does not match where you are looking

The most common cause. A prompt set to Follow-up only appears after the visitor sends a message, so it is correctly invisible when you open a fresh conversation. A prompt set to Start only appears at the beginning, so it disappears once the conversation is under way.

Open the prompt and check its Display Locations. Select both if you want it available throughout.

You are looking for it near the launcher

Quick prompts appear inside a conversation. The messages near the chat bubble, before the widget is opened, are ice breakers, which are a separate feature with their own settings. If you expected something outside the widget, you are looking for an ice breaker.

The preview is showing saved settings

The Playground preview reflects what has been saved. If you added a prompt and did not save, or saved and did not reload, the preview shows the previous state. Save, then reload the preview.

You are on the live site rather than the preview

Your website may be serving a cached page. Open it in a private window, or force a refresh, before concluding the prompt is missing.

Still not showing?

Open the quick prompts list and confirm the prompt is actually there with the locations you expect. Then open a fresh conversation in the preview, check the start position, send one message, and check the follow-up position. Testing both positions separately tells you immediately whether this is a location problem or something else.

","A quick prompt that does not appear is nearly always a display location or a saving problem rather than a fault. Check these in order.\n\n## The display location does not match where you are looking\n\nThe most common cause. A prompt set to **Follow-up** only appears after the visitor sends a message, so it is correctly invisible when you open a fresh conversation. A prompt set to **Start** only appears at the beginning, so it disappears once the conversation is under way.\n\nOpen the prompt and check its **Display Locations**. Select both if you want it available throughout.\n\n## You are looking for it near the launcher\n\nQuick prompts appear *inside* a conversation. The messages near the chat bubble, before the widget is opened, are ice breakers, which are a separate feature with their own settings. If you expected something outside the widget, you are looking for an ice breaker.\n\n## The preview is showing saved settings\n\nThe Playground preview reflects what has been saved. If you added a prompt and did not save, or saved and did not reload, the preview shows the previous state. Save, then reload the preview.\n\n## You are on the live site rather than the preview\n\nYour website may be serving a cached page. Open it in a private window, or force a refresh, before concluding the prompt is missing.\n\n## Still not showing?\n\nOpen the quick prompts list and confirm the prompt is actually there with the locations you expect. Then open a fresh conversation in the preview, check the start position, send one message, and check the follow-up position. Testing both positions separately tells you immediately whether this is a location problem or something else.\n\n## Related articles\n\n- [Create your first AI agent in Mando](https://mando.cx/help/articles/lajjuxulhqxq-create-your-first-ai-agent-in-mando)\n- [Complete the welcome setup wizard](https://mando.cx/help/articles/kn9rx3vt3b5i-complete-the-welcome-setup-wizard)\n- [How many apps each Mando AI plan includes](https://mando.cx/help/articles/nhyikofir4dc-how-many-apps-each-mando-ai-plan-includes)",{"_53":253,"_254":255},"doc","content",[256,264,273,292,303,309,321,327,332,338,343,349,354,360,405],{"_53":257,"_258":259,"_254":261},"paragraph","attrs",{"_260":-5},"textAlign",[262],{"_147":263,"_53":147},"A quick prompt that does not appear is nearly always a display location or a saving problem rather than a fault. Check these in order.",{"_53":265,"_258":266,"_254":270},"heading",{"_32":267,"_268":269,"_260":-5},"0844a393-fa48-472e-adc7-0d13cf581335","level",2,[271],{"_147":272,"_53":147},"The display location does not match where you are looking",{"_53":257,"_258":274,"_254":275},{"_260":-5},[276,278,284,286,290],{"_147":277,"_53":147},"The most common cause. A prompt set to ",{"_147":279,"_53":147,"_280":281},"Follow-up","marks",[282],{"_53":283},"bold",{"_147":285,"_53":147}," only appears after the visitor sends a message, so it is correctly invisible when you open a fresh conversation. A prompt set to ",{"_147":287,"_53":147,"_280":288},"Start",[289],{"_53":283},{"_147":291,"_53":147}," only appears at the beginning, so it disappears once the conversation is under way.",{"_53":257,"_258":293,"_254":294},{"_260":-5},[295,297,301],{"_147":296,"_53":147},"Open the prompt and check its ",{"_147":298,"_53":147,"_280":299},"Display Locations",[300],{"_53":283},{"_147":302,"_53":147},". Select both if you want it available throughout.",{"_53":265,"_258":304,"_254":306},{"_32":305,"_268":269,"_260":-5},"d3a3aabc-92d8-458a-8788-d4b99a3db426",[307],{"_147":308,"_53":147},"You are looking for it near the launcher",{"_53":257,"_258":310,"_254":311},{"_260":-5},[312,314,319],{"_147":313,"_53":147},"Quick prompts appear ",{"_147":315,"_53":147,"_280":316},"inside",[317],{"_53":318},"italic",{"_147":320,"_53":147}," a conversation. The messages near the chat bubble, before the widget is opened, are ice breakers, which are a separate feature with their own settings. If you expected something outside the widget, you are looking for an ice breaker.",{"_53":265,"_258":322,"_254":324},{"_32":323,"_268":269,"_260":-5},"60348d16-ccf5-4bbb-a6d7-149adab86896",[325],{"_147":326,"_53":147},"The preview is showing saved settings",{"_53":257,"_258":328,"_254":329},{"_260":-5},[330],{"_147":331,"_53":147},"The Playground preview reflects what has been saved. If you added a prompt and did not save, or saved and did not reload, the preview shows the previous state. Save, then reload the preview.",{"_53":265,"_258":333,"_254":335},{"_32":334,"_268":269,"_260":-5},"faeff648-9264-4f58-894f-a0cad7c11b8f",[336],{"_147":337,"_53":147},"You are on the live site rather than the preview",{"_53":257,"_258":339,"_254":340},{"_260":-5},[341],{"_147":342,"_53":147},"Your website may be serving a cached page. Open it in a private window, or force a refresh, before concluding the prompt is missing.",{"_53":265,"_258":344,"_254":346},{"_32":345,"_268":269,"_260":-5},"7c88036e-67b2-4e83-8704-9cb58517361a",[347],{"_147":348,"_53":147},"Still not showing?",{"_53":257,"_258":350,"_254":351},{"_260":-5},[352],{"_147":353,"_53":147},"Open the quick prompts list and confirm the prompt is actually there with the locations you expect. Then open a fresh conversation in the preview, check the start position, send one message, and check the follow-up position. Testing both positions separately tells you immediately whether this is a location problem or something else.",{"_53":265,"_258":355,"_254":357},{"_32":356,"_268":269,"_260":-5},"4d31f363-c74d-49c1-8670-7d60cdc6266e",[358],{"_147":359,"_53":147},"Related articles",{"_53":361,"_258":362,"_254":364},"bulletList",{"_363":27},"tight",[365,383,394],{"_53":366,"_254":367},"listItem",[368],{"_53":257,"_258":369,"_254":370},{"_260":-5},[371],{"_147":372,"_53":147,"_280":373},"Create your first AI agent in Mando",[374],{"_53":74,"_258":375},{"_376":377,"_378":379,"_380":-5,"_381":382},"rel","noopener noreferrer nofollow","href","https://mando.cx/help/articles/lajjuxulhqxq-create-your-first-ai-agent-in-mando","class","target","_blank",{"_53":366,"_254":384},[385],{"_53":257,"_258":386,"_254":387},{"_260":-5},[388],{"_147":389,"_53":147,"_280":390},"Complete the welcome setup wizard",[391],{"_53":74,"_258":392},{"_376":377,"_378":393,"_380":-5,"_381":382},"https://mando.cx/help/articles/kn9rx3vt3b5i-complete-the-welcome-setup-wizard",{"_53":366,"_254":395},[396],{"_53":257,"_258":397,"_254":398},{"_260":-5},[399],{"_147":400,"_53":147,"_280":401},"How many apps each Mando AI plan includes",[402],{"_53":74,"_258":403},{"_376":377,"_378":404,"_380":-5,"_381":382},"https://mando.cx/help/articles/nhyikofir4dc-how-many-apps-each-mando-ai-plan-includes",{"_53":257,"_258":406},{"_260":-5},{},[409,172],"app_01ksdzc3xnfqct0v509pt4ptvm",["D",1784894677892],"trained","bd71d1eced75af40ebc4f54c48a9dc9acea2909126944af2a1aec820b6b65d9d",{"_32":414,"_34":415,"_36":416,"_38":39,"_5":6,"_40":33,"_41":417,"_43":-5,"_44":9,"_45":-5,"_46":47,"_48":418,"_49":234,"_51":246,"_52":246,"_53":247,"_55":419,"_57":58,"_59":420,"_61":421,"_62":422,"_63":423,"_64":641,"_66":67,"_68":67,"_69":-5,"_70":642,"_72":27,"_73":27,"_74":-5,"_75":-5,"_76":-5,"_77":643,"_78":411,"_80":644,"_81":-5},"cnt_01kxy54bk3fajsqz9vjtdd3b1h",["D",1784497188460],["D",1784895177903],"q269mgzuo1i5",["D",1784895169665],"Create quick prompts for your chat widget","Add suggested questions that appear inside a Mando conversation, choose whether each one shows at the start or after a message, and link one to a page.","

Quick prompts are suggested questions shown inside a conversation, so a visitor can tap instead of typing. Each one appears at the start of a conversation, after the visitor has sent a message, or both.

Steps

Open your agent and go to Quick Prompts.
Select Add Quick Prompt.
Enter a Title. This is what the visitor sees on the button.
Choose the Display Locations. Pick Start to show it at the beginning of the conversation, Follow-up to show it after the visitor sends a message, or both. At least one is required.
Add the Content: either the message text sent when the visitor taps it, or a link to open instead.
Optionally add a description, then save.

How many to add

Mando does not cap the number, which makes restraint your job. A visitor scans a couple of buttons and ignores a wall of them, so a handful of genuinely common questions beats a long list. Start with three or four covering what people ask most, and add more only when you can name the question each one answers.

Frequently asked questions

What is the difference between Start and Follow-up?

Start appears at the beginning of a conversation, before anyone has typed. Follow-up appears after the visitor sends a message. A prompt can use both.

Can a quick prompt open a page instead of sending a message?

Yes. Give it a link instead of message text and it opens that URL.

Are these the same as ice breakers?

No. Ice breakers appear near the launcher before the widget is opened. Quick prompts live inside the conversation.

","Quick prompts are suggested questions shown inside a conversation, so a visitor can tap instead of typing. Each one appears at the start of a conversation, after the visitor has sent a message, or both.\n\n## Steps\n\n1. Open your agent and go to **Quick Prompts**.\n2. Select **Add Quick Prompt**.\n3. Enter a **Title**. This is what the visitor sees on the button.\n4. Choose the **Display Locations**. Pick **Start** to show it at the beginning of the conversation, **Follow-up** to show it after the visitor sends a message, or both. At least one is required.\n5. Add the **Content**: either the message text sent when the visitor taps it, or a link to open instead.\n6. Optionally add a description, then save.\n\n

\n\n\n![](https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/aaa-xInlqEqiCATJUad3ifJFByw1qO0nut.png)

\n\n\n

\n\n\n## How many to add\n\nMando does not cap the number, which makes restraint your job. A visitor scans a couple of buttons and ignores a wall of them, so a handful of genuinely common questions beats a long list. Start with three or four covering what people ask most, and add more only when you can name the question each one answers.\n\n## Frequently asked questions\n\n### What is the difference between Start and Follow-up?\n\nStart appears at the beginning of a conversation, before anyone has typed. Follow-up appears after the visitor sends a message. A prompt can use both.\n\n### Can a quick prompt open a page instead of sending a message?\n\nYes. Give it a link instead of message text and it opens that URL.\n\n### Are these the same as ice breakers?\n\nNo. Ice breakers appear near the launcher before the widget is opened. Quick prompts live inside the conversation.\n\n## Related articles\n\n- [Create your first AI agent in Mando](https://mando.cx/help/articles/lajjuxulhqxq-create-your-first-ai-agent-in-mando)\n- [Complete the welcome setup wizard](https://mando.cx/help/articles/kn9rx3vt3b5i-complete-the-welcome-setup-wizard)\n- [How many apps each Mando AI plan includes](https://mando.cx/help/articles/nhyikofir4dc-how-many-apps-each-mando-ai-plan-includes)",{"_53":253,"_254":424},[425,430,436,522,532,539,546,553,559,564,570,577,582,588,593,599,604,609,639],{"_53":257,"_258":426,"_254":427},{"_260":-5},[428],{"_147":429,"_53":147},"Quick prompts are suggested questions shown inside a conversation, so a visitor can tap instead of typing. Each one appears at the start of a conversation, after the visitor has sent a message, or both.",{"_53":265,"_258":431,"_254":433},{"_32":432,"_268":269,"_260":-5},"c83769a3-dd35-4a2f-8cf8-6dbf2942872f",[434],{"_147":435,"_53":147},"Steps",{"_53":437,"_258":438,"_254":441},"orderedList",{"_53":-5,"_439":440,"_363":27},"start",1,[442,455,467,480,502,515],{"_53":366,"_254":443},[444],{"_53":257,"_258":445,"_254":446},{"_260":-5},[447,449,453],{"_147":448,"_53":147},"Open your agent and go to ",{"_147":450,"_53":147,"_280":451},"Quick Prompts",[452],{"_53":283},{"_147":454,"_53":147},".",{"_53":366,"_254":456},[457],{"_53":257,"_258":458,"_254":459},{"_260":-5},[460,462,466],{"_147":461,"_53":147},"Select ",{"_147":463,"_53":147,"_280":464},"Add Quick Prompt",[465],{"_53":283},{"_147":454,"_53":147},{"_53":366,"_254":468},[469],{"_53":257,"_258":470,"_254":471},{"_260":-5},[472,474,478],{"_147":473,"_53":147},"Enter a ",{"_147":475,"_53":147,"_280":476},"Title",[477],{"_53":283},{"_147":479,"_53":147},". This is what the visitor sees on the button.",{"_53":366,"_254":481},[482],{"_53":257,"_258":483,"_254":484},{"_260":-5},[485,487,490,492,495,497,500],{"_147":486,"_53":147},"Choose the ",{"_147":298,"_53":147,"_280":488},[489],{"_53":283},{"_147":491,"_53":147},". Pick ",{"_147":287,"_53":147,"_280":493},[494],{"_53":283},{"_147":496,"_53":147}," to show it at the beginning of the conversation, ",{"_147":279,"_53":147,"_280":498},[499],{"_53":283},{"_147":501,"_53":147}," to show it after the visitor sends a message, or both. At least one is required.",{"_53":366,"_254":503},[504],{"_53":257,"_258":505,"_254":506},{"_260":-5},[507,509,513],{"_147":508,"_53":147},"Add the ",{"_147":510,"_53":147,"_280":511},"Content",[512],{"_53":283},{"_147":514,"_53":147},": either the message text sent when the visitor taps it, or a link to open instead.",{"_53":366,"_254":516},[517],{"_53":257,"_258":518,"_254":519},{"_260":-5},[520],{"_147":521,"_53":147},"Optionally add a description, then save.",{"_53":523,"_254":524},"blockquoteFigure",[525,530],{"_53":526,"_254":527},"quote",[528],{"_53":257,"_258":529},{"_260":-5},{"_53":531},"quoteCaption",{"_53":202,"_258":533},{"_534":-5,"_535":536,"_55":-5,"_537":538},"alt","src","https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/aaa-xInlqEqiCATJUad3ifJFByw1qO0nut.png","data-id","ast_01kya0jk8ff6a9ny8bhqdjjhqr",{"_53":523,"_254":540},[541,545],{"_53":526,"_254":542},[543],{"_53":257,"_258":544},{"_260":-5},{"_53":531},{"_53":523,"_254":547},[548,552],{"_53":526,"_254":549},[550],{"_53":257,"_258":551},{"_260":-5},{"_53":531},{"_53":265,"_258":554,"_254":556},{"_32":555,"_268":269,"_260":-5},"d638945d-5803-493c-88e1-a0264e123287",[557],{"_147":558,"_53":147},"How many to add",{"_53":257,"_258":560,"_254":561},{"_260":-5},[562],{"_147":563,"_53":147},"Mando does not cap the number, which makes restraint your job. A visitor scans a couple of buttons and ignores a wall of them, so a handful of genuinely common questions beats a long list. Start with three or four covering what people ask most, and add more only when you can name the question each one answers.",{"_53":265,"_258":565,"_254":567},{"_32":566,"_268":269,"_260":-5},"71470488-f0e1-4921-8dc9-46e32af6fb00",[568],{"_147":569,"_53":147},"Frequently asked questions",{"_53":265,"_258":571,"_254":574},{"_32":572,"_268":573,"_260":-5},"3fc1147a-900f-4b79-adbc-9792bc6ef954",3,[575],{"_147":576,"_53":147},"What is the difference between Start and Follow-up?",{"_53":257,"_258":578,"_254":579},{"_260":-5},[580],{"_147":581,"_53":147},"Start appears at the beginning of a conversation, before anyone has typed. Follow-up appears after the visitor sends a message. A prompt can use both.",{"_53":265,"_258":583,"_254":585},{"_32":584,"_268":573,"_260":-5},"3c4f5151-1d3c-4640-a7b0-61d5c38235f5",[586],{"_147":587,"_53":147},"Can a quick prompt open a page instead of sending a message?",{"_53":257,"_258":589,"_254":590},{"_260":-5},[591],{"_147":592,"_53":147},"Yes. Give it a link instead of message text and it opens that URL.",{"_53":265,"_258":594,"_254":596},{"_32":595,"_268":573,"_260":-5},"24e7130c-6ab8-4c12-a2d6-3e24d5e985af",[597],{"_147":598,"_53":147},"Are these the same as ice breakers?",{"_53":257,"_258":600,"_254":601},{"_260":-5},[602],{"_147":603,"_53":147},"No. Ice breakers appear near the launcher before the widget is opened. Quick prompts live inside the conversation.",{"_53":265,"_258":605,"_254":607},{"_32":606,"_268":269,"_260":-5},"63e5dcec-da00-4e59-8b9b-b6938b32576f",[608],{"_147":359,"_53":147},{"_53":361,"_258":610,"_254":611},{"_363":27},[612,621,630],{"_53":366,"_254":613},[614],{"_53":257,"_258":615,"_254":616},{"_260":-5},[617],{"_147":372,"_53":147,"_280":618},[619],{"_53":74,"_258":620},{"_376":377,"_378":379,"_380":-5,"_381":382},{"_53":366,"_254":622},[623],{"_53":257,"_258":624,"_254":625},{"_260":-5},[626],{"_147":389,"_53":147,"_280":627},[628],{"_53":74,"_258":629},{"_376":377,"_378":393,"_380":-5,"_381":382},{"_53":366,"_254":631},[632],{"_53":257,"_258":633,"_254":634},{"_260":-5},[635],{"_147":400,"_53":147,"_280":636},[637],{"_53":74,"_258":638},{"_376":377,"_378":404,"_380":-5,"_381":382},{"_53":257,"_258":640},{"_260":-5},{},[172,409],["D",1784895177890],"bb90390c76547a1e921f759163540c404a8e5bb4f900ab435c96e7e667399cfd",{"_32":646,"_34":647,"_36":648,"_38":39,"_5":6,"_40":33,"_41":649,"_43":-5,"_44":9,"_45":-5,"_46":47,"_48":650,"_49":234,"_51":246,"_52":246,"_53":247,"_55":651,"_57":58,"_59":652,"_61":653,"_62":654,"_63":655,"_64":848,"_66":67,"_68":67,"_69":-5,"_70":849,"_72":27,"_73":27,"_74":-5,"_75":-5,"_76":-5,"_77":850,"_78":411,"_80":851,"_81":-5},"cnt_01kxy54bb4fajsqz8zkfb81sk7",["D",1784497188205],["D",1784888268394],"7s5ga8xjowy1",["D",1784888260146],"Write the first message of every conversation","Set the greeting that opens every new conversation in the Mando chat widget, and keep it clearly distinct from the welcome on your widget home screen.","

This is the first message a visitor sees when they start a new conversation. It sets the tone before your AI agent answers anything, and it is a different setting from the home screen welcome.

Steps

Open your agent and find the Conversations Page section of the widget content settings.
Write the Greeting Message.
Optionally set the Page Title shown in the messenger header during a conversation, and the Start Button Text.
Save and check the preview.

Two greetings, two jobs

The home screen greeting welcomes someone to the widget. This conversation greeting opens the chat itself. A visitor with the home screen enabled sees both, one after the other, so avoid writing the same sentence twice.

Use the home greeting to say who you are, and the conversation greeting to invite the question.

Frequently asked questions

Does the AI write this message?

No, you write it. It is shown before the agent responds to anything.

Does it appear on WhatsApp and other channels?

No. These settings are for the website chat widget.

I turned off the home screen. Which greeting shows?

This one. With no home screen, the conversation greeting is the first thing a visitor reads.

","This is the first message a visitor sees when they start a new conversation. It sets the tone before your AI agent answers anything, and it is a different setting from the home screen welcome.\n\n## Steps\n\n1. Open your agent and find the **Conversations Page** section of the widget content settings.\n2. Write the **Greeting Message**.\n3. Optionally set the **Page Title** shown in the messenger header during a conversation, and the **Start Button Text**.\n4. Save and check the preview.\n\n

\n\n\n

\n\n\n![](https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/dashboard-mando-cx-org-2xj1unr-mw4n-pwp-sy-vwfz-lvk-xy-u7-customer-service-app-01kqgdbpgzfzy9vr4t7497vy8s-playground-5-uXd6BqTYAn5exl9ov8zONdtEeAflvk.png)

\n\n\n## Two greetings, two jobs\n\nThe **home screen greeting** welcomes someone to the widget. This **conversation greeting** opens the chat itself. A visitor with the home screen enabled sees both, one after the other, so avoid writing the same sentence twice.\n\nUse the home greeting to say who you are, and the conversation greeting to invite the question.\n\n## Frequently asked questions\n\n### Does the AI write this message?\n\nNo, you write it. It is shown before the agent responds to anything.\n\n### Does it appear on WhatsApp and other channels?\n\nNo. These settings are for the website chat widget.\n\n### I turned off the home screen. Which greeting shows?\n\nThis one. With no home screen, the conversation greeting is the first thing a visitor reads.\n\n## Related articles\n\n- [Create your first AI agent in Mando](https://mando.cx/help/articles/lajjuxulhqxq-create-your-first-ai-agent-in-mando)\n- [Complete the welcome setup wizard](https://mando.cx/help/articles/kn9rx3vt3b5i-complete-the-welcome-setup-wizard)\n- [How many apps each Mando AI plan includes](https://mando.cx/help/articles/nhyikofir4dc-how-many-apps-each-mando-ai-plan-includes)",{"_53":253,"_254":656},[657,662,667,720,727,734,738,745,751,768,773,778,784,789,795,800,806,811,816,846],{"_53":257,"_258":658,"_254":659},{"_260":-5},[660],{"_147":661,"_53":147},"This is the first message a visitor sees when they start a new conversation. It sets the tone before your AI agent answers anything, and it is a different setting from the home screen welcome.",{"_53":265,"_258":663,"_254":665},{"_32":664,"_268":269,"_260":-5},"f8ffd518-222b-4731-a9ab-118597e17f2f",[666],{"_147":435,"_53":147},{"_53":437,"_258":668,"_254":669},{"_53":-5,"_439":440,"_363":27},[670,683,695,713],{"_53":366,"_254":671},[672],{"_53":257,"_258":673,"_254":674},{"_260":-5},[675,677,681],{"_147":676,"_53":147},"Open your agent and find the ",{"_147":678,"_53":147,"_280":679},"Conversations Page",[680],{"_53":283},{"_147":682,"_53":147}," section of the widget content settings.",{"_53":366,"_254":684},[685],{"_53":257,"_258":686,"_254":687},{"_260":-5},[688,690,694],{"_147":689,"_53":147},"Write the ",{"_147":691,"_53":147,"_280":692},"Greeting Message",[693],{"_53":283},{"_147":454,"_53":147},{"_53":366,"_254":696},[697],{"_53":257,"_258":698,"_254":699},{"_260":-5},[700,702,706,708,712],{"_147":701,"_53":147},"Optionally set the ",{"_147":703,"_53":147,"_280":704},"Page Title",[705],{"_53":283},{"_147":707,"_53":147}," shown in the messenger header during a conversation, and the ",{"_147":709,"_53":147,"_280":710},"Start Button Text",[711],{"_53":283},{"_147":454,"_53":147},{"_53":366,"_254":714},[715],{"_53":257,"_258":716,"_254":717},{"_260":-5},[718],{"_147":719,"_53":147},"Save and check the preview.",{"_53":523,"_254":721},[722,726],{"_53":526,"_254":723},[724],{"_53":257,"_258":725},{"_260":-5},{"_53":531},{"_53":523,"_254":728},[729,733],{"_53":526,"_254":730},[731],{"_53":257,"_258":732},{"_260":-5},{"_53":531},{"_53":202,"_258":735},{"_534":-5,"_535":736,"_55":-5,"_537":737},"https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/dashboard-mando-cx-org-2xj1unr-mw4n-pwp-sy-vwfz-lvk-xy-u7-customer-service-app-01kqgdbpgzfzy9vr4t7497vy8s-playground-5-uXd6BqTYAn5exl9ov8zONdtEeAflvk.png","ast_01ky9t1zctesks16w1m8ynhshs",{"_53":523,"_254":739},[740,744],{"_53":526,"_254":741},[742],{"_53":257,"_258":743},{"_260":-5},{"_53":531},{"_53":265,"_258":746,"_254":748},{"_32":747,"_268":269,"_260":-5},"86e3019f-3213-46d3-9670-ca121897f091",[749],{"_147":750,"_53":147},"Two greetings, two jobs",{"_53":257,"_258":752,"_254":753},{"_260":-5},[754,756,760,762,766],{"_147":755,"_53":147},"The ",{"_147":757,"_53":147,"_280":758},"home screen greeting",[759],{"_53":283},{"_147":761,"_53":147}," welcomes someone to the widget. This ",{"_147":763,"_53":147,"_280":764},"conversation greeting",[765],{"_53":283},{"_147":767,"_53":147}," opens the chat itself. A visitor with the home screen enabled sees both, one after the other, so avoid writing the same sentence twice.",{"_53":257,"_258":769,"_254":770},{"_260":-5},[771],{"_147":772,"_53":147},"Use the home greeting to say who you are, and the conversation greeting to invite the question.",{"_53":265,"_258":774,"_254":776},{"_32":775,"_268":269,"_260":-5},"b9064645-6b44-4355-b0ef-d8546af4cbcf",[777],{"_147":569,"_53":147},{"_53":265,"_258":779,"_254":781},{"_32":780,"_268":573,"_260":-5},"49a2e225-d2ca-41b3-9596-6bdb864f6f16",[782],{"_147":783,"_53":147},"Does the AI write this message?",{"_53":257,"_258":785,"_254":786},{"_260":-5},[787],{"_147":788,"_53":147},"No, you write it. It is shown before the agent responds to anything.",{"_53":265,"_258":790,"_254":792},{"_32":791,"_268":573,"_260":-5},"71506998-b867-48dd-817d-7f849a0cb1d3",[793],{"_147":794,"_53":147},"Does it appear on WhatsApp and other channels?",{"_53":257,"_258":796,"_254":797},{"_260":-5},[798],{"_147":799,"_53":147},"No. These settings are for the website chat widget.",{"_53":265,"_258":801,"_254":803},{"_32":802,"_268":573,"_260":-5},"e2ce2ce1-1631-42d8-9f51-79c655b6034b",[804],{"_147":805,"_53":147},"I turned off the home screen. Which greeting shows?",{"_53":257,"_258":807,"_254":808},{"_260":-5},[809],{"_147":810,"_53":147},"This one. With no home screen, the conversation greeting is the first thing a visitor reads.",{"_53":265,"_258":812,"_254":814},{"_32":813,"_268":269,"_260":-5},"8a5a65f6-4fc2-4042-bedb-59ca7375b738",[815],{"_147":359,"_53":147},{"_53":361,"_258":817,"_254":818},{"_363":27},[819,828,837],{"_53":366,"_254":820},[821],{"_53":257,"_258":822,"_254":823},{"_260":-5},[824],{"_147":372,"_53":147,"_280":825},[826],{"_53":74,"_258":827},{"_376":377,"_378":379,"_380":-5,"_381":382},{"_53":366,"_254":829},[830],{"_53":257,"_258":831,"_254":832},{"_260":-5},[833],{"_147":389,"_53":147,"_280":834},[835],{"_53":74,"_258":836},{"_376":377,"_378":393,"_380":-5,"_381":382},{"_53":366,"_254":838},[839],{"_53":257,"_258":840,"_254":841},{"_260":-5},[842],{"_147":400,"_53":147,"_280":843},[844],{"_53":74,"_258":845},{"_376":377,"_378":404,"_380":-5,"_381":382},{"_53":257,"_258":847},{"_260":-5},{},[172,409],["D",1784888268377],"daa5a4931ace0e091611631e2bad3e4394b5f7fc9eb12362501bfb81c011bb14",{"_32":853,"_34":854,"_36":855,"_38":39,"_5":6,"_40":33,"_41":856,"_43":-5,"_44":9,"_45":-5,"_46":47,"_48":857,"_49":234,"_51":246,"_52":246,"_53":247,"_55":858,"_57":58,"_59":859,"_61":860,"_62":861,"_63":862,"_64":1031,"_66":67,"_68":67,"_69":-5,"_70":1032,"_72":27,"_73":27,"_74":-5,"_75":-5,"_76":-5,"_77":1033,"_78":411,"_80":1034,"_81":-5},"cnt_01kxy54b76fajsqz8ctxy9tabq",["D",1784497188079],["D",1784893461496],"45bw1xddtp7m",["D",1784893451760],"Write the widget home greeting message","Write the welcome shown at the top of your Mando widget home screen, and use a variable so that signed-in visitors are greeted by their own first name.","

The home greeting is the short welcome at the top of your widget home screen. It is the first thing a visitor reads, and it is separate from the message that opens a conversation.

Steps

Open your agent and find the Home Page section of the widget content settings.
Write your Greeting Message. Keep it short and friendly.
Optionally write an Introduction Message, shown just below it to guide the visitor.
Save and check the preview.

Greet signed-in visitors by name

You can include a variable in the greeting to address logged-in users personally, written in curly braces such as {varName}. Visitors you have identified see their own name; everyone else sees the rest of the greeting normally.

Write it so the sentence still reads well without the name, since not every visitor is signed in.

Frequently asked questions

Is this the same as the conversation greeting?

No. This one is on the home screen. The conversation greeting is the first message inside a new conversation, set separately.

Nobody sees my greeting

Check the home screen is switched on. With it off, visitors go straight into a conversation and never see the home screen.

","The home greeting is the short welcome at the top of your widget home screen. It is the first thing a visitor reads, and it is separate from the message that opens a conversation.\n\n## Steps\n\n1. Open your agent and find the **Home Page** section of the widget content settings.\n2. Write your **Greeting Message**. Keep it short and friendly.\n3. Optionally write an **Introduction Message**, shown just below it to guide the visitor.\n4. Save and check the preview.\n\n

\n\n\n

\n\n\n## Greet signed-in visitors by name\n\nYou can include a variable in the greeting to address logged-in users personally, written in curly braces such as `{varName}`. Visitors you have identified see their own name; everyone else sees the rest of the greeting normally.\n\nWrite it so the sentence still reads well without the name, since not every visitor is signed in.\n\n## Frequently asked questions\n\n### Is this the same as the conversation greeting?\n\nNo. This one is on the home screen. The conversation greeting is the first message inside a new conversation, set separately.\n\n### Nobody sees my greeting\n\nCheck the home screen is switched on. With it off, visitors go straight into a conversation and never see the home screen.\n\n## Related articles\n\n- [Create your first AI agent in Mando](https://mando.cx/help/articles/lajjuxulhqxq-create-your-first-ai-agent-in-mando)\n- [Complete the welcome setup wizard](https://mando.cx/help/articles/kn9rx3vt3b5i-complete-the-welcome-setup-wizard)\n- [How many apps each Mando AI plan includes](https://mando.cx/help/articles/nhyikofir4dc-how-many-apps-each-mando-ai-plan-includes)",{"_53":253,"_254":863},[864,869,874,919,926,933,937,944,950,962,967,972,978,983,989,994,999,1029],{"_53":257,"_258":865,"_254":866},{"_260":-5},[867],{"_147":868,"_53":147},"The home greeting is the short welcome at the top of your widget home screen. It is the first thing a visitor reads, and it is separate from the message that opens a conversation.",{"_53":265,"_258":870,"_254":872},{"_32":871,"_268":269,"_260":-5},"bf939c97-e55a-485f-b0fc-3fa4c3b47ccb",[873],{"_147":435,"_53":147},{"_53":437,"_258":875,"_254":876},{"_53":-5,"_439":440,"_363":27},[877,888,900,913],{"_53":366,"_254":878},[879],{"_53":257,"_258":880,"_254":881},{"_260":-5},[882,883,887],{"_147":676,"_53":147},{"_147":884,"_53":147,"_280":885},"Home Page",[886],{"_53":283},{"_147":682,"_53":147},{"_53":366,"_254":889},[890],{"_53":257,"_258":891,"_254":892},{"_260":-5},[893,895,898],{"_147":894,"_53":147},"Write your ",{"_147":691,"_53":147,"_280":896},[897],{"_53":283},{"_147":899,"_53":147},". Keep it short and friendly.",{"_53":366,"_254":901},[902],{"_53":257,"_258":903,"_254":904},{"_260":-5},[905,907,911],{"_147":906,"_53":147},"Optionally write an ",{"_147":908,"_53":147,"_280":909},"Introduction Message",[910],{"_53":283},{"_147":912,"_53":147},", shown just below it to guide the visitor.",{"_53":366,"_254":914},[915],{"_53":257,"_258":916,"_254":917},{"_260":-5},[918],{"_147":719,"_53":147},{"_53":523,"_254":920},[921,925],{"_53":526,"_254":922},[923],{"_53":257,"_258":924},{"_260":-5},{"_53":531},{"_53":523,"_254":927},[928,932],{"_53":526,"_254":929},[930],{"_53":257,"_258":931},{"_260":-5},{"_53":531},{"_53":202,"_258":934},{"_534":-5,"_535":935,"_55":-5,"_537":936},"https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/dashboard-mando-cx-org-2xj1unr-mw4n-pwp-sy-vwfz-lvk-xy-u7-customer-service-app-01kqgdbpgzfzy9vr4t7497vy8s-playground-2-ugYp8qvmIwFpBJKSvBATdRaY7A8Pyr.png","ast_01ky9z0m26fakam4fxre36nz93",{"_53":523,"_254":938},[939,943],{"_53":526,"_254":940},[941],{"_53":257,"_258":942},{"_260":-5},{"_53":531},{"_53":265,"_258":945,"_254":947},{"_32":946,"_268":269,"_260":-5},"dbb423b1-6ead-431a-a449-77c63231f44e",[948],{"_147":949,"_53":147},"Greet signed-in visitors by name",{"_53":257,"_258":951,"_254":952},{"_260":-5},[953,955,960],{"_147":954,"_53":147},"You can include a variable in the greeting to address logged-in users personally, written in curly braces such as ",{"_147":956,"_53":147,"_280":957},"{varName}",[958],{"_53":959},"code",{"_147":961,"_53":147},". Visitors you have identified see their own name; everyone else sees the rest of the greeting normally.",{"_53":257,"_258":963,"_254":964},{"_260":-5},[965],{"_147":966,"_53":147},"Write it so the sentence still reads well without the name, since not every visitor is signed in.",{"_53":265,"_258":968,"_254":970},{"_32":969,"_268":269,"_260":-5},"95096878-973e-4a7e-9ffa-1313bafd8595",[971],{"_147":569,"_53":147},{"_53":265,"_258":973,"_254":975},{"_32":974,"_268":573,"_260":-5},"e86ac533-5130-4703-a257-ffa490f2aef2",[976],{"_147":977,"_53":147},"Is this the same as the conversation greeting?",{"_53":257,"_258":979,"_254":980},{"_260":-5},[981],{"_147":982,"_53":147},"No. This one is on the home screen. The conversation greeting is the first message inside a new conversation, set separately.",{"_53":265,"_258":984,"_254":986},{"_32":985,"_268":573,"_260":-5},"4cb2dfb4-4e9f-4bdc-a5c4-b6f172d1e2b6",[987],{"_147":988,"_53":147},"Nobody sees my greeting",{"_53":257,"_258":990,"_254":991},{"_260":-5},[992],{"_147":993,"_53":147},"Check the home screen is switched on. With it off, visitors go straight into a conversation and never see the home screen.",{"_53":265,"_258":995,"_254":997},{"_32":996,"_268":269,"_260":-5},"3fb70363-9faf-4286-8b53-e1366e1c9fe9",[998],{"_147":359,"_53":147},{"_53":361,"_258":1000,"_254":1001},{"_363":27},[1002,1011,1020],{"_53":366,"_254":1003},[1004],{"_53":257,"_258":1005,"_254":1006},{"_260":-5},[1007],{"_147":372,"_53":147,"_280":1008},[1009],{"_53":74,"_258":1010},{"_376":377,"_378":379,"_380":-5,"_381":382},{"_53":366,"_254":1012},[1013],{"_53":257,"_258":1014,"_254":1015},{"_260":-5},[1016],{"_147":389,"_53":147,"_280":1017},[1018],{"_53":74,"_258":1019},{"_376":377,"_378":393,"_380":-5,"_381":382},{"_53":366,"_254":1021},[1022],{"_53":257,"_258":1023,"_254":1024},{"_260":-5},[1025],{"_147":400,"_53":147,"_280":1026},[1027],{"_53":74,"_258":1028},{"_376":377,"_378":404,"_380":-5,"_381":382},{"_53":257,"_258":1030},{"_260":-5},{},[172,409],["D",1784893461482],"c8e2c25c3d3f96161e34baa75017ffe793056129dcc8bffbbc36c07765f65abd",{"_32":1036,"_34":1037,"_36":1038,"_38":39,"_5":6,"_40":33,"_41":1039,"_43":-5,"_44":9,"_45":-5,"_46":47,"_48":1040,"_49":234,"_51":246,"_52":246,"_53":247,"_55":1041,"_57":58,"_59":1042,"_61":1043,"_62":1044,"_63":1045,"_64":1198,"_66":67,"_68":67,"_69":-5,"_70":1199,"_72":27,"_73":27,"_74":-5,"_75":-5,"_76":-5,"_77":1200,"_78":411,"_80":1201,"_81":-5},"cnt_01kxy54b35fajsqz7xw9t5cqac",["D",1784497187950],["D",1784737748362],"k76q2lvak3ql",["D",1784737738675],"Turn the widget home screen on or off","Decide whether visitors land on a home screen before they start chatting in Mando, or whether they go straight into a conversation with your AI agent.","

The home screen is what a visitor sees when they open the widget, before any conversation starts. Turn it off and they land straight in a conversation instead.

Steps

Open your agent and go to the step where you configure what visitors see.
Find the Home Page section.
Switch Active / Inactive on to show a home screen, or off to skip it.
Save and check the preview.

Which to choose

Keep the home screen when you want a place for a welcome, a help centre search, and a start button, so visitors get oriented before typing. Turn it off when you want the shortest path to a conversation, which usually suits a support-only widget where every visitor already has a question.

Frequently asked questions

Does turning it off delete my home screen settings?

No. The greeting and other home screen content stay saved, they just stop being shown. Turn it back on and they reappear.

What happens to my help centre inside the widget?

The help centre is shown through the home screen, so hiding the home screen also removes that entry point.

","The home screen is what a visitor sees when they open the widget, before any conversation starts. Turn it off and they land straight in a conversation instead.\n\n## Steps\n\n1. Open your agent and go to the step where you configure what visitors see.\n2. Find the **Home Page** section.\n3. Switch **Active / Inactive** on to show a home screen, or off to skip it.\n4. Save and check the preview.\n\n

\n\n\n

\n\n\n## Which to choose\n\nKeep the home screen when you want a place for a welcome, a help centre search, and a start button, so visitors get oriented before typing. Turn it off when you want the shortest path to a conversation, which usually suits a support-only widget where every visitor already has a question.\n\n## Frequently asked questions\n\n### Does turning it off delete my home screen settings?\n\nNo. The greeting and other home screen content stay saved, they just stop being shown. Turn it back on and they reappear.\n\n### What happens to my help centre inside the widget?\n\nThe help centre is shown through the home screen, so hiding the home screen also removes that entry point.\n\n## Related articles\n\n- [Create your first AI agent in Mando](https://mando.cx/help/articles/lajjuxulhqxq-create-your-first-ai-agent-in-mando)\n- [Complete the welcome setup wizard](https://mando.cx/help/articles/kn9rx3vt3b5i-complete-the-welcome-setup-wizard)\n- [How many apps each Mando AI plan includes](https://mando.cx/help/articles/nhyikofir4dc-how-many-apps-each-mando-ai-plan-includes)",{"_53":253,"_254":1046},[1047,1052,1057,1098,1105,1112,1116,1123,1129,1134,1139,1145,1150,1156,1161,1166,1196],{"_53":257,"_258":1048,"_254":1049},{"_260":-5},[1050],{"_147":1051,"_53":147},"The home screen is what a visitor sees when they open the widget, before any conversation starts. Turn it off and they land straight in a conversation instead.",{"_53":265,"_258":1053,"_254":1055},{"_32":1054,"_268":269,"_260":-5},"b2f83dae-64a4-417d-b9d6-292238cec6f3",[1056],{"_147":435,"_53":147},{"_53":437,"_258":1058,"_254":1059},{"_53":-5,"_439":440,"_363":27},[1060,1067,1079,1092],{"_53":366,"_254":1061},[1062],{"_53":257,"_258":1063,"_254":1064},{"_260":-5},[1065],{"_147":1066,"_53":147},"Open your agent and go to the step where you configure what visitors see.",{"_53":366,"_254":1068},[1069],{"_53":257,"_258":1070,"_254":1071},{"_260":-5},[1072,1074,1077],{"_147":1073,"_53":147},"Find the ",{"_147":884,"_53":147,"_280":1075},[1076],{"_53":283},{"_147":1078,"_53":147}," section.",{"_53":366,"_254":1080},[1081],{"_53":257,"_258":1082,"_254":1083},{"_260":-5},[1084,1086,1090],{"_147":1085,"_53":147},"Switch ",{"_147":1087,"_53":147,"_280":1088},"Active / Inactive",[1089],{"_53":283},{"_147":1091,"_53":147}," on to show a home screen, or off to skip it.",{"_53":366,"_254":1093},[1094],{"_53":257,"_258":1095,"_254":1096},{"_260":-5},[1097],{"_147":719,"_53":147},{"_53":523,"_254":1099},[1100,1104],{"_53":526,"_254":1101},[1102],{"_53":257,"_258":1103},{"_260":-5},{"_53":531},{"_53":523,"_254":1106},[1107,1111],{"_53":526,"_254":1108},[1109],{"_53":257,"_258":1110},{"_260":-5},{"_53":531},{"_53":202,"_258":1113},{"_534":-5,"_535":1114,"_55":-5,"_537":1115},"https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/dashboard-mando-cx-org-2xj1unr-mw4n-pwp-sy-vwfz-lvk-xy-u7-customer-service-app-01kqgdbpgzfzy9vr4t7497vy8s-playground-1-XONGtqZSSFYpZdTM70RhOj6pSN3wYn.png","ast_01ky5a81yge8kt019g9dzw9zqx",{"_53":523,"_254":1117},[1118,1122],{"_53":526,"_254":1119},[1120],{"_53":257,"_258":1121},{"_260":-5},{"_53":531},{"_53":265,"_258":1124,"_254":1126},{"_32":1125,"_268":269,"_260":-5},"aedf9390-0e8d-44e5-bc4e-67544c92d0ba",[1127],{"_147":1128,"_53":147},"Which to choose",{"_53":257,"_258":1130,"_254":1131},{"_260":-5},[1132],{"_147":1133,"_53":147},"Keep the home screen when you want a place for a welcome, a help centre search, and a start button, so visitors get oriented before typing. Turn it off when you want the shortest path to a conversation, which usually suits a support-only widget where every visitor already has a question.",{"_53":265,"_258":1135,"_254":1137},{"_32":1136,"_268":269,"_260":-5},"d6b0a14e-1c20-476b-bb89-deb5dad0def6",[1138],{"_147":569,"_53":147},{"_53":265,"_258":1140,"_254":1142},{"_32":1141,"_268":573,"_260":-5},"47c6a67e-04d8-4c25-a0e5-3550ae687905",[1143],{"_147":1144,"_53":147},"Does turning it off delete my home screen settings?",{"_53":257,"_258":1146,"_254":1147},{"_260":-5},[1148],{"_147":1149,"_53":147},"No. The greeting and other home screen content stay saved, they just stop being shown. Turn it back on and they reappear.",{"_53":265,"_258":1151,"_254":1153},{"_32":1152,"_268":573,"_260":-5},"a3bdc14a-881d-4fa3-80d8-1e206b0c7967",[1154],{"_147":1155,"_53":147},"What happens to my help centre inside the widget?",{"_53":257,"_258":1157,"_254":1158},{"_260":-5},[1159],{"_147":1160,"_53":147},"The help centre is shown through the home screen, so hiding the home screen also removes that entry point.",{"_53":265,"_258":1162,"_254":1164},{"_32":1163,"_268":269,"_260":-5},"94475631-0a3c-418f-89f0-b281cdd238f0",[1165],{"_147":359,"_53":147},{"_53":361,"_258":1167,"_254":1168},{"_363":27},[1169,1178,1187],{"_53":366,"_254":1170},[1171],{"_53":257,"_258":1172,"_254":1173},{"_260":-5},[1174],{"_147":372,"_53":147,"_280":1175},[1176],{"_53":74,"_258":1177},{"_376":377,"_378":379,"_380":-5,"_381":382},{"_53":366,"_254":1179},[1180],{"_53":257,"_258":1181,"_254":1182},{"_260":-5},[1183],{"_147":389,"_53":147,"_280":1184},[1185],{"_53":74,"_258":1186},{"_376":377,"_378":393,"_380":-5,"_381":382},{"_53":366,"_254":1188},[1189],{"_53":257,"_258":1190,"_254":1191},{"_260":-5},[1192],{"_147":400,"_53":147,"_280":1193},[1194],{"_53":74,"_258":1195},{"_376":377,"_378":404,"_380":-5,"_381":382},{"_53":257,"_258":1197},{"_260":-5},{},[172,409],["D",1784737748345],"bc6c60fa5c199a4a48bd7e4d93919cdd6183489bd0c03dec930d47fc36407ca4",{"_32":1203,"_34":1204,"_36":1205,"_38":39,"_5":6,"_40":33,"_41":1206,"_43":-5,"_44":9,"_45":-5,"_46":47,"_48":1207,"_49":246,"_51":246,"_52":246,"_53":247,"_55":1208,"_57":58,"_59":1209,"_61":1210,"_62":1211,"_63":1212,"_64":1441,"_66":67,"_68":67,"_69":-5,"_70":1442,"_72":27,"_73":27,"_74":-5,"_75":-5,"_76":-5,"_77":1443,"_78":411,"_80":1444,"_81":-5},"cnt_01kxy54azafajsqz7bxs9jxrga",["D",1784497187827],["D",1784735199751],"r22b9opoifr8",["D",1784735189446],"Change your chat widget colors","Set the action, background and header colours of the Mando chat widget, choose a solid header or a gradient, and keep the header text readable throughout.","

Widget colour is set in two places: the general colours that apply throughout, and the header colours which have their own controls including a gradient option.

Steps

Open your agent and go to Set Design.
Under General, set the Action Color. This is used for buttons, links and other key interactive elements, so it is the one visitors notice most.
Set the Background Color, which covers the messenger background.
Under Header, choose a Background Type: Color or Gradient.
Set Color 1. If you chose Gradient, set Color 2 as the second stop.
Set Text Color to Light or Dark, whichever reads better against your header.
Save and check the preview.

Getting it readable

Text Color is the setting people skip, and it is the one that breaks a widget. A dark header with dark text is unreadable, and the colour pickers will not stop you. Set your header colour first, then pick Light or Dark text to suit it.

Faded Background adds a soft fade below the header if you want a little depth rather than a hard edge.

Frequently asked questions

What is the difference between Action Color and header colour?

Action Color applies to buttons and links throughout the widget. The header colours only affect the bar at the top.

My colour looks different on the live site

Check you saved, and that you are not viewing a cached version of your page. The preview and the live widget use the same settings.

Can I use a gradient anywhere else?

The gradient option is specific to the header.

","Widget colour is set in two places: the general colours that apply throughout, and the header colours which have their own controls including a gradient option.\n\n## Steps\n\n1. Open your agent and go to **Set Design**.\n2. Under **General**, set the **Action Color**. This is used for buttons, links and other key interactive elements, so it is the one visitors notice most.\n3. Set the **Background Color**, which covers the messenger background.\n4. Under **Header**, choose a **Background Type**: Color or Gradient.\n5. Set **Color 1**. If you chose Gradient, set **Color 2** as the second stop.\n6. Set **Text Color** to Light or Dark, whichever reads better against your header.\n7. Save and check the preview.\n\n

\n\n\n![](https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/11eng-ZQwlwOV7s17H40zDuJB07GxjnlBqu8.png)

\n\n\n## Getting it readable\n\n**Text Color** is the setting people skip, and it is the one that breaks a widget. A dark header with dark text is unreadable, and the colour pickers will not stop you. Set your header colour first, then pick Light or Dark text to suit it.\n\n**Faded Background** adds a soft fade below the header if you want a little depth rather than a hard edge.\n\n## Frequently asked questions\n\n### What is the difference between Action Color and header colour?\n\nAction Color applies to buttons and links throughout the widget. The header colours only affect the bar at the top.\n\n### My colour looks different on the live site\n\nCheck you saved, and that you are not viewing a cached version of your page. The preview and the live widget use the same settings.\n\n### Can I use a gradient anywhere else?\n\nThe gradient option is specific to the header.\n\n## Related articles\n\n- [Create your first AI agent in Mando](https://mando.cx/help/articles/lajjuxulhqxq-create-your-first-ai-agent-in-mando)\n- [Complete the welcome setup wizard](https://mando.cx/help/articles/kn9rx3vt3b5i-complete-the-welcome-setup-wizard)\n- [How many apps each Mando AI plan includes](https://mando.cx/help/articles/nhyikofir4dc-how-many-apps-each-mando-ai-plan-includes)",{"_53":253,"_254":1213},[1214,1219,1224,1325,1332,1336,1343,1349,1357,1366,1371,1377,1382,1388,1393,1399,1404,1409,1439],{"_53":257,"_258":1215,"_254":1216},{"_260":-5},[1217],{"_147":1218,"_53":147},"Widget colour is set in two places: the general colours that apply throughout, and the header colours which have their own controls including a gradient option.",{"_53":265,"_258":1220,"_254":1222},{"_32":1221,"_268":269,"_260":-5},"50df57ee-d181-4a18-86b5-11f21829fced",[1223],{"_147":435,"_53":147},{"_53":437,"_258":1225,"_254":1226},{"_53":-5,"_439":440,"_363":27},[1227,1238,1257,1270,1288,1307,1319],{"_53":366,"_254":1228},[1229],{"_53":257,"_258":1230,"_254":1231},{"_260":-5},[1232,1233,1237],{"_147":448,"_53":147},{"_147":1234,"_53":147,"_280":1235},"Set Design",[1236],{"_53":283},{"_147":454,"_53":147},{"_53":366,"_254":1239},[1240],{"_53":257,"_258":1241,"_254":1242},{"_260":-5},[1243,1245,1249,1251,1255],{"_147":1244,"_53":147},"Under ",{"_147":1246,"_53":147,"_280":1247},"General",[1248],{"_53":283},{"_147":1250,"_53":147},", set the ",{"_147":1252,"_53":147,"_280":1253},"Action Color",[1254],{"_53":283},{"_147":1256,"_53":147},". This is used for buttons, links and other key interactive elements, so it is the one visitors notice most.",{"_53":366,"_254":1258},[1259],{"_53":257,"_258":1260,"_254":1261},{"_260":-5},[1262,1264,1268],{"_147":1263,"_53":147},"Set the ",{"_147":1265,"_53":147,"_280":1266},"Background Color",[1267],{"_53":283},{"_147":1269,"_53":147},", which covers the messenger background.",{"_53":366,"_254":1271},[1272],{"_53":257,"_258":1273,"_254":1274},{"_260":-5},[1275,1276,1280,1282,1286],{"_147":1244,"_53":147},{"_147":1277,"_53":147,"_280":1278},"Header",[1279],{"_53":283},{"_147":1281,"_53":147},", choose a ",{"_147":1283,"_53":147,"_280":1284},"Background Type",[1285],{"_53":283},{"_147":1287,"_53":147},": Color or Gradient.",{"_53":366,"_254":1289},[1290],{"_53":257,"_258":1291,"_254":1292},{"_260":-5},[1293,1295,1299,1301,1305],{"_147":1294,"_53":147},"Set ",{"_147":1296,"_53":147,"_280":1297},"Color 1",[1298],{"_53":283},{"_147":1300,"_53":147},". If you chose Gradient, set ",{"_147":1302,"_53":147,"_280":1303},"Color 2",[1304],{"_53":283},{"_147":1306,"_53":147}," as the second stop.",{"_53":366,"_254":1308},[1309],{"_53":257,"_258":1310,"_254":1311},{"_260":-5},[1312,1313,1317],{"_147":1294,"_53":147},{"_147":1314,"_53":147,"_280":1315},"Text Color",[1316],{"_53":283},{"_147":1318,"_53":147}," to Light or Dark, whichever reads better against your header.",{"_53":366,"_254":1320},[1321],{"_53":257,"_258":1322,"_254":1323},{"_260":-5},[1324],{"_147":719,"_53":147},{"_53":523,"_254":1326},[1327,1331],{"_53":526,"_254":1328},[1329],{"_53":257,"_258":1330},{"_260":-5},{"_53":531},{"_53":202,"_258":1333},{"_534":-5,"_535":1334,"_55":-5,"_537":1335},"https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/11eng-ZQwlwOV7s17H40zDuJB07GxjnlBqu8.png","ast_01ky582v71fapv4nzhchbmxjn1",{"_53":523,"_254":1337},[1338,1342],{"_53":526,"_254":1339},[1340],{"_53":257,"_258":1341},{"_260":-5},{"_53":531},{"_53":265,"_258":1344,"_254":1346},{"_32":1345,"_268":269,"_260":-5},"a3dddbfe-7483-45a5-92f3-81361695bfb6",[1347],{"_147":1348,"_53":147},"Getting it readable",{"_53":257,"_258":1350,"_254":1351},{"_260":-5},[1352,1355],{"_147":1314,"_53":147,"_280":1353},[1354],{"_53":283},{"_147":1356,"_53":147}," is the setting people skip, and it is the one that breaks a widget. A dark header with dark text is unreadable, and the colour pickers will not stop you. Set your header colour first, then pick Light or Dark text to suit it.",{"_53":257,"_258":1358,"_254":1359},{"_260":-5},[1360,1364],{"_147":1361,"_53":147,"_280":1362},"Faded Background",[1363],{"_53":283},{"_147":1365,"_53":147}," adds a soft fade below the header if you want a little depth rather than a hard edge.",{"_53":265,"_258":1367,"_254":1369},{"_32":1368,"_268":269,"_260":-5},"1d70e425-ab52-49f2-b4c1-34ab42c54b51",[1370],{"_147":569,"_53":147},{"_53":265,"_258":1372,"_254":1374},{"_32":1373,"_268":573,"_260":-5},"857edc12-0273-426b-8489-8231d37cd4ab",[1375],{"_147":1376,"_53":147},"What is the difference between Action Color and header colour?",{"_53":257,"_258":1378,"_254":1379},{"_260":-5},[1380],{"_147":1381,"_53":147},"Action Color applies to buttons and links throughout the widget. The header colours only affect the bar at the top.",{"_53":265,"_258":1383,"_254":1385},{"_32":1384,"_268":573,"_260":-5},"59bec6c5-6e06-4d81-b51a-80dc41b52e86",[1386],{"_147":1387,"_53":147},"My colour looks different on the live site",{"_53":257,"_258":1389,"_254":1390},{"_260":-5},[1391],{"_147":1392,"_53":147},"Check you saved, and that you are not viewing a cached version of your page. The preview and the live widget use the same settings.",{"_53":265,"_258":1394,"_254":1396},{"_32":1395,"_268":573,"_260":-5},"c531f7a8-1dde-4d7d-9e61-ec1c36300972",[1397],{"_147":1398,"_53":147},"Can I use a gradient anywhere else?",{"_53":257,"_258":1400,"_254":1401},{"_260":-5},[1402],{"_147":1403,"_53":147},"The gradient option is specific to the header.",{"_53":265,"_258":1405,"_254":1407},{"_32":1406,"_268":269,"_260":-5},"12a3f825-21b0-4334-9237-8811329fd534",[1408],{"_147":359,"_53":147},{"_53":361,"_258":1410,"_254":1411},{"_363":27},[1412,1421,1430],{"_53":366,"_254":1413},[1414],{"_53":257,"_258":1415,"_254":1416},{"_260":-5},[1417],{"_147":372,"_53":147,"_280":1418},[1419],{"_53":74,"_258":1420},{"_376":377,"_378":379,"_380":-5,"_381":382},{"_53":366,"_254":1422},[1423],{"_53":257,"_258":1424,"_254":1425},{"_260":-5},[1426],{"_147":389,"_53":147,"_280":1427},[1428],{"_53":74,"_258":1429},{"_376":377,"_378":393,"_380":-5,"_381":382},{"_53":366,"_254":1431},[1432],{"_53":257,"_258":1433,"_254":1434},{"_260":-5},[1435],{"_147":400,"_53":147,"_280":1436},[1437],{"_53":74,"_258":1438},{"_376":377,"_378":404,"_380":-5,"_381":382},{"_53":257,"_258":1440},{"_260":-5},{},[172,409],["D",1784735199731],"f455f4bf2ac0ed7504195587d91824857c7c0fe12302c003b17b212f60fab49d",{"_32":1446,"_34":1447,"_36":1448,"_38":39,"_5":6,"_40":33,"_41":1449,"_43":-5,"_44":9,"_45":-5,"_46":47,"_48":1450,"_49":234,"_51":246,"_52":246,"_53":247,"_55":1451,"_57":58,"_59":1452,"_61":1453,"_62":1454,"_63":1455,"_64":1631,"_66":67,"_68":67,"_69":-5,"_70":1632,"_72":27,"_73":27,"_74":-5,"_75":-5,"_76":-5,"_77":1633,"_78":411,"_80":1634,"_81":-5},"cnt_01kxy54av6fajsqz6z2nyv6n1y",["D",1784497187694],["D",1784738210274],"ud7r8f51rqx1",["D",1784738200909],"What you can customize in the chat widget","Tour every part of the Mando chat widget you can change, from colours and fonts to the home screen, the conversation screen and the launcher position.","

Almost everything a visitor sees in the Mando chat widget is yours to change. The settings are grouped into four areas: general colours and fonts, the header, the launcher, and the content of the home and conversation screens.

Colours and fonts

Set the Action Color used for buttons and links, the Background Color for the messenger, and the Font Family used throughout. Proactive pop-ups can inherit your website font or use their own.

The header

The header takes a solid colour or a gradient, with a second colour when you choose gradient. You can add a soft fade beneath it, switch the text between light and dark for readability, and show your company icon or your team members' avatars.

The launcher

The launcher is the bubble visitors click. Put it on the left or the right, and adjust its horizontal and vertical gap in pixels so it does not sit on top of anything else on your site.

The two screens

The widget has a home screen, shown before any conversation starts, and a conversation screen. Each has its own greeting and its own settings, which is the single most common source of confusion: changing one does not change the other.

The conversation screen also carries the visitor-facing extras: product carousels, an add to cart button, feedback buttons and answer sources.

Frequently asked questions

Where do I see my changes?

The live preview beside the settings. It shows saved settings, so save first if a change has not appeared.

Can I remove the Mando branding?

Yes, with the branding add-on on any paid plan.

Do these settings affect WhatsApp or Instagram?

No. They only change the chat widget on your website. Other channels use their own interfaces.

","Almost everything a visitor sees in the Mando chat widget is yours to change. The settings are grouped into four areas: general colours and fonts, the header, the launcher, and the content of the home and conversation screens.\n\n## Colours and fonts\n\nSet the **Action Color** used for buttons and links, the **Background Color** for the messenger, and the **Font Family** used throughout. Proactive pop-ups can inherit your website font or use their own.\n\n## The header\n\nThe header takes a solid colour or a gradient, with a second colour when you choose gradient. You can add a soft fade beneath it, switch the text between light and dark for readability, and show your company icon or your team members' avatars.\n\n## The launcher\n\nThe launcher is the bubble visitors click. Put it on the left or the right, and adjust its horizontal and vertical gap in pixels so it does not sit on top of anything else on your site.\n\n

\n\n\n![](https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/13-FSw1T1MiGkrXMyvOuabMlOsm6Yykce.png)

\n\n\n## The two screens\n\nThe widget has a **home screen**, shown before any conversation starts, and a **conversation screen**. Each has its own greeting and its own settings, which is the single most common source of confusion: changing one does not change the other.\n\nThe conversation screen also carries the visitor-facing extras: product carousels, an add to cart button, feedback buttons and answer sources.\n\n## Frequently asked questions\n\n### Where do I see my changes?\n\nThe live preview beside the settings. It shows saved settings, so save first if a change has not appeared.\n\n### Can I remove the Mando branding?\n\nYes, with the branding add-on on any paid plan.\n\n### Do these settings affect WhatsApp or Instagram?\n\nNo. They only change the chat widget on your website. Other channels use their own interfaces.\n\n## Related articles\n\n- [Create your first AI agent in Mando](https://mando.cx/help/articles/lajjuxulhqxq-create-your-first-ai-agent-in-mando)\n- [Complete the welcome setup wizard](https://mando.cx/help/articles/kn9rx3vt3b5i-complete-the-welcome-setup-wizard)\n- [How many apps each Mando AI plan includes](https://mando.cx/help/articles/nhyikofir4dc-how-many-apps-each-mando-ai-plan-includes)",{"_53":253,"_254":1456},[1457,1462,1468,1488,1494,1499,1505,1510,1517,1521,1528,1534,1551,1556,1561,1567,1572,1578,1583,1589,1594,1599,1629],{"_53":257,"_258":1458,"_254":1459},{"_260":-5},[1460],{"_147":1461,"_53":147},"Almost everything a visitor sees in the Mando chat widget is yours to change. The settings are grouped into four areas: general colours and fonts, the header, the launcher, and the content of the home and conversation screens.",{"_53":265,"_258":1463,"_254":1465},{"_32":1464,"_268":269,"_260":-5},"53b44f87-e330-425f-91af-3b5cff65011e",[1466],{"_147":1467,"_53":147},"Colours and fonts",{"_53":257,"_258":1469,"_254":1470},{"_260":-5},[1471,1472,1475,1477,1480,1482,1486],{"_147":1263,"_53":147},{"_147":1252,"_53":147,"_280":1473},[1474],{"_53":283},{"_147":1476,"_53":147}," used for buttons and links, the ",{"_147":1265,"_53":147,"_280":1478},[1479],{"_53":283},{"_147":1481,"_53":147}," for the messenger, and the ",{"_147":1483,"_53":147,"_280":1484},"Font Family",[1485],{"_53":283},{"_147":1487,"_53":147}," used throughout. Proactive pop-ups can inherit your website font or use their own.",{"_53":265,"_258":1489,"_254":1491},{"_32":1490,"_268":269,"_260":-5},"b433eadb-7bc3-4bbe-9b87-40493660509f",[1492],{"_147":1493,"_53":147},"The header",{"_53":257,"_258":1495,"_254":1496},{"_260":-5},[1497],{"_147":1498,"_53":147},"The header takes a solid colour or a gradient, with a second colour when you choose gradient. You can add a soft fade beneath it, switch the text between light and dark for readability, and show your company icon or your team members' avatars.",{"_53":265,"_258":1500,"_254":1502},{"_32":1501,"_268":269,"_260":-5},"11c15a7f-c08d-43cf-a814-1c9367eeaffc",[1503],{"_147":1504,"_53":147},"The launcher",{"_53":257,"_258":1506,"_254":1507},{"_260":-5},[1508],{"_147":1509,"_53":147},"The launcher is the bubble visitors click. Put it on the left or the right, and adjust its horizontal and vertical gap in pixels so it does not sit on top of anything else on your site.",{"_53":523,"_254":1511},[1512,1516],{"_53":526,"_254":1513},[1514],{"_53":257,"_258":1515},{"_260":-5},{"_53":531},{"_53":202,"_258":1518},{"_534":-5,"_535":1519,"_55":-5,"_537":1520},"https://xfwuqhn32ahfpsxo.public.blob.vercel-storage.com/org_2xj1unrMw4nPWPSyVwfzLvkXyU7/13-FSw1T1MiGkrXMyvOuabMlOsm6Yykce.png","ast_01ky5ayxz1faq9hmfxsfrgsrfy",{"_53":523,"_254":1522},[1523,1527],{"_53":526,"_254":1524},[1525],{"_53":257,"_258":1526},{"_260":-5},{"_53":531},{"_53":265,"_258":1529,"_254":1531},{"_32":1530,"_268":269,"_260":-5},"196e6371-0c27-450e-a581-2ea08dca0aba",[1532],{"_147":1533,"_53":147},"The two screens",{"_53":257,"_258":1535,"_254":1536},{"_260":-5},[1537,1539,1543,1545,1549],{"_147":1538,"_53":147},"The widget has a ",{"_147":1540,"_53":147,"_280":1541},"home screen",[1542],{"_53":283},{"_147":1544,"_53":147},", shown before any conversation starts, and a ",{"_147":1546,"_53":147,"_280":1547},"conversation screen",[1548],{"_53":283},{"_147":1550,"_53":147},". Each has its own greeting and its own settings, which is the single most common source of confusion: changing one does not change the other.",{"_53":257,"_258":1552,"_254":1553},{"_260":-5},[1554],{"_147":1555,"_53":147},"The conversation screen also carries the visitor-facing extras: product carousels, an add to cart button, feedback buttons and answer sources.",{"_53":265,"_258":1557,"_254":1559},{"_32":1558,"_268":269,"_260":-5},"4791f249-8113-4255-964d-1edc3c19854a",[1560],{"_147":569,"_53":147},{"_53":265,"_258":1562,"_254":1564},{"_32":1563,"_268":573,"_260":-5},"73b365fe-2285-477d-9c36-6ccf1f7fc1bb",[1565],{"_147":1566,"_53":147},"Where do I see my changes?",{"_53":257,"_258":1568,"_254":1569},{"_260":-5},[1570],{"_147":1571,"_53":147},"The live preview beside the settings. It shows saved settings, so save first if a change has not appeared.",{"_53":265,"_258":1573,"_254":1575},{"_32":1574,"_268":573,"_260":-5},"c67ca276-6c8d-454b-9682-76650df39171",[1576],{"_147":1577,"_53":147},"Can I remove the Mando branding?",{"_53":257,"_258":1579,"_254":1580},{"_260":-5},[1581],{"_147":1582,"_53":147},"Yes, with the branding add-on on any paid plan.",{"_53":265,"_258":1584,"_254":1586},{"_32":1585,"_268":573,"_260":-5},"3101326a-cabc-408b-b254-92a3ff9266df",[1587],{"_147":1588,"_53":147},"Do these settings affect WhatsApp or Instagram?",{"_53":257,"_258":1590,"_254":1591},{"_260":-5},[1592],{"_147":1593,"_53":147},"No. They only change the chat widget on your website. Other channels use their own interfaces.",{"_53":265,"_258":1595,"_254":1597},{"_32":1596,"_268":269,"_260":-5},"e7d1a74a-3943-4a5f-8086-7c920daf0146",[1598],{"_147":359,"_53":147},{"_53":361,"_258":1600,"_254":1601},{"_363":27},[1602,1611,1620],{"_53":366,"_254":1603},[1604],{"_53":257,"_258":1605,"_254":1606},{"_260":-5},[1607],{"_147":372,"_53":147,"_280":1608},[1609],{"_53":74,"_258":1610},{"_376":377,"_378":379,"_380":-5,"_381":382},{"_53":366,"_254":1612},[1613],{"_53":257,"_258":1614,"_254":1615},{"_260":-5},[1616],{"_147":389,"_53":147,"_280":1617},[1618],{"_53":74,"_258":1619},{"_376":377,"_378":393,"_380":-5,"_381":382},{"_53":366,"_254":1621},[1622],{"_53":257,"_258":1623,"_254":1624},{"_260":-5},[1625],{"_147":400,"_53":147,"_280":1626},[1627],{"_53":74,"_258":1628},{"_376":377,"_378":404,"_380":-5,"_381":382},{"_53":257,"_258":1630},{"_260":-5},{},[172,409],["D",1784738210262],"0d97dc23ec26e42bb23dda852dfb29ce3e71dd94ee601620ba7632a5f0f7e579","actionData","errors"]

Chat Widget Design

More Support

Call us

WhatsApp

Email us

Contact us