ZAVORA 360Virtual 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

Paste this anywhere in your website HTML.

<button onclick="window.open('CALL_LINK_HERE','Zavora 360','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, 'Zavora 360', '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