Mô tả
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.
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…
- 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
- Modal UI to generate personalized embed code
- Smart
<script>switching:init-embed.jsfor postsinit-embed-product.jsfor Woo products
- Embed attributes:
data-theme="light|dark|auto"– force or auto-detect themedata-image,data-featured,data-cart– control content
- Cached REST API (immutable, 1 year)
- Developer filters to customize data and HTML
Filters for Developers
These filters give you full control over how data is rendered and returned.
REST response filters:
-
init_plugin_suite_embed_posts_rest_response
Modify REST API response for posts. -
init_plugin_suite_embed_products_rest_response
Modify REST API response for Woo products. -
init_plugin_suite_embed_posts_view_count_keys
Customize the list of post meta keys used to detect view count. Supports array of meta keys, ordered by priority.
Excerpt filters:
-
init_plugin_suite_embed_posts_excerpt
Customize excerpt for posts. -
init_plugin_suite_embed_products_excerpt
Customize excerpt for products.
Image control:
-
init_plugin_suite_embed_posts_images
Filter image list for embedded post. -
init_plugin_suite_embed_products_images
Filter image list for embedded product. -
init_plugin_suite_embed_posts_extracted_images
Filter raw image URLs extracted from post content.
Favicon:
-
init_plugin_suite_embed_posts_favicon_url
Override favicon for posts. -
init_plugin_suite_embed_products_favicon_url
Override favicon for products.
HTML output filters:
init_plugin_suite_embed_posts_shortcode_html
Customize HTML output of the[init_embed_code]shortcode. Allows complete control over button markup, styling, and attributes.
Auto-insert locations:
init_embed_insert_locations
Customize or filter valid auto-insert positions (e.g., after title, before content, etc).
License
This plugin is licensed under the GPLv2 or later.
You are free to use, modify, and distribute it under the same license.
Cài đặt
- Install and activate this plugin.
- Use the
[init_embed_code]shortcode to show the “Copy Embed Code” button. - Click the button configure your embed copy the code.
- Paste it anywhere: blog, site builder, static HTML, you name it.
Hỏi đáp
-
Does it use iframes?
-
No. It renders HTML via JS directly.
-
Can I embed WooCommerce products?
-
Yes, as of v1.1. Just add
data-type="product"and use the new script. -
Is it fast?
-
Yes. The REST JSON response is immutable and cacheable via Cloudflare or CDN for 1 year.
-
Can I restyle the embed card?
-
Yes. All styles are scoped. You can override with your own CSS.
-
Yes. Go to Settings Init Embed Posts and uncheck all positions.
Đánh giá
Người đóng góp & Lập trình viên
“Init Embed Posts – Stylish, Fast, Portable” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng gópDịch “Init Embed Posts – Stylish, Fast, Portable” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
1.4 – August 22, 2025
- Add
init_embed_posts_shortcode_htmlfilter 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, andreviewdata - 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_keysfilter
- Add
published_atnow 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.phpto clean up settings on deletion - Change default theme from
autotolightfor 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-typeto 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




