Install Rawnaq and add your first widget
Install the free plugin and place a module in Elementor, the block editor or Divi.
On this page
Rawnaq is a library of ten interactive modules that work the same in Elementor, the WordPress block editor (Gutenberg) and Divi Builder. The frontend uses plain JavaScript with no jQuery, and each module loads its CSS and JS only on the pages where you place it.
Requirements
- WordPress 5.8 or newer
- PHP 7.4 or newer
- Optional: Elementor or Divi. The block editor needs nothing extra.
Install
- Open Plugins → Add New, search for Rawnaq, then install and activate. Or upload the
rawnaqfolder to/wp-content/plugins/. - A new Rawnaq menu appears in the admin sidebar.
Add a module
- Elementor: search the widget panel for the module name, for example “Bento Grid”, and drag it in.
- Block editor: click + and search for the block, for example “Rawnaq Smart Form”. Settings are in the block sidebar.
- Divi: add a module in the Visual Builder and pick the Rawnaq module. Controls update live.
The free modules have no shortcodes. Use the Elementor widget, the block or the Divi module.
The ten free modules
| Module | Use it for |
|---|---|
| Smart Form | Lead and contact forms. Build a form. |
| Hub Diagram, Flow Chart | Process and org diagrams. Diagrams. |
| Scroll Sync Timeline, Scroll Story | Milestone and scrollytelling pages. Timeline and Story. |
| Scroll Progress + TOC | Reading progress and table of contents. Progress and TOC. |
| Bento Grid, 3D Tilt Card, Case-Study Grid | Layouts and showcases. Grids and cards. |
| Floating Dock | A floating menu with WhatsApp contact. Floating Dock. |