So, it seems almost impossible to place the Vapi floating icon exactly where you want it on a page. It always defaults to the SDK settings. "The issue occurs because the Vapi SDK defaults to creating a floating button that positions itself at the bottom of the page, and it's overriding our attempts to position it inline." - ChatGPT and Deepseek answer Maybe we should have a little more contraol over this. For example I'm trying to place the icon in webpage at a specific location and it just defaults to a floating icon elsewhere, mostly at the bottom of the page. The sample/test screenshot we are trying to place it after some words. https://cdn.discordapp.com/attachments/1367136546523713656/1367136547044065290/Screen_Shot_2025-04-30_at_9.41.09_AM.png?ex=68137ca0&is=68122b20&hm=01bcff951086c83c0c72e16253b21a45c7600ff4fae85a9aaf6e96c810586bea&

You can try overriding the default position by configuring the Vapi SDK with specific style properties:

javascript
window.vapiSDK?.run({
  apiKey: "YOUR_API_KEY",
  assistant: "YOUR_ASSISTANT_ID",
  config: {
    position: "fixed",
    style: {
      position: "fixed",
      bottom: "20px",  // Adjust these values
      right: "20px",   // to position as needed
      zIndex: 2147483647,
    }
  }
});

If this doesn't work, you might need to use CSS to target the

.vapi-btn

class with

!important

to override the default styles. Sources: - [Discord message about SDK configuration](https://discord.com/channels/1211482211119796234/1333973419485823037) - [Vapi documentation on voice widget](https://docs.vapi.ai/examples/voice-widget)

Still not possible. https://cdn.discordapp.com/attachments/1367136546523713656/1367137740126163025/Screen_Shot_2025-04-30_at_9.23.12_AM.png?ex=68137dbd&is=68122c3d&hm=6297e84eb3f2966e30c5d2b3aeb99302ea13bc56ea9d8970139f8bbc6127772b& https://cdn.discordapp.com/attachments/1367136546523713656/1367137740461703208/Screen_Shot_2025-04-30_at_9.41.09_AM.png?ex=68137dbd&is=68122c3d&hm=cc2eb4e3328a563d98e7ec57be97f6199decd56ed647b857af52e09e1fbf9737& https://cdn.discordapp.com/attachments/1367136546523713656/1367137740826869780/Screen_Shot_2025-04-30_at_9.56.32_AM.png?ex=68137dbd&is=68122c3d&hm=2e9f678c9cc774e33872aa8b81a99e045d279f5a05313cb8d69054f81e9c4d47&

maybe this will help? https://www.vapiblocks.com/

@Pigeon Thanks, but that didn't help either, we have just a simple HTML one pages links and buttons, and just need to be able to add a play/start button. Very friggin frustrating!!!

Hey Elastic, here is the code link on how to set the Yelp icon the way you want. You can go through this code; it's pretty easy to set up and even customize the icon as per your requirements. Let me know if you require further help with this