Skip to main content
  1. Go to your dashboard.
  2. Click Deploy button in the sidebar menu.
  1. Click the Manage button under the Website Widget option.
  1. Design the appearance of the widget by clicking the Open widget settings button.
  1. Select the display mode for your chatbot, such as “Floating Chat”, “Inline”, or “Fullscreen”.
  1. Copy the widget code.
  1. Go to your Bubble account and open the app/website where you want to add the widget.
  1. On the side, click the gear icon to open Settings.
  1. Go to SEO / metatags.
  1. Under the SEO settings section, paste the widget code in the header or body textbox.
  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.