Init Embed Posts – Stylish, Fast, Portable

Init Embed Posts lets you embed WordPress content externally – with beautiful cards, real-time REST API data, and zero friction. Instead of using iframes or clunky oEmbed, this plugin gives you clean <div> + <script> snippets, which load the post or product dynamically using WordPress REST API. Designed for speed, style, and full control – using pure JavaScript and smart caching. Prefer working in the Block Editor? The Embed Button block does exactly what the [init_embed_code] shortcode does – no shortcode needed if you'd rather insert it visually, with a live preview right in the editor. For AI agents and automated tools, embed data (title, excerpt, thumbnail, images, and — for WooCommerce products — price) is also exposed as a read-only Abilities API ability (WordPress 6.9+), the same data used to render the cards. This plugin is part of the Init Plugin Suite — a collection of minimalist, fast, and developer-focused tools for WordPress. GitHub repository: https://github.com/brokensmile2103/init-embed-posts Features:

• Embed any public post or WooCommerce product
• Works anywhere: raw HTML, CMS, blog, landing page…
• Block Editor block: "Embed Button", equivalent to [init_embed_code], with a live preview in the editor
• Abilities API (WordPress 6.9+): read-only get-embed-data ability for post/product embed data, discoverable via wp_get_abilities() and the wp-abilities/v1 REST namespace
• Beautiful card layout:
• Site name + favicon
• Title, excerpt, date (for posts)
• Featured image, horizontal gallery (optional)
• Product name, price, sale price with strikethrough
• "Add to cart" styled button (optional)
• Auto dark mode, adapts to embedding site
• Hover effects and modern UI
• Skeleton loader while waiting for data
• JS-only, no iframe, no jQuery, no dependency
• Lazy-loads embed cards as they scroll into view
• Auto-detects embeds inserted dynamically after page load (AJAX/SPA)
• Modal UI to generate personalized embed code
• Smart <script> switching:
• init-embed.js for posts
• init-embed-product.js for Woo products
• Embed attributes:
• data-theme="light|dark|auto" – force or auto-detect theme
• data-image, data-featured, data-cart – control content
• Cached REST API (1 year, revalidated via ETag when the post/product is updated)
• Price range display for WooCommerce variable products
• Configurable gallery image limit and default embed theme (Settings page)
• Developer filters to customize data and HTML

2.0.0 – August 05, 2026

• New: Block Editor (Gutenberg) support: new "Embed Button" block under its own Init Embed Posts block category (instead of the generic "Widgets" category), equivalent to the [init_embed_code] shortcode. Registered via block.json (with a PHP render.php file wired through the "render" field, WP 6.1+) that calls the exact same function as the shortcode — no duplicated display logic, output always matches. Editor integration is a single no-build-step vanilla JavaScript file using wp.serverSideRender for a live preview
• New: Abilities API support (WordPress 6.9+): registers one read-only ability, init-embed-posts/get-embed-data, under the init-embed-posts category — returns the same embed data as the REST endpoints for a given post or product id. Discoverable and executable via PHP, wp_get_abilities(), and — when a site opts in — the wp-abilities/v1 REST namespace. Fully optional and backward-compatible: on WordPress versions older than 6.9, the integration silently does nothing
• Changed: internal REST response building for /post/{id} and /product/{id} refactored into shared, reusable functions so the REST endpoints and the new Abilities API ability use the exact same data-building logic — no behavior change, same response shape as before
• Changed: Requires at least raised from 5.5 to 6.9 to support the Abilities API integration. Requires PHP remains 7.4
• Tested up to: 7.1

1.7 – July 20, 2026

• Fix stale embed cards: REST responses no longer use immutable caching; added ETag + modified_at (based on post/product last-modified time) so browsers/CDNs revalidate instead of serving year-old data after a post is edited
• Add lazy-loading for embed cards via IntersectionObserver: cards only fetch data when scrolled near the viewport
• Add public scan() API (IEP_Embed.scan() for posts, IEP_EmbedProduct.scan() for products) plus automatic MutationObserver support, so embeds inserted dynamically after page load (AJAX/SPA) are picked up
• Escape title, excerpt, site name, and other dynamic fields before rendering to prevent HTML/script injection in embed cards
• Add placeholder icon for product embeds when no thumbnail is available, instead of a broken image
• Add price range display (e.g. "100.000₫ – 150.000₫") for WooCommerce variable products with price_min/price_max in the REST response
• Add new setting: gallery image limit (1–10), replacing the previous hard-coded limit of 5
• Add new setting: default embed theme, pre-selected in the embed code generator modal (window.InitPluginSuiteEmbedPostsConfig.theme still takes top priority when set by a theme/site, falling back to this setting, then to light)

1.6 – December 23, 2025

• Prevent duplicated InitEmbedPostsSettings output when shortcode is rendered multiple times on the same page
• Ensure embed UI scripts and localized settings are loaded only once per request
• Improve shortcode rendering stability when auto-injected at multiple locations
• Minor internal optimization to reduce redundant processing during content rendering

1.5 – November 14, 2025

• Improved image extraction logic in REST response for more consistent embed visuals
• Enhanced init_plugin_suite_embed_posts_extract_images() with URL sanitization, duplication checks, and safer handling of invalid sources
• Ensured embed cards always return clean, valid image URLs and respect the requested limit
• Minor REST performance refinements and internal hardening
• Code cleanup for better long-term maintainability

1.4 – August 22, 2025

• Add init_embed_posts_shortcode_html filter for customizing shortcode button HTML
• Allow developers to completely override embed button markup and styling
• Improved extensibility for theme and plugin developers

1.3 – July 9, 2025

• Refactor embed modal: now fully rendered via JavaScript, no PHP template used
• Add two new toggle options in modal: "Show post meta" and "Show review"
• Post meta now displays published time, view count, and comment count with icons
• Review support: renders 5-star rating and average score if Init Review System is active
• Enhance REST API:
• Add comment_count, view_count, and review data
• Support multiple view count plugins (Jetpack, WP-PostViews, WP Statistics, Post Views Counter)
• Allow custom view field via init_plugin_suite_embed_posts_view_count_keys filter
• published_at now returns human-readable time difference (e.g. 2 days) instead of ISO
• Minor UI adjustments and cleaner card layout

1.2 – June 30, 2025

• Add uninstall.php to clean up settings on deletion
• Change default theme from auto to light for better compatibility

1.1 – June 14, 2025

• Add support for WooCommerce product embeds
• New REST endpoint: /product/{id}
• Product embed supports featured image, price, sale price (with strikethrough), and dark mode
• Auto-insert embed button after product meta (if enabled)
• Embed code now includes data-type to switch JS logic
• New embed script: init-embed-product.js
• Cleaned up UI styles and fixed edge cases

1.0 – June 9, 2025

• Initial release
• Embed any post with responsive card
• Modal UI for embed code generation
• REST API with cache-friendly headers
• Vanilla JS – lightweight and dependency-free
• Works anywhere, no iframe/oEmbed needed