----------------------------- **While I generate an answer, here are some sources that might be helpful**: * [Voice Widget Example]() * [Pizza Website Example]() * [Web]() * [Launch Screen Assets]() -----------------------------

### Answer Yes, you can customize the default button when using the Vapi Voice Widget by modifying the

buttonConfig

object in the widget snippet. Here's an example that you can try:

javascript
const buttonConfig = {
  position: "bottom-right", // Choose the button position on your page
  offset: "40px", // Distance from the edge
  width: "100px", // Button width
  height: "100px", // Button height
  idle: { 
    color: `rgb(93, 254, 202)`, // Button color when idle
    type: "round", // Button shape
    title: "Talk to us", // Button title text
    subtitle: "We're here to help", // Button subtitle text
    icon: `path_to_your_big_demo_button_image`, // Path to your custom button image
  },
  loading: { 
    color: `rgb(93, 124, 202)`, // Button color when loading
    // Define other states as needed
  },
  active: {
    color: `rgb(255, 0, 0)`, // Button color when active
    // Define other states as needed
  },
};

Adjust the properties within

buttonConfig

as needed to use your 'big demo' button configuration. Ensure to replace

"path_to_your_big_demo_button_image"

with the actual path to your button image [(1)]() .