Back to Help Center
AI BuilderApril 13, 2026

How to Add Third-Party Integrations

The Integrations panel in the builder sidebar lets you embed third-party tools directly into your site without writing code.

Opening the Integrations Panel

In the builder sidebar, click the Integrations tab. You'll see a list of all available integrations organized by category.

Available Integrations

Payments & Booking

  • Shopify Buy Button — Embed a product purchase button from a Shopify store
  • Stripe Payment Link — Add a Stripe checkout button for one-time or recurring payments
  • Calendly — Embed a scheduling calendar for appointments
  • Cal.com — Alternative scheduling embed
  • Mindbody — Class booking for fitness and wellness businesses
  • OpenTable — Restaurant reservation widget
  • Resy — Restaurant reservation widget
  • Toast — Restaurant ordering and reservations

Forms

  • Formspree — Contact forms that email submissions to you
  • Typeform — Interactive forms and surveys

Media & Content

  • Google Maps — Embed a map showing business location
  • Instagram Feed — Display recent Instagram posts
  • YouTube/Vimeo — Embed video players

Live Chat

  • Tidio/LiveChat — Add a live chat widget for visitor support

How to Add an Integration

  1. Click on any integration in the panel
  2. A config modal opens — fill in the required details (e.g., your Calendly link, Shopify product ID, or Google Maps address)
  3. Click Inject into Site
  4. The integration is automatically embedded in the correct location on your site

Tips

  • You can add multiple integrations to the same site
  • Integrations are preserved when you send to Client Portal or download the ZIP
  • If you need to change integration settings, click the integration again, update the config, and re-inject