API Documentation

curl -X POST https://ecomvis.com/api/search/text/ \
  -H "X-API-Key: YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"query": "red summer dress", "top_k": 5}'

// Record from microphone, then search
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
const recorder = new MediaRecorder(stream);
const chunks = [];

recorder.ondataavailable = e => chunks.push(e.data);
recorder.onstop = async () => {
  const blob = new Blob(chunks, { type: 'audio/webm' });
  const form = new FormData();
  form.append('audio', blob, 'query.webm');
  form.append('top_k', '5');

  const res = await fetch('https://ecomvis.com/api/search/voice/', {
    method: 'POST',
    headers: { 'X-API-Key': 'YOUR_API_KEY' },
    body: form,
  });
  const data = await res.json();
  console.log(data.results);
};

recorder.start();
setTimeout(() => recorder.stop(), 3000); // record 3 seconds

<!-- Place before </body> -->
<script src="https://ecomvis.com/static/js/widget.js"></script>
<script>
  EcomvisWidget.init({
    apiKey:      'YOUR_API_KEY',
    position:    'bottom-right',    // or 'bottom-left'
    placeholder: 'Search products…',
    greeting:    'Hi! Search by text, image or voice.',
    topK:        8,
  });
</script>

async function searchProducts(query) {
  const res = await fetch('https://ecomvis.com/api/search/text/', {
    method: 'POST',
    headers: {
      'X-API-Key': 'YOUR_API_KEY',
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ query, top_k: 8 }),
  });
  if (!res.ok) throw new Error(await res.text());
  return (await res.json()).results;
}

// Wire up a search input
document.getElementById('search-input')
  .addEventListener('input', async e => {
    const results = await searchProducts(e.target.value);
    renderResults(results); // your own render function
  });

{%- comment -%}ecomvis AI search widget{%- endcomment -%}
<script src="https://ecomvis.com/static/js/widget.js" defer></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    EcomvisWidget.init({
      apiKey:   'YOUR_API_KEY',
      position: 'bottom-right',
    });
  });
</script>

add_action('wp_footer', 'ecomvis_widget');
function ecomvis_widget() { ?>
  <script src="https://ecomvis.com/static/js/widget.js" defer></script>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      EcomvisWidget.init({
        apiKey:   'YOUR_API_KEY',
        position: 'bottom-right',
      });
    });
  </script>
<?php }

<script src="https://ecomvis.com/static/js/widget.js"></script>
<script>
  EcomvisWidget.init({ apiKey: 'YOUR_API_KEY' });
</script>

<script src="https://ecomvis.com/static/js/widget.js"></script>
<script>
  EcomvisWidget.init({
    apiKey:      'YOUR_API_KEY',
    position:    'bottom-right',
    placeholder: 'Search our products…',
  });
</script>

$w.onReady(function () {
  const s = document.createElement('script');
  s.src  = 'https://ecomvis.com/static/js/widget.js';
  s.onload = () => EcomvisWidget.init({
    apiKey: 'YOUR_API_KEY',
  });
  document.body.appendChild(s);
});

{
  "error": "API key required. Pass X-API-Key header."
}