Channel Setup

Connect channels, check status, and get embed codes for website forms

Channels

Chat Widget

Embeddable chat + voice widget for your website

Configure

Form Webhook

Capture leads from website contact forms

Phone (Twilio)

AI-powered inbound and outbound voice calls

Configure

Inbound/outbound email conversations

Coming soon

WhatsApp Business API integration

Coming soon

SMS

Twilio SMS for lead communication

Coming soon

Test Your AI

Send a test message to see how your AI responds using your knowledge base.

Website Form Integration

Capture leads from your existing website forms or use the standalone form component.

Form Webhook URL

https://salesai.pyramidions.com/webhooks/form

Embed Snippet (add to existing forms)

Add this to your website alongside your existing form. Replace #your-form-id with your form's ID. On submit, it sends form data to the webhook without replacing your form's normal action.

<script>
(function() {
  var form = document.querySelector('#your-form-id');
  if (!form) return;
  form.addEventListener('submit', function(e) {
    var fd = new FormData(form);
    var data = {};
    fd.forEach(function(v, k) { data[k] = v; });
    fetch('https://salesai.pyramidions.com/webhooks/form', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(data)
    }).catch(function() {});
  });
})();
</script>

Standalone Lead Capture Form

A self-contained HTML form for landing pages. Paste directly into any HTML page.

<form id="lead-capture" style="max-width:480px;font-family:system-ui,sans-serif">
  <h3 style="margin-bottom:16px;font-size:18px">Get in Touch</h3>
  <div style="margin-bottom:12px">
    <label style="display:block;font-size:14px;margin-bottom:4px">Name</label>
    <input name="name" required style="width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px" />
  </div>
  <div style="margin-bottom:12px">
    <label style="display:block;font-size:14px;margin-bottom:4px">Email</label>
    <input name="email" type="email" required style="width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px" />
  </div>
  <div style="margin-bottom:12px">
    <label style="display:block;font-size:14px;margin-bottom:4px">Phone</label>
    <input name="phone" type="tel" style="width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px" />
  </div>
  <div style="margin-bottom:16px">
    <label style="display:block;font-size:14px;margin-bottom:4px">Message</label>
    <textarea name="message" rows="4" required style="width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;resize:vertical"></textarea>
  </div>
  <button type="submit" style="background:#3b82f6;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer">
    Send Message
  </button>
  <p id="lead-capture-status" style="margin-top:8px;font-size:13px;color:#64748b"></p>
</form>
<script>
(function() {
  var form = document.getElementById('lead-capture');
  form.addEventListener('submit', function(e) {
    e.preventDefault();
    var fd = new FormData(form);
    var data = {};
    fd.forEach(function(v, k) { data[k] = v; });
    var status = document.getElementById('lead-capture-status');
    status.textContent = 'Sending...';
    fetch('https://salesai.pyramidions.com/webhooks/form', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(data)
    }).then(function() {
      status.textContent = 'Thank you! We will be in touch soon.';
      status.style.color = '#22c55e';
      form.reset();
    }).catch(function() {
      status.textContent = 'Something went wrong. Please try again.';
      status.style.color = '#ef4444';
    });
  });
})();
</script>