Jesse Overright

<p>Add Facebook and Twitter sharing for your blog posts and pages!  Sharing your blog posts with Social Media Sharing automatically provides important details like featured images, title, and description to your blog so pages and posts look fantastic on Facebook or Twitter.  Social Media Sharing adds Facebook Open Graph metadata and Twitter Card support to every page on your site, support for default descriptions or photos, and uses your featured images as thumbnails on social media.</p>
<p><strong>Note:</strong> Twitter Card support requires approval from twitter. You can request approval at the <a href="https://dev.twitter.com/docs/cards/validation/validator" rel="nofollow ugc">twitter card validator</a>.</p>


Social Media Sharing

Automatically add Facebook Open Graph and Twitter Card support to your WordPress website.

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>


OG Pilot Dynamic Open Graph Images

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

Social Media Sharing vs OG Pilot Dynamic Open Graph Images