ROYAL VOICE AGENTYour AI Receptionist. Always On.

Paste this anywhere in your website HTML.

<button onclick="window.open('CALL_LINK_HERE','AI Agent','width=420,height=600')"
  style="background:#1d4ed8;color:white;padding:14px 28px;border:none;border-radius:10px;font-weight:600;cursor:pointer;">
  Talk to Our AI Agent
</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 Our AI Agent
</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','AI Call','width=420,height=600')"
    style="width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#1e40af);
           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 AICallButton() {
  return (
    <button
      onClick={() => window.open(CALL_URL, 'AI Agent', 'width=420,height=600')}
      style={{ background:'linear-gradient(135deg,#1d4ed8,#1e40af)',
               color:'white', padding:'14px 28px', border:'none',
               borderRadius:'10px', fontWeight:600, cursor:'pointer' }}>
      Talk to Our AI Agent
    </button>
  );
}

export function AICallWidget() {
  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 our AI Agent
      </div>}
      <button onClick={() => window.open(CALL_URL,'AI 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,#1d4ed8,#1e40af)', cursor:'pointer' }}>
        Call
      </button>
    </div>
  );
}

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 Our AI Agent
</a>

Step by Step

QR Code for Print

Print on business cards, flyers or signage. Customers scan to call instantly.