WordPress Help Widget: Add a Floating Docs Assistant

A WordPress help widget is a floating button that opens a small support panel on any page, so visitors can search your documentation or contact your team without leaving what they are doing. EazyDocs provides this as the Docs Assistant (also called the Doc Helper Assistant): one widget with a searchable Knowledge Base tab and a Contact tab, configured from your WordPress dashboard.

This guide explains how a help widget reduces repeated questions, how to set up the EazyDocs Docs Assistant, and how to get the most from it.

Why add a help widget to your WordPress site?

Most visitors will not hunt for a help center link in the footer. They have a question on the page they are on: a pricing page, a checkout step, a settings screen. A floating help widget meets them there. They type a few words, read the answer, and continue.

This is the core idea behind self-service support. Every question answered by an existing doc is one less ticket in your inbox, which is why a good knowledge base improves the customer support experience for both sides.

What the EazyDocs Docs Assistant includes

• Floating launcher: a button at the bottom-right or bottom-left corner that opens the panel.
• Knowledge Base tab: recent articles plus an integrated search bar for your docs.
• Instant Answer (Full Article View): articles open inside the panel through AJAX, so the visitor stays on the current page.
• Contact tab: a contact form for questions the docs do not answer.
• Keyboard shortcuts: Ctrl + K or Cmd + K toggles the panel, Esc closes it, and arrow keys switch tabs.

The Doc Helper Assistant with contact form is a premium feature in EazyDocs Pro, according to the official Free vs Premium comparison.

How to set up a WordPress help widget with EazyDocs

1. Install EazyDocs and activate Pro. Publish a set of docs first, because the widget searches your existing documentation.
2. Turn on the assistant. Open EazyDocs, go to Settings and select the Docs Assistant tab. Switch the assistant on and save.
3. Choose where it appears. Set the display location so the widget shows on the pages where people need help.
4. Match your brand. Pick the open and close icons and adjust the vertical and horizontal position so it does not cover other buttons, such as a chat or cookie notice.
5. Configure the Knowledge Base tab. Keep the tab enabled, write a clear heading, turn on search and set a helpful search placeholder.

The official guide on enabling the Doc Assistant shows these settings in more detail.

Let visitors read full answers inside the widget

With Instant Answer enabled (it is on by default), clicking an article loads the full content in the panel instead of redirecting. Visitors can expand the panel for long articles and use the back arrow to return to the results. The Full Article View documentation notes that it supports HTML formatting, shortcodes and password-protected articles. This matters most on high-value pages such as checkout or onboarding, where sending someone to another page can break the flow.

Add a contact form fallback

Search will not answer everything. The Contact tab gives visitors a second option in the same panel: they can send a message to your support team without hunting for a contact page. Because they usually search first, the questions that reach you tend to be the ones your docs do not cover yet.

Advanced options for growing teams

• Cross-domain embed: copy the generated embed code from the assistant settings and paste it on another site, so one central knowledge base powers help widgets across several domains. If Instant Answer is on, make sure CORS settings allow the requests back to your main site.
• Custom tabs: developers can add their own tabs with the eazydocs_assistant_tab filter, each with an id, heading and content.
• Dark mode: EazyDocs Pro lists dark mode for the Docs Assistant, which helps on sites with dark designs.

Best practices for a WordPress help widget

• Write doc titles the way customers phrase questions, because titles are what they scan in search results.
• Show the widget where questions happen, such as pricing, checkout, account and product pages.
• Keep answers short and link to a full guide when a topic needs more depth.
• Read the messages that arrive through the Contact tab every week and turn repeated questions into new docs.
• Turn on article voting and user feedback in EazyDocs so you know which answers need work.

Test the widget on mobile as well. A floating button that is easy to tap on desktop can overlap other elements on a small screen, so adjust the position until both work.

Help widget vs a dedicated help center page

You do not have to choose one. A help center page is best for browsing, learning and long tutorials. A help widget is best for quick answers in context. Together they cover both behaviors: visitors who want to explore go to the docs home, and visitors with one urgent question open the widget.

If you are starting from zero, launch the WordPress help widget on your three busiest pages first. Watch which searches return no useful result, write docs for those gaps, and then roll the widget out across the rest of the site. A small pilot like this shows quickly whether the widget answers the questions your visitors actually ask.

Add a help widget to your site today

Start with the free plugin from EazyDocs on WordPress.org to build your documentation, then upgrade to Pro to switch on the Docs Assistant. See the Helper Assistant feature page for a closer look, and compare plans on the EazyDocs pricing page.

Frequently asked questions