Webflow Integration

Add Ask0's AI chat widget to your Webflow website with simple embed code. No coding required - enhance your site in minutes.

Add Ask0 AI assistant to your Webflow site in minutes.

Quick Setup

Access Custom Code Settings

Go to your Webflow project
Click Project Settings (gear icon)
Navigate to Custom Code

Add Ask0 Script

In the Before </body> tag section, add:

<script
  src="https://assets.ask0.ai/scripts/ask.js"
  data-project-id="YOUR_PROJECT_ID"
  data-position="bottom-right"
  data-theme="auto"
></script>

Publish Your Site

Click Publish to make the changes live.

Custom Trigger Button

Add a custom button to trigger Ask0:

Add a Button element to your page
Give it a class name (e.g., ask0-trigger)
Add custom code:

<script>
document.querySelector('.ask0-trigger').addEventListener('click', function() {
  if (window.ask0) {
    window.ask0.open();
  }
});
</script>

Page-Specific Configuration

Add to specific pages only:

Select the page in Webflow
Go to Page Settings → Custom Code
Add the script in the Before </body> tag section

Styling

Match your Webflow design:

<style>
.ask0-widget {
  --ask0-primary: #your-brand-color;
  --ask0-font-family: inherit;
}
</style>

Webflow Tips:

Add script to project-level custom code for site-wide availability
Use page-level custom code for specific pages only
Test in preview mode before publishing
Custom code requires a paid Webflow plan