Using Embeds

The Embed feature allows you to display your Changeloger releases, feedback boards, or roadmaps on external websites using an iframe. This powerful capability ensures you can maintain a unified project presence by sharing updates or gathering feedback directly on your dedicated documentation site or product landing pages.

• Getting the Embed Code
• Embed URL Format
• Embedding on Your Website
• Embed Settings
• Embed Types

Getting the Embed Code

To generate the necessary code for embedding, navigate to Changeloger > Releases in your WordPress dashboard and select the specific product from the sidebar. Click the Embed (</> icon) button to open the configuration modal, where you can choose the content type (Releases, Feedback, or Roadmap) and select your preferred theme (Light or Dark). Once configured, simply copy the provided code snippet.

Embed URL Format

The embed feature relies on a specific URL structure. Each request requires the cha_embed=1 parameter to function correctly:

https://yoursite.com/?cha_embed=1&product=PRODUCT_ID&type=TYPE&theme=THEME

Embedding on Your Website

You can integrate the content using a standard HTML iframe. Below is a basic implementation example:

<iframe src="https://yoursite.com/?cha_embed=1&product=5&type=releases&theme=light" width="100%" height="600" frameborder="0" style="border: 1px solid #e5e5e5; border-radius: 8px;"></iframe>

Embed Settings

By default, embeds feature a “Powered by Changeloger” watermark. You can manage this visibility by navigating to Changeloger > Settings > Embed and toggling the Show Embed Watermark option. Furthermore, the plugin automatically configures cross-origin access headers, including X-Frame-Options: ALLOWALL, to ensure compatibility when framing content on external domains.

Embed Types

• Releases Embed: Displays your product changelog with full support for pagination and real-time search, inheriting your site’s main styling.
• Feedback Embed: Provides a submission board allowing your users to vote and comment, provided they meet authentication requirements.
• Roadmap Embed: Presents your public Kanban board, allowing stakeholders to view roadmap progress and vote on items directly from the frame.