--- title: "Add On-Page Prompts to Your Website" slug: "add-on-page-prompts-to-your-website" updated: 2026-11-04T01:13:05Z published: 2026-11-04T01:13:05Z canonical: "help.gladly.com/add-on-page-prompts-to-your-website" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.gladly.com/llms.txt > Use this file to discover all available pages before exploring further. # Add On-Page Prompts to Your Website | **REQUIRED USER ROLE** Administrator and Team Manager | **PERMISSION OVERVIEW** [View permissions by role](https://help.gladly.com/docs/managing-users-and-roles#roles-and-responsibilities) | | --- | --- | On-page prompts are question buttons you add to specific spots on your website, like a product page. When a shopper taps a prompt such as "Do these run true to size?", Chat opens with that question already sent, and Gladly AI answers right away. Most shoppers with a question never stop to ask it. On-page prompts put the right question in front of them at the moment they're deciding whether to buy, so hesitations about fit, care, or shipping get answered before they cost you a sale. You can write the prompts yourself, or let Gladly AI write them for each page based on what's on that page. On-page prompts work alongside your Chat bar or button – they don't replace it. **See how it works! Click on the prompt below:** [On-page prompts demo](https://adamgruenberg.s3.us-west-2.amazonaws.com/Gladly_Help_Center_Content/on-page-prompts-demo.html) ## Before you start - On-page prompts are available for Agentic Commerce customers using Enhanced Chat. To learn more, see [What is Agentic Commerce?](https://help.gladly.com/docs/what-is-agentic-commerce) and [Create and Configure Enhanced and Basic Chat (Web)](https://help.gladly.com/docs/configure-enhanced-and-basic-chat). - Gladly may turn on-page prompts on for you, and you can turn them off anytime. Or, ask Gladly to turn on on-page prompts for you at any time. Contact your Account Manager or Gladly Support, and once it's on, the option to add on-page prompts will appear in your Chat settings. - Plan for a little help from your web developer. Adding prompts to your site usually means a small change to your website's code. Bring your developer in before you start the placement step. - When Gladly sets up on-page prompts for you, no developer support is needed. - Start small. We recommend turning prompts on for one page or one product type first, seeing how shoppers use them, and then expanding. ## How on-page prompts work for shoppers 1. A shopper lands on a page where you've added prompts and sees a row of pill-shaped buttons. The buttons use the same colors, fonts, and styling as your Chat. 2. The shopper taps a prompt. 3. Chat opens with that question already sent, and Gladly AI answers it. 4. If the shopper already has a Conversation open, the question goes into that conversation instead of starting a new one. ![](https://cdn.us.document360.io/7047b671-c4f2-4df0-bb0a-b9b511fd2452/Images/Documentation/on page prompt visual (2).png?sv=2026-02-06&spr=https&st=2026-11-05T14%3A58%3A28Z&se=2026-11-05T15%3A58%3A28Z&sr=c&sp=r&sig=jMDtqCzvMPuOj%2FlFpGWAEzwVSvE1QatL0KQKIVvSNns%3D) ## Add on-page prompts 1. Click the menu icon in the top left corner. 2. Click Settings. 3. Under the Channels category, click Chat. 1. Locate your desired Chat, and click the **More actions (3 dot)** icon. 2. Click **Configure**. ![](https://cdn.us.document360.io/7047b671-c4f2-4df0-bb0a-b9b511fd2452/Images/Documentation/click configure (1).png?sv=2026-02-06&spr=https&st=2026-11-05T14%3A58%3A28Z&se=2026-11-05T15%3A58%3A28Z&sr=c&sp=r&sig=jMDtqCzvMPuOj%2FlFpGWAEzwVSvE1QatL0KQKIVvSNns%3D) 4. Scroll down to Chat launchers and click Add on-page prompts. ![](https://cdn.us.document360.io/7047b671-c4f2-4df0-bb0a-b9b511fd2452/Images/Documentation/click add prompt (1).png?sv=2026-02-06&spr=https&st=2026-11-05T14%3A58%3A28Z&se=2026-11-05T15%3A58%3A28Z&sr=c&sp=r&sig=jMDtqCzvMPuOj%2FlFpGWAEzwVSvE1QatL0KQKIVvSNns%3D) 5. Enter a Name for this set of prompts. Pick something that tells your team where it shows, like "Footwear product pages." Shoppers don't see this name. 6. Choose which pages the prompts can show on: - All pages – Prompts can show anywhere on your site, except pages you add as exceptions. - Specific pages – Prompts show only on the pages you list. - Exceptions – Pages where prompts should never show, even if they'd otherwise match. 7. Choose where the prompts appear on the page. You have two options: - Embed code – Copy the code Gladly gives you and have your developer paste it into your site's HTML where you want the prompts to appear. This always requires a change to your website. - CSS selector – Enter a CSS selector to attach the prompts to an element that's already on your page, like your size selector or Add to cart button. Your developer can tell you the right selector to use. Depending on how your site is built, this may not need any change to your website. 8. Set how many prompts show at once, from 1 to 10. 9. Choose a Layout: - Stacked – Prompts appear one on top of the other. - Side by side – Prompts appear in a row. 10. Write your Default prompts. These are the questions shoppers see if you don't use AI-generated prompts, or if Gladly AI can't generate prompts for a particular page. Write them the way a shopper would ask, such as "How do I wash this?" or "When will this arrive?" ![](https://cdn.us.document360.io/7047b671-c4f2-4df0-bb0a-b9b511fd2452/Images/Documentation/prompts that appear (2).png?sv=2026-02-06&spr=https&st=2026-11-05T14%3A58%3A28Z&se=2026-11-05T15%3A58%3A28Z&sr=c&sp=r&sig=jMDtqCzvMPuOj%2FlFpGWAEzwVSvE1QatL0KQKIVvSNns%3D) 11. (Optional) Turn on AI-generated prompts to have Gladly AI write prompts for each page based on that page's content. Add guidance to steer what it emphasizes, such as "Focus on sizing and fit" or "Highlight materials and care." 12. Click Save. > [!NOTE] > Place prompts close to where shoppers hesitate > > Prompts just under the size selector on a footwear page, or next to the care details on an apparel page, tend to make more sense to shoppers than prompts at the bottom of the page. ### Turn off on-page prompts 1. Click ![](https://cdn.us.document360.io/7047b671-c4f2-4df0-bb0a-b9b511fd2452/Images/Documentation/hamburger-menu-icon.svg?sv=2026-02-06&spr=https&st=2026-11-05T14%3A58%3A28Z&se=2026-11-05T15%3A58%3A28Z&sr=c&sp=r&sig=jMDtqCzvMPuOj%2FlFpGWAEzwVSvE1QatL0KQKIVvSNns%3D). 2. Select Settings. 3. Under the Channels category, select Chat. 1. Locate your desired Chat, and click the **More actions (3 dot)** icon. 2. Click **Configure**. 4. Scroll to **Chat launchers** and delete the on-page prompts set. 5. Click **Save**. ### Ideas for using on-page prompts - Sizing and fit – Add prompts under the size selector so shoppers can ask "Do these run true to size?" instead of guessing. - Care and materials – Surface questions like "How do I wash this?" when care details are buried lower on the page. - Gift shopping – During busy seasons, add default prompts like "Is this a good gift for a runner?" to your top product pages. - Service pages – Add prompts about returns or order tracking to those pages so shoppers can get help in one tap. ### Considerations - AI-generated prompts refresh every 7 days. Once Gladly AI writes prompts for a page, the same prompts show for up to 7 days. If you've changed a product page or your guidance and want new prompts sooner, contact Gladly. - To hide prompts on a page, add it as an exception. There's no on/off switch for a set of prompts. To stop prompts from showing on a page, add that page to Exceptions. - Default prompts are your safety net. If Gladly AI can't generate prompts for a page, your default prompts show instead, so always write a few good ones. - Prompts follow your Chat styling. To change how the buttons look, update your Chat's Style settings. See Create and Configure Enhanced and Basic Chat (Web). - Billing. There's no separate charge for on-page prompts. Conversations started from a prompt are billed the same way as any other Agentic Commerce conversation. #### When to contact Gladly Contact your Gladly team or Gladly Support if you want to: - Turn on on-page prompts for your organization. - Refresh AI-generated prompts before the 7 days are up. - Get help when prompts don't appear, or don't look right, after you add a CSS selector. Users assigned the **Team Manager** or **Administrator** roles can contact [Gladly Support](https://help.gladly.com/product-docs/pages/en/contact-gladly-support-team). Log into Gladly as one of these roles, click![hamburger-menu-icon(1)](https://cdn.us.document360.io/7047b671-c4f2-4df0-bb0a-b9b511fd2452/Images/Documentation/hamburger-menu-icon(1).svg?sv=2026-02-06&spr=https&st=2026-11-05T14%3A58%3A28Z&se=2026-11-05T15%3A58%3A28Z&sr=c&sp=r&sig=jMDtqCzvMPuOj%2FlFpGWAEzwVSvE1QatL0KQKIVvSNns%3D)on the top-left corner, then click **Contact Gladly Support**. Gladly Support's primary operating hours are Monday through Friday, 6 AM to 6 PM Pacific Time, but you can submit a request anytime. - Please select the correct business impact (P1 to P4). - Most requests should be sent as a P4. *Conversation* or *Conversations* (with a capital "C") provides a holistic view of Customer communications and interactions contained in the Conversation Timeline.