Dynamic OG Images in Your Bubble App

Integration Guide

Set up OG images with Bubble's API Connector:

// Bubble API Connector Plugin Setup:
// 1. Install the API Connector plugin
// 2. Create a new API called "Imago OG Image"
// 3. Configure:
//    Method: GET
//    URL: https://imagoapi.com/api/og/generate
//    Parameters:
//      title    - dynamic (text)
//      template - fixed: modern
//      api_key  - fixed: YOUR_IMAGO_KEY
//
// 4. In your page workflow "Page is loaded":
//    - Call "Imago OG Image" API with title = Current Page's Thing's Title
//    - Set custom state ogImageUrl = result
//
// 5. Use Bubble's "SEO / metatags" plugin:
//    - Set og:image to State ogImageUrl