Skip to main content
  1. Go to your dashboard.
  2. Click Deploy button in the sidebar menu.
Open Deploy page
  1. Click the Manage button under the Website Widget option.
Manage website widget
  1. Design the appearance of the widget by clicking the Open widget designer button.
Open website widget designer
  1. Select the display mode for your chatbot, such as “Floating Chat”, “Inline”, or “Fullscreen”.
Configure website widget display type
  1. Copy the widget code.
Copy widget code
  1. Go to your Bubble account and open the app/website where you want to add the widget.
Bubble dashboard
  1. On the side, click the gear icon to open Settings.
Open Bubble app settings
  1. Go to SEO / metatags.
Bubble SEO / metatags
  1. Under the SEO settings section, paste the widget code in the header or body textbox.
Add chatbot code to Bubble header or body
  1. The settings will be saved automatically. Click the Preview icon to confirm that the widget has been added.
  • Note that this method only works on paid plans. If you’re on a free account, Bubble doesn’t load the widget.
Bubble chatbot