Virtual Customer Care, Always On.

Upload Documents

Upload PDF, Word, Excel or CSV, your agent learns from them instantly

Import from Google Drive

Paste a public Google Drive share link, your agent learns from it instantly

Each category has its own rules and one phone number. When a caller needs a person, your agent picks the category whose rules fit and forwards the call to that number. Your receptionist and your specialists follow the same rules.

Paste this anywhere in your website HTML.

<button onclick="window.open('CALL_LINK_HERE','GMCC Welling','width=420,height=600')"
  style="background:#1d4ed8;color:white;padding:14px 28px;border:none;border-radius:10px;font-weight:600;cursor:pointer;">
  Talk to Us
</button>

<a href="CALL_LINK_HERE" target="_blank"
   style="display:inline-block;background:#1d4ed8;color:white;padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:600;">
  Talk to Us
</a>

A floating button fixed to the bottom-right of every page. Paste just before </body>.

<div style="position:fixed;bottom:24px;right:24px;z-index:9999">
  <button
    onclick="window.open('CALL_LINK_HERE','Voice Call','width=420,height=600')"
    style="width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#A16207,#C9A227);
           border:none;cursor:pointer;font-size:26px;box-shadow:0 4px 20px rgba(29,78,216,.5)">
    Call
  </button>
</div>

const CALL_URL = 'CALL_LINK_HERE';

export function Z360CallButton() {
  return (
    <button
      onClick={() => window.open(CALL_URL, 'GMCC Welling', 'width=420,height=600')}
      style={{ background:'linear-gradient(135deg,#A16207,#C9A227)',
               color:'white', padding:'14px 28px', border:'none',
               borderRadius:'10px', fontWeight:600, cursor:'pointer' }}>
      Talk to Us
    </button>
  );
}

export function Z360CallWidget() {
  const [hover, setHover] = React.useState(false);
  return (
    <div style={{ position:'fixed', bottom:24, right:24, zIndex:9999 }}>
      {hover && <div style={{ position:'absolute', bottom:70, right:0, background:'#1e293b',
        color:'white', padding:'10px 14px', borderRadius:10, fontSize:13 }}>
        Talk to us
      </div>}
      <button onClick={() => window.open(CALL_URL,'Voice Call','width=420,height=600')}
        onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}
        style={{ width:58, height:58, borderRadius:'50%', fontSize:26, border:'none',
                 background:'linear-gradient(135deg,#A16207,#C9A227)', cursor:'pointer' }}>
        Call
      </button>
    </div>
  );
}

One-click install. Adds both Voice and Chat “Talk to Us” surfaces to your site. Built-in visibility controls (per page or post), live appearance preview, WooCommerce auto-detect, and the [zavora_360] + [zavora_360_chat] shortcodes for placing the buttons mid-content.

Step by Step

For sites where you prefer not to install a plugin. Add a Custom HTML block in your page editor and paste this.

<a href="CALL_LINK_HERE" target="_blank"
   style="display:inline-block;background:#1d4ed8;color:white;padding:14px 28px;
          border-radius:10px;text-decoration:none;font-weight:600;font-size:15px;">
  Talk to Us
</a>

Manual snippet, Step by Step