Dynamic Open Graph images and X/Twitter cards for WordPress and WooCommerce. Auto-generate social preview images for posts, pages, and products.

raulonrails

<p>OG Pilot Dynamic Open Graph Images helps you create branded social preview images for every URL on your site. Connect via OAuth, choose a template, and automatically generate Open Graph images for blog posts, landing pages, and WooCommerce products. Override per post when needed, output complete Open Graph + X/Twitter meta tags, and keep existing images live even when generation is paused.</p>
<p>Core capabilities:<br />
* 3-step setup wizard for faster onboarding after activation.<br />
* OAuth connection flow (PKCE) for secure account linking.<br />
* Site-wide defaults for template, title, description, logo URL, image URL, and colors.<br />
* Per-post/page/product overrides with dynamic placeholder support.<br />
* Rule-based template selection (post/page/product + taxonomy rules).<br />
* Outputs comprehensive Open Graph and X/Twitter meta tags, including article-specific and WooCommerce product-specific fields.<br />
* Meta ownership mode to avoid duplicate tags with SEO plugins.<br />
* Live social preview UI in wp-admin (Facebook, LinkedIn, X/Twitter).<br />
* Per-entry generated image preview in the editor sidebar.<br />
* Supports publicly available OG Pilot templates for WordPress: <code>page</code>, <code>blog_post</code>, <code>podcast</code>, <code>portfolio</code>, <code>book</code>, <code>event</code>, <code>product</code>, <code>company</code>, and <code>github</code>.<br />
* Optional auto-generation on content save.<br />
* Non-blocking background generation with processing fallback image + retry scheduling.<br />
* Optional cache busting toggle to force a daily image refresh cycle.<br />
* Bulk regenerate queue with in-admin progress updates.<br />
* One-click import of existing social fields from Yoast, Rank Math, and AIOSEO.<br />
* Diagnostics panel with endpoint health, token status, and latest API errors.<br />
* Role-aware UX: admins manage plugin settings; editors can override per-entry templates.<br />
* WooCommerce-aware placeholders (<code>{{product_price}}</code>, <code>{{product_short_description}}</code>, etc.).<br />
* Graceful subscription handling: when trial/subscription is inactive, new image generation is paused while existing OG images keep working.</p>
<p>Supported placeholders:<br />
* <code>{{post_title}}</code><br />
* <code>{{excerpt}}</code><br />
* <code>{{site_name}}</code><br />
* <code>{{post_url}}</code><br />
* <code>{{author_name}}</code><br />
* <code>{{author_avatar_url}}</code><br />
* <code>{{publish_date_iso}}</code><br />
* <code>{{featured_image_url}}</code><br />
* <code>{{product_price}}</code><br />
* <code>{{product_short_description}}</code><br />
* <code>{{episode_date}}</code><br />
* <code>{{event_date}}</code><br />
* <code>{{event_location}}</code><br />
* <code>{{book_author}}</code><br />
* <code>{{book_series_number}}</code><br />
* <code>{{book_genre}}</code><br />
* <code>{{company_logo_url}}</code><br />
* <code>{{github_contributions}}</code></p>
<p>Service details:<br />
* This plugin is a SaaS integration. OG image generation is provided by OG Pilot.<br />
* Terms of Service: https://ogpilot.com/terms<br />
* Privacy Policy: https://ogpilot.com/privacy</p>
<p>No usage tracking is performed by this plugin beyond required OAuth and image-generation API calls.</p>
<h3>External services</h3>
<h4>OG Pilot API</h4>
<p>This plugin connects to the OG Pilot API (https://ogpilot.com) to generate dynamic Open Graph images for your content.</p>
<p><strong>What data is sent:</strong><br />
* OAuth authorization data (account email, site URL) during the initial connection flow.<br />
* Image generation payloads containing template name and the fields you configured (e.g., post title, excerpt, author name, logo URL, colors) each time an image is generated or regenerated.<br />
* Token refresh requests to maintain the OAuth connection.</p>
<p><strong>When data is sent:</strong><br />
* When you connect your site to OG Pilot via OAuth.<br />
* When a post/page/product is saved with auto-generate enabled.<br />
* When you manually trigger image generation or force refresh.<br />
* When bulk regeneration is run.<br />
* When the plugin checks subscription status.</p>
<p>This service is provided by OG Pilot: <a href="https://ogpilot.com/terms" rel="nofollow ugc">Terms of Service</a> | <a href="https://ogpilot.com/privacy" rel="nofollow ugc">Privacy Policy</a>.</p>
<h4>Bunny Fonts</h4>
<p>This plugin loads web fonts from Bunny Fonts (https://fonts.bunny.net) for the admin preview UI in the WordPress dashboard.</p>
<p><strong>What data is sent:</strong><br />
* Standard HTTP request data (IP address, user agent) is sent to the Bunny Fonts CDN when the admin settings/preview page is loaded.</p>
<p><strong>When data is sent:</strong><br />
* When an admin user views the OG Pilot settings page or post editor metabox that includes the social image preview.</p>
<p>No personal content or site data is transmitted to Bunny Fonts. Only standard browser request headers are sent to load font files.</p>
<p>This service is provided by BunnyWay d.o.o.: <a href="https://bunny.net/tos" rel="nofollow ugc">Terms of Service</a> | <a href="https://bunny.net/privacy" rel="nofollow ugc">Privacy Policy</a>.</p>
<h3>Dynamic OG Image Examples</h3>
<p>The examples below mirror the payload style used in <code>og-pilot-plugins/og_pilot_ruby/README.md</code>, adapted to fields you set in this plugin.</p>
<h4>Page</h4>
<pre><code>{
  "template": "page",
  "title": "Acme Robotics Product Updates",
  "description": "See what shipped this week across the web app.",
  "logo_url": "https://www.google.com/s2/favicons?sz=128&domain_url=https%3A%2F%2Fwww.notion.so",
  "image_url": "https://images.unsplash.com/photo-1558655146-d09347e92766?w=1400&q=80",
  "bg_color": "#0B1220",
  "text_color": "#F8FAFC"
}
</code></pre>
<h4>Blog Post</h4>
<pre><code>{
  "template": "blog_post",
  "title": "How Stripe Reduced Checkout Abandonment by 18%",
  "logo_url": "https://www.google.com/s2/favicons?sz=128&domain_url=https%3A%2F%2Fstripe.com",
  "image_url": "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=1400&q=80",
  "author_name": "Maya Patel",
  "author_avatar_url": "https://api.dicebear.com/7.x/avataaars/svg?seed=MayaPatel",
  "publish_date": "2026-02-24",
  "bg_color": "#0F172A",
  "text_color": "#F8FAFC"
}
</code></pre>
<h4>Podcast</h4>
<pre><code>{
  "template": "podcast",
  "title": "Indie Hackers Podcast: Pricing Experiments That Worked",
  "logo_url": "https://www.google.com/s2/favicons?sz=128&domain_url=https%3A%2F%2Fwww.spotify.com",
  "image_url": "https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=1400&q=80",
  "episode_date": "2026-02-21",
  "bg_color": "#18181B",
  "text_color": "#FAFAFA"
}
</code></pre>
<h4>Product (WooCommerce-friendly)</h4>
<pre><code>{
  "template": "product",
  "title": "Allbirds Tree Dasher 3",
  "logo_url": "https://www.google.com/s2/favicons?sz=128&domain_url=https%3A%2F%2Fwww.allbirds.com",
  "image_url": "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=1400&q=80",
  "unique_selling_point": "Free shipping + 30-day returns",
  "bg_color": "#F8FAFC",
  "text_color": "#0F172A"
}
</code></pre>
<h4>Event</h4>
<pre><code>{
  "template": "event",
  "title": "Launch Week Berlin 2026",
  "logo_url": "https://www.google.com/s2/favicons?sz=128&domain_url=https%3A%2F%2Fwww.eventbrite.com",
  "image_url": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1400&q=80",
  "event_date": "2026-06-12/2026-06-14",
  "event_location": "Station Berlin",
  "bg_color": "#1E1B4B",
  "text_color": "#F5F3FF"
}
</code></pre>
<h4>Book</h4>
<pre><code>{
  "template": "book",
  "title": "Designing APIs for Humans",
  "description": "A practical handbook for product-minded engineers.",
  "logo_url": "https://www.google.com/s2/favicons?sz=128&domain_url=https%3A%2F%2Fwww.oreilly.com",
  "image_url": "https://images.unsplash.com/photo-1512820790803-83ca734da794?w=1400&q=80",
  "book_author": "Alex Turner",
  "book_series_number": "2",
  "book_genre": "Technology",
  "bg_color": "#172554",
  "text_color": "#EFF6FF"
}
</code></pre>
<h4>Portfolio</h4>
<pre><code>{
  "template": "portfolio",
  "title": "Maya Chen • Product Designer",
  "description": "Fintech UX, design systems, and prototyping.",
  "logo_url": "https://api.dicebear.com/7.x/avataaars/svg?seed=MayaChen&size=64",
  "image_url": "https://images.unsplash.com/photo-1557672172-298e090bd0f1?w=1400&q=80",
  "bg_color": "#1F2937",
  "text_color": "#F9FAFB"
}
</code></pre>
<h4>Company</h4>
<pre><code>{
  "template": "company",
  "title": "Notion",
  "description": "4 job openings",
  "logo_url": "https://www.google.com/s2/favicons?sz=128&domain_url=https%3A%2F%2Fwww.notion.so",
  "company_logo_url": "https://www.google.com/s2/favicons?sz=256&domain_url=https%3A%2F%2Flinear.app",
  "bg_color": "#111827",
  "text_color": "#F9FAFB"
}
</code></pre>
<h4>GitHub Activity</h4>
<pre><code>{
  "template": "github",
  "title": "rails/rails",
  "description": "Recent merged PRs, reviews, and commit activity.",
  "github_accent_color": "#22C55E",
  "bg_color": "#0B1220",
  "text_color": "#E5E7EB",
  "github_contributions": "[{\"date\":\"2026-02-16\",\"count\":7},{\"date\":\"2026-02-20\",\"count\":12},{\"date\":\"2026-02-24\",\"count\":9}]"
}
</code></pre>
<p>For templates that support custom images, you can run both styles:<br />
* With custom image: set <code>image_url</code>.<br />
* Without custom image: leave <code>image_url</code> empty.</p>


Alternatives to OG Pilot Dynamic Open Graph Images

Top alternatives