Here is code to open/close the Hume-style widget!

Mar 31 (edited) • 🏰 Homebase

For my first post, I wanted to drop something useful for everybody. 🙂

Here is a really cool code snippet that creates a simple button that will open and close the Hume-style chat widget from an <a href> tag. You can apply this on any link you wish! FYI I hid the button itself using the CSS below.

# button w/code

<a href="javascript:if(document.querySelector('.hume-call-interface') && document.querySelector('.hume-call-interface').classList.contains('active')){ document.querySelector('.hume-end-btn').click(); } else { document.querySelector('.hume-floating-btn').click(); }" style="

display: inline-block;

border: 1px solid black;

padding: 3px 10px;

font-family: Arial, sans-serif;

font-weight: bold;

font-size: 10px;

text-decoration: none;

color: black;

background-color: white;

text-transform: uppercase;

letter-spacing: 0.5px;

line-height: 1;