Floating 🍸 chat bubble for your Wix website.
Chat URL: https://sochh-vip.base44.app/chat
⚠️ Important — Where to paste this in Wix
Do NOT use the drag-and-drop "HTML embed" widget on the canvas — it runs in a sandbox and the bubble won't appear over the page.
✅ Correct method:
<!-- SOCHH Concierge Chat Widget — paste in Wix Settings > Custom Code > Body End -->
<style>
#sochh-btn {
position: fixed !important;
bottom: 28px;
right: 28px;
z-index: 2147483647;
width: 58px;
height: 58px;
border-radius: 50%;
background: linear-gradient(135deg, #1d5a72 0%, #e8724a 100%);
box-shadow: 0 4px 18px rgba(0,0,0,0.3);
border: none;
cursor: pointer;
font-size: 24px;
color: white;
display: flex;
align-items: center;
justify-content: center;
}
#sochh-btn:hover { opacity: 0.92; }
#sochh-panel {
position: fixed !important;
bottom: 100px;
right: 24px;
z-index: 2147483646;
width: 380px;
height: 600px;
max-width: calc(100vw - 32px);
max-height: calc(100vh - 130px);
border-radius: 18px;
box-shadow: 0 8px 40px rgba(0,0,0,0.22);
overflow: hidden;
display: none;
border: none;
}
#sochh-panel iframe {
width: 100%;
height: 100%;
border: none;
display: block;
}
</style>
<button id="sochh-btn" onclick="sochhToggle()" aria-label="Open Concierge">🍸</button>
<div id="sochh-panel">
<iframe src="https://sochh-vip.base44.app/chat" title="South OC Concierge" loading="lazy"></iframe>
</div>
<script>
(function(){
var open = false;
window.sochhToggle = function() {
open = !open;
document.getElementById('sochh-panel').style.display = open ? 'block' : 'none';
document.getElementById('sochh-btn').textContent = open ? 'x' : '🍸';
};
})();
</script>What visitors see
• 🍸 floating button bottom-right on every page
• Click to open the AI Concierge in an overlay — no page redirect
• Fully mobile responsive