Design Elements

Insert ready-to-use elements in your knowledge base content to enhance the effectiveness of your knowledge documents.



The user wants to create content that contains rich media and formatted text but does not have the knowledge or time to write HTML code. Design elements offered by PHPKB are the built-in snippets that help your knowledge base documents to be more than just big blocks of text; they present your knowledge in a meaningful way. PHPKB knowledge base software provides readymade design elements enabling content writers to add notes, warnings, notices, alerts, tips, quotations, and style their documents properly the way they want.

Design Elements Notes

How to add design elements to your knowledge base documents?

Adding a design element is a single-click job. In the WYSIWYG editor, click on the first plugin icon in the custom toolbar (screenshot below). A dialog will open, choose the design element of your choice and click on the title of an element to insert it in the WYSIWYG editor.

Design Elements Icon


Design elements have an impact on how a piece of work is perceived and used. For instance, a component for calling extra attention to a certain piece of information. People’s attention is limited and readers are happy if useful information is available in front of their eyes, and design elements help here. They help in grabbing the user's attention by posting useful messages in beautiful components.

Design Element Editor Preview

Multi-Colored Elements

PHPKB offers design elements in different colors to emphasize specific areas or actions.

For Example:

  • Alerts are often displayed using a strong colour like Red.
  • Yellow often indicates a warning that might need attention.
  • Green often indicates something successful or positive.
  • Blue often indicates a neutral informative change or action.

The design element "Notices" can be used to notify the user about something special: danger, success, information, or warning.

Design Elements Notices

Status Elements

A knowledge base can be used by internal teams and you can utilize articles to assign tasks to employees. The Status elements help to mark the progress of the tasks assigned. For Instance, in progress, if the team member is working on an assigned task. Change the status to "complete" when it is finished.

Design Elements Status

Fully Responsive

These components are fully responsive and look equally good on both desktop and mobile devices.

Mobile View

Design Elements Mobile View

Desktop View

Design Elements Desktop View

Get It Now

Whether you are looking for an in-house solution OR a cloud-hosted knowledge management tool, PHPKB knowledge base software offers enterprise-class features with pricing that can fit a small business budget.

Purchase Now
Trusted by successful businesses around the globe

Some of the world's best companies proudly use PHPKB knowledge management software.


Try it yourself 30 days free

Get a fully functional 30-day free trial.
Our knowledge base software is easy to use and backed by awesome support.

Get Started