Welcome to NitroShock Page Builder
NitroShock Page Builder lets you build chosen WordPress pages and posts in a full-screen builder inside wp-admin: drop in elements and saved components, edit the HTML, CSS and JS directly, and use AI writing modes, AI Enhance and the AI Chat Assistant. The builder is free; only AI features use credits.
NitroShock Page Builder is a WordPress plugin for building pages from sections of HTML, CSS and JavaScript. You turn it on for a page, edit that page in a full-screen builder inside wp-admin, insert ready-made elements and components, write or edit code directly, and use AI to write and rewrite content. The builder itself is free; only the AI features use credits.
How It Works on a Page
- Open a page in the WordPress editor.
- In the NitroShock Page Builder box in the right-hand sidebar, tick Build this page with NitroShock. The page saves and reloads.
- Click Edit with NitroShock (or Open builder in the sidebar box) to open the full-screen builder.
Once a page is built with NitroShock, the block editor is switched off for that page and its content is edited only in the builder. The normal edit screen still handles the title and page settings. Other pages keep whichever editor they used before. Untick the box and click Update to hand the page back to the WordPress editor.
The page's HTML is saved as the normal page content, and its CSS and JavaScript are saved alongside it in the page's own data, so everything stays in your WordPress database.
Posts work too. On a post the box reads Build this post with NitroShock, and everything above works the same way. On posts the builder is for editors and administrators: an author who opens a post an editor built sees a short notice instead of the editor, and the content stays as it is.
Inside the Builder
Tabs. Visual is the live canvas, with desktop, tablet and mobile views. HTML, CSS and JS show the page's code, with Format and Copy buttons. Meta holds the SEO title, meta description, excerpt, social share text and Schema JSON-LD for the page. The CSS and JS tabs run code on your live site, so only administrators see them by default. To give them to editors too, tick Allow the Editor role to use code tools under Credits & Settings → Permissions.
Insert Components. The sidebar's default mode lists basic elements you can drop onto the page: Heading, Text, Image, Inline Img, Button, Divider, Spacer, 2 Columns, 3 Columns, List, Content Section, Video, Inline Vid, HTML and SVG. Your saved components are listed below them, with search and a category filter. The filter's From nitroshock.ai group lists the online library's categories, so you can add a ready-made component without leaving the builder. Inserting elements and components is free.
Content Section. A section built from your site's own section and container classes when the builder can learn them from your pages, so it lines up with the rest of the site. It arrives empty and has a width switch: Site, Reading (a narrower column for long text) or Full.
Top bar. Search for another page to edit, Undo and Redo, Preview, the AI Chat Assistant, and Save.
AI Features
Every AI feature shows an estimated cost before it runs, and you are billed for what the run actually uses.
- Writing modes in the sidebar's mode menu: Create New Content, Rephrase Existing, Modernize, Beat Competitor and Merge Pages. Create New Content can also produce a FAQ section with FAQ schema, a meta description, a page title, an excerpt and social text.
- AI Enhance in the text toolbar on the canvas: Rephrase, Extend or Summarize the selected text, with a tone picker.
- AI Chat Assistant in the top bar and in Component Studio: describe a section or a change and the AI writes or edits the code. You can attach images as layout references.
Components and the Library
A component is a reusable section: HTML, CSS and JavaScript saved under a name and category. You build and edit components in NitroShock → Component Studio, which has the same code tabs, a live preview, text editing in the preview, SVG insertion and the AI Chat Assistant.
NitroShock → Component Library lists your components with search, a category filter and sorting. Get components opens the NitroShock library, where you preview ready-made components in your site's styles and add the ones you want. If you work with code tools, you can also save sections of a page you have built into the library from the builder's top bar.
Other Screens
- Brand Settings - your design style, colors, backgrounds, typography and layout defaults, plus Site assets, which lets the previews use your theme's own stylesheets.
- Site Profile - your company name, website purpose and location, used by Modernize and Merge Pages and for the search market of keyword research. See Installing and Connecting.
- SVG Manager - turns SVG uploads on or off, sets who may upload them (administrators only by default), and lists, re-sanitizes or deletes uploaded SVGs. Every SVG is sanitized on upload.
- Credits & Settings - connects the plugin to your NitroShock account, shows your balance and holds the Permissions setting for code tools.
FAQ
Does it replace the WordPress editor everywhere?
No. Only on the pages and posts where you tick the NitroShock Page Builder box. Everything else keeps its usual editor.
Can I use it without a NitroShock account?
Yes, for building by hand: the builder, the code tabs, elements and components all work without an account. The AI features need a connected account with credits.
Do I need to know how to code?
No. You can build with elements and components, and the AI writing modes and chat assistant work from plain descriptions. The code tabs are there when you want them.