How to Add a Changelog, Roadmap & Knowledge Base to Elementor

Elementor powers more than 17 million WordPress sites. None of them ship with a built-in changelog, public roadmap, or knowledge base widget. This guide shows how to add all three using Elementor's HTML Widget, Custom Code injection, or a Theme Builder template, with five embed methods that work on Elementor Free and Elementor Pro alike.

Try it yourself: Start your free plan and drop a changelog into any Elementor page via the HTML Widget. No credit card required.

Why does an Elementor site need a changelog?

Every Elementor site that ships updates needs a structured way to communicate those changes. Blog posts get buried in feeds. Email updates get lost. A dedicated changelog gives users a scannable, categorized record of what changed and when.

The Elementor addon market is crowded. With more than 800 third-party addons fighting for installs, version notes are how buyers tell active maintenance apart from abandoned plugins. Addon developers, agencies delivering client sites, and SaaS companies running marketing on Elementor all share the same problem. None of them get a changelog out of the box.

ProductLift provides a changelog for Elementor with categorized entries, rich media, email notifications, and reaction buttons. For tips on writing effective updates, see how to write release notes and browse changelog examples from companies doing it well.

17 million sites run on Elementor, with 5 million active installs on WordPress.org. None ship with a built-in changelog widget, which leaves addon developers and agencies posting updates in blog comments and Facebook groups. (WordPress.org Plugin Directory)

How do you add a changelog to an Elementor site?

Embed the ProductLift snippet inside an Elementor HTML Widget, then publish the page. There are five methods in total, depending on whether you use Elementor Free or Pro and where you want the changelog to appear.

Method 1: HTML Widget (works in Elementor Free)

This is the simplest approach and works with every version of Elementor.

1. Open any page in the Elementor editor
2. Drag the HTML Widget from the Basic widgets panel onto your layout
3. Paste the ProductLift embed snippet (iframe or JavaScript) into the HTML code field
4. The changelog renders live in the Elementor preview
5. Click Publish

The HTML Widget preserves raw code without stripping scripts. Your changelog is responsive and adapts to the column width automatically.

Method 2: Shortcode Widget

If your team prefers managing embed codes centrally through WordPress:

1. Register the ProductLift embed as a WordPress shortcode in your theme's functions.php
2. In the Elementor editor, drag the Shortcode Widget onto your layout
3. Enter the shortcode
4. The changelog renders through WordPress's shortcode engine

This approach keeps embed codes in one place, making updates easier across multiple pages.

Method 3: Theme Builder for site-wide placement (Elementor Pro)

With Elementor Pro, you can add a changelog notification badge to every page:

1. Go to Templates > Theme Builder
2. Edit your global header or footer template
3. Add an HTML Widget to the template
4. Paste the ProductLift notification widget code
5. Save and apply the template

Every page now shows a notification badge. Visitors click it to see recent updates without leaving their current page.

Method 4: Custom Code injection (Elementor Pro)

Elementor Pro's Custom Code feature provides the cleanest site-wide integration:

1. Go to Elementor > Custom Code
2. Add a new code snippet
3. Paste the ProductLift widget script
4. Set the location to "Before </body>"
5. Set display conditions (all pages, specific pages, etc.)

This approach requires no template editing and survives theme changes.

Method 5: Elementor Popup (Elementor Pro)

For a changelog that appears as an overlay without using page real estate:

1. Go to Templates > Popups > Add New
2. Add an HTML Widget inside the popup
3. Paste the ProductLift changelog embed code
4. Set the trigger to a bell icon, button click, or scroll depth
5. Publish and assign display conditions

This works especially well for a "What's New" notification bell in your header. Users click the bell, see recent updates in a popup, and close it to continue browsing.

All five methods work with Hello theme, Astra, GeneratePress, OceanWP, and other popular Elementor companion themes. ProductLift is hosted externally, so there are zero plugin conflicts.

Embed method comparison

The five methods differ in plan requirements, placement scope, and audience targeting. Use this table to pick the right one for your site.

The Custom Subdomain option works on the free plan because it lives outside Elementor entirely. You point a subdomain at ProductLift and link to it from your Elementor menu. No widget needed, no Pro license needed.

Why Elementor Sites Need a Public Roadmap

Elementor itself maintains a public roadmap at elementor.com/roadmap/ where users vote on planned features. It works because users feel heard and the Elementor team gets quantitative data on priorities. Your SaaS product, agency, or addon business can do the same thing.

A public roadmap lets customers see what you are building next. It reduces support tickets ("When will you add X?"), builds trust through transparency, and gives you data on what your audience actually wants. When you connect a roadmap to feedback boards, every roadmap item links back to the original user request. When an item ships, voters get notified automatically.

ProductLift provides a roadmap for Elementor that embeds directly into your Elementor layouts. Read our complete guide to public roadmaps for strategy and best practices.

How do you add a public roadmap to an Elementor site?

Drop the ProductLift roadmap embed into an HTML Widget on a dedicated page, or trigger it from an Elementor Pro Popup. The same embed methods work for roadmaps as for changelogs. The two most common approaches:

Dedicated roadmap page with HTML Widget

1. Create a new page in WordPress (e.g., "Roadmap")
2. Open it in the Elementor editor
3. Drag the HTML Widget onto a full-width section
4. Paste the ProductLift roadmap embed code
5. Publish

Your roadmap shows columns for planned, in progress, and shipped items. Visitors can vote on features and leave comments without leaving your site. Place the widget inside a full-width column for the best experience.

Popup overlay for quick access

Using Elementor Pro's Popup builder, create a roadmap overlay triggered by a "Vote on Features" button in your navigation. This keeps the roadmap accessible without dedicating a full page to it. Use Elementor's display conditions to control which pages show the trigger button.

You can also link to a hosted roadmap at roadmap.yoursite.com from your Elementor navigation menu, keeping your Elementor layouts completely untouched.

Why Elementor Sites Need a Knowledge Base

Elementor includes a basic FAQ Widget (Pro only), but it has limitations. No search, no categories, no analytics, and no way for users to indicate whether an answer was helpful. WordPress KB plugins like BetterDocs and Echo Knowledge Base add custom post types and database tables that can slow down sites already loading Elementor's framework.

ProductLift offers a hosted knowledge base for Elementor with full-text search, categories, helpful/not helpful voting, and the ability to generate documentation from shipped changelog entries using AI. Zero database overhead, no plugin conflicts. Learn more about structuring your docs in our guide on how to create a knowledge base.

How do you add a knowledge base to an Elementor site?

Add an HTML Widget inside a full-width Elementor section and paste the ProductLift knowledge base embed code, or surface a global search bar from the Theme Builder header. Three setups cover most cases.

Embedded on a dedicated page

1. Create a new page (e.g., "Help Center" or "Docs")
2. Open it in the Elementor editor
3. Add an HTML Widget in a full-width section
4. Paste the ProductLift knowledge base embed code
5. Publish

The knowledge base renders with search, categories, and individual articles. It adapts to your Elementor column width automatically. Use a full-width section with no sidebar for the best experience.

Site-wide search with Theme Builder

With Elementor Pro's Theme Builder, add a ProductLift KB search widget to your global header template. Every page on your site then includes a help search bar. Users type their question from any page and see instant results without navigating to a dedicated help center.

External subdomain

For larger documentation needs, host your knowledge base at help.yoursite.com and link to it from your Elementor navigation menu. ProductLift handles all hosting, styling, and search functionality.

How It All Connects: The Journey Model

Elementor splits cleanly into two creator audiences with different revenue models: Free vs Pro upgrade-funnel users, and template kit creators selling on Envato. The Journey Model maps onto both.

For an Elementor template kit creator on Envato:

1. A Pro buyer submits feedback on your feedback board embedded inside the kit demo site, requesting a new widget variant or section template
2. Other Pro users vote, and the request accumulates a measurable demand signal you can defend internally when deciding which kit revision to ship next
3. You promote the post to your roadmap as "Kit v2.3." Use Elementor's Display Conditions to show the live roadmap only to logged-in Pro users so the priority list stays exclusive to paying buyers
4. When you ship, the post becomes a changelog entry and every voter gets a notification email with their original request quoted back. That email is the natural moment to ask for an Envato review, which is the social proof that drives kit sales
5. AI generates a knowledge base article from the shipped revision, ready to embed into the kit's documentation page

For agencies handling multiple Elementor client sites, the same model collapses portfolio-wide. End-user feedback flows from each client site into a unified board, the agency ships the upgrade once, and all client end-users who voted are notified across every site simultaneously.

This is what makes the combination of changelog, roadmap, and knowledge base on your Elementor site more than three separate widgets. It is a complete feedback loop. For a deeper look, see our guide on closing the feedback loop.

How much does an Elementor changelog and roadmap cost?

Elementor Pro starts at $59/year for a single site license and includes Theme Builder, Popup Builder, Custom Code, Display Conditions, and Elementor AI (launched in 2023) for entry-level copy generation. Elementor Cloud Website bundles Pro with managed hosting at a higher tier. None of those plans include changelog, roadmap, or knowledge base modules, so you still need an external tool to round out the stack.

Agencies handling multiple Elementor client sites get hit hardest by seat-based pricing. Canny charges per tracked user and per teammate seat, which is the wrong meter when an agency operates 10 client portfolios. A 3-seat Canny Growth plan plus tracked-user overage on 10 client sites routinely clears $400/month, before adding a separate knowledge base tool.

ProductLift starts at a flat $19/month (billed annually) with unlimited tracked users and voters. All features are included on every plan. Changelog, roadmap, knowledge base, feedback boards, AI prioritization, and white-label branding. One workspace covers every Elementor client site at the same flat rate, so onboarding the 11th or 30th client does not raise the bill. The same flat $19/month holds whether your Envato kit is installed on 100 sites or 100,000. You can also explore the changelog for WordPress and roadmap for WordPress pages for general WordPress setup details.

$400/month for Canny Growth across 10 client sites versus $19/month for ProductLift. Agencies running Elementor retainers absorb tracked-user pricing across every client, while flat pricing scales without renegotiating contracts. (Canny Pricing, ProductLift Pricing)

Ready to ship updates publicly? Start your free plan and embed a roadmap, changelog, and KB on your Elementor site in under 10 minutes.

FAQ

Does this work with Elementor Free or do I need Pro?

The HTML Widget and Shortcode Widget are available in Elementor Free. You can embed a changelog, roadmap, or knowledge base on any page without a Pro subscription. Elementor Pro adds Theme Builder, Custom Code, and Popups, which are useful for site-wide notification widgets and overlay displays but not required for basic embedding.

Will the embed conflict with my Elementor theme or addons?

No. ProductLift is hosted externally. There are no files in your WordPress directory, no database tables, and no PHP that could conflict with Elementor, its addons, or your theme. Elementor updates, addon updates, and theme changes cannot affect the embed.

Can I use Elementor Popups to show the changelog?

Yes. Create a Popup in Elementor Pro, add an HTML Widget with the ProductLift embed code, and set a trigger (button click, bell icon, or scroll depth). This is a popular approach for "What's New" notifications that do not take up page space.

How is this different from Elementor's FAQ Widget?

Elementor's FAQ Widget creates a simple accordion of question/answer pairs on a single page. ProductLift's knowledge base offers full-text search, nested categories, helpful/not helpful voting, analytics, and AI-generated articles from your shipped features. The FAQ Widget is fine for five or ten questions. For anything more, a dedicated knowledge base is the better choice.

Can I customize the look to match my site?

Yes. ProductLift offers full color, font, and layout customization. The white-label option removes all ProductLift branding. The embed adapts to your Elementor column width automatically.

Does it support multiple languages?

Yes. ProductLift supports 27 languages. This pairs well with Elementor sites using WPML or Polylang for multilingual content.

Does the embed work after migrating from Sections to Elementor Containers, and is Hello theme compatible?

Yes on both counts. The HTML Widget, Shortcode Widget, and Custom Code injection are layout-agnostic, so a switch from the legacy Sections layout engine to Elementor Containers (Flexbox or Grid) does not break the embed. The widget continues to render inside whichever container or column you placed it in. Hello theme is the recommended lightweight pairing for any of these embed methods. It loads minimal CSS, leaves layout entirely to Elementor, and avoids the style conflicts you sometimes see with heavier multi-purpose themes. ProductLift has been tested with Hello, Astra, GeneratePress, OceanWP, Kadence, and Blocksy.