Triggering Size Suggestion
See how effortlessly you can immediately open the size recommendation form in the chat widget from a button on your website.
Overview
When your customers browse your site, rather than forcing them to manually search the widget's UI to request sizing (a form that asks for their height and weight to provide a recommendation), you can give them a direct button on your page ("Find My Size", "Consult Sizing").
Clicking that button will instantly prompt the AI to begin the sizing questionnaire form natively directly inside the chat interface!
How to Trigger in Your Code?
With a simple single-line execution function to run, you can launch the form in the chat whenever you like.
Just implement the logic into the onclick action (or inside a JavaScript event listener) of your desired native website button:
// Telling the Loops AI widget to invoke the Size Configurator form.
window.LoopsAI.suggestSize();Executing this code piece explicitly allows the assistant to bring up the UI form containing input fields for height and weight in anticipation.
"Of course, could you share your height and weight so I can recommend the perfect size for you?" followed by a native form interface sliding open over the chat UI.
How can I test this locally?
Simply click inside your web console and run the snippet while the LoopsAI widget is open on the host page. If nothing happens, confirm embed.js loaded and window.LoopsAI.live === true (or use the init queue from JavaScript API).