Embedding the Widget

Learn how to embed the AckReply widget on any website.

Basic Installation

The simplest way to add AckReply to your site:

<script>
  window.AckReplySettings = {
    workspaceId: 'YOUR_WORKSPACE_ID'
  };
</script>
<script src="https://ackreply.com/widget/loader.js" async></script>

React / Next.js

// In your _app.tsx or layout.tsx
useEffect(() => {
  window.AckReplySettings = { workspaceId: 'YOUR_WORKSPACE_ID' };
  const script = document.createElement('script');
  script.src = 'https://ackreply.com/widget/loader.js';
  script.async = true;
  document.body.appendChild(script);
}, []);

Vue.js

// In your main App.vue or a plugin
mounted() {
  window.AckReplySettings = { workspaceId: 'YOUR_WORKSPACE_ID' };
  const script = document.createElement('script');
  script.src = 'https://ackreply.com/widget/loader.js';
  script.async = true;
  document.body.appendChild(script);
}