Key Capabilities
- Auto-generate on publish
- Gutenberg block
- Custom field support
- Multisite compatible
Common Use Cases
- Post published Render OG image Set it as the og:image and featured image USE TEMPLATE
- Page updated Re-render the social card The old image is replaced automatically USE TEMPLATE
- WooCommerce product added Render a product card Use it as the product share image USE TEMPLATE
Integration Guide
-
Install the Pictify Plugin
Download and install the official Pictify plugin from the WordPress plugin directory.
CODE1. Go to Plugins → Add New in your WordPress admin 2. Search for "Pictify" 3. Click "Install Now" then "Activate" // Or install manually: // Download from https://wordpress.org/plugins/pictify // Upload to /wp-content/plugins/ // Activate in the Plugins menu -
Configure API Settings
Add your Pictify API key and configure default settings.
CODE1. Go to Settings → Pictify in WordPress admin 2. Enter your API Key from the Pictify dashboard 3. Select your default template for OG images 4. Configure default settings: - Auto-generate on publish: Yes - Image format: PNG - Set as featured image: Optional 5. Click "Save Changes"TIP Test the connection by clicking "Verify API Key" before saving.
-
Map Template Variables
Configure which WordPress fields map to your template variables.
CODEIn Settings → Pictify → Variable Mapping: Template Variable → WordPress Field ───────────────────────────────────────── title → Post Title description → Excerpt (or Meta Description) author → Author Display Name date → Publish Date category → Primary Category featured_image → Featured Image URL site_name → Site Title // For custom fields (ACF, etc.): custom_field → acf_field_nameTIP Use the "Preview" button to see how your template looks with actual post data.
-
Configure Post Types
Choose which post types should auto-generate OG images.
CODEIn Settings → Pictify → Post Types: ☑ Posts - Auto-generate for blog posts ☑ Pages - Auto-generate for pages ☐ Products - Optional: WooCommerce products ☐ Custom Post Types - Select which CPTs to include // Per-template settings: Posts → Use template: "blog-og-image" Pages → Use template: "page-og-image" Products → Use template: "product-card"TIP You can assign different templates to different post types.
-
Use the Gutenberg Block (Optional)
Manually insert OG images anywhere in your content.
CODE1. Edit any post or page 2. Click the "+" block inserter 3. Search for "Pictify Image" 4. Add the block to your content 5. Configure the block: - Select template - Override variables if needed - Choose display size // The block generates a live preview in the editor // and outputs an optimized image on the frontendTIP Great for adding social share cards within your content.
-
Test and Verify
Publish a post and verify the OG image is generated correctly.
CODE1. Create or edit a post 2. Fill in title, excerpt, and other mapped fields 3. Click "Publish" or "Update" 4. Check the post meta box for "Pictify OG Image" 5. You should see the generated image URL // Verify with social debuggers: - Facebook: https://developers.facebook.com/tools/debug/ - Twitter: https://cards-dev.twitter.com/validator - LinkedIn: https://www.linkedin.com/post-inspector/TIP If the image doesn't appear immediately, wait 30 seconds and refresh.
-
Bulk Generate for Existing Posts
Generate OG images for posts published before installing the plugin.
CODEGo to Tools → Pictify Bulk Generate: 1. Select post types to process 2. Choose whether to: - Skip posts with existing OG images - Regenerate all images 3. Set batch size (10-50 recommended) 4. Click "Start Bulk Generation" // Progress will show: // Processing: 45/230 posts // Generated: 42 | Skipped: 3 | Failed: 0 // For large sites, run during low-traffic hoursTIP Schedule bulk generation for off-peak hours to avoid impacting site performance.
ONE API KEY
Ready to build with WordPress?
Grab a free API key, pick a template, and your first render comes back in about 15 minutes.
OTHER INTEGRATIONS
ALL INTEGRATIONS →