Init Embed Posts – Stylish, Fast, Portable

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.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 (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.

Ảnh màn hình

  • Modal code generator
  • Embed card – post
  • Embed card – product
  • Embed card – post with images

Cài đặt

  1. Install and activate this plugin.
  2. Use the [init_embed_code] shortcode to show the “Copy Embed Code” button.
  3. Click the button configure your embed copy the code.
  4. 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.

Can I disable auto-insert button?

Yes. Go to Settings Init Embed Posts and uncheck all positions.

Đánh giá

29 Tháng 6, 2025 1 trả lời
Giao diện card đẹp mắt, tùy biến cao Tích hợp dễ dàng, không phụ thuộc vào các thư viện nặng Tối ưu tốc độ nhờ caching và dùng JavaScript thuần Hỗ trợ nhiều loại nội dung như bài viết, sản phẩm WooCommerce Có thể tùy chỉnh linh hoạt qua các thuộc tính và bộ lọc dành cho nhà phát triển Phù hợp cho nhiều loại trang, từ landing page, blog, đến cửa hàng online
Đọc tất cả 2 đá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óp

Nhật ký thay đổi

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