Start Free 0 credits
Account Settings Billing & Credits Team Members API Keys
Help & Support Sign Out
Free Tools (16) Pricing
Start Free Sign In
0 credits
Add Credits Dashboard Free Tools

Enabling the Page Builder on a Page

4 min read min read
Updated Feb 26, 2026
Beginner
Quick Answer

Open any WordPress page in the editor, find the NitroShock Page Builder meta box, and toggle it on. Gutenberg is disabled for that page and NitroShock takes over on the frontend.

The NitroShock page builder is activated on a per-page basis. You choose which pages use the NitroShock editor—all other pages continue using the standard WordPress editor untouched.

Activating NitroShock on a Page

  1. In the WordPress admin, open any Page in the editor (Pages → Edit).
  2. Scroll below the editor to find the NitroShock Page Builder meta box.
  3. Toggle it on.
  4. Save or publish the page.

After saving, Gutenberg is disabled for that page. When you visit the page on the frontend while logged in as an admin, the NitroShock editor toolbar loads at the top of the page.

If the meta box is not visible, click Screen Options at the top-right of the editor screen and make sure the NitroShock meta box is checked.

Using the Page Editor

The page editor lives on the frontend of your page, not in the WordPress admin. Visit the page while logged in and the toolbar appears.

From the toolbar you can:

  • Insert components from your Component Library
  • Click any component on the page to select, move, or delete it
  • Edit text and images inline
  • Reorder components by dragging
  • Open the AI Tab sidebar for content generation
  • Add custom CSS and JavaScript that applies to this page only
  • Add JSON-LD schema markup for SEO
  • Undo and redo changes

Per-Page Custom CSS & JavaScript

Each NitroShock-enabled page supports page-level CSS and JavaScript stored in post meta and output only on that page:

  • Custom CSS is output in <head> on that page only
  • Custom JavaScript is output before </body> on that page only

This is useful for one-off page-specific overrides without touching your theme or other pages.

Disabling the Page Builder

  1. Open the page in the WordPress admin editor.
  2. Toggle the NitroShock Page Builder meta box off.
  3. Save the page.

The page content (the component HTML stored in the post content) remains in place. The block editor reloads and treats the existing HTML as classic content.

Common Questions

Does enabling NitroShock affect my theme?

No. NitroShock outputs its components inside your theme's page template. Your header, footer, and sidebar remain intact unless you specifically build components that replace them.

Can I use NitroShock on posts, not just pages?

Yes. The meta box is available on any post type that supports custom fields. The activation process is identical for posts and pages.

Next Steps

Was this article helpful?