Team availability

Each teammate can have their own weekly hours. Anyone on Company hours works the hours above. A slot is offered whenever at least one assigned person is working and free then.

Closed dates

Days the business is closed, even if they fall on your normal hours. Use a single day for a holiday, or a range to hold off going live while you finish bookings in another tool. The agent offers nothing on a closed day.

Read your website

We read up to 30 pages of your site and sort what we find into your Knowledge Base. Nothing is saved until you check it.

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