Install Grona on WordPress
Add one snippet to WordPress with a plugin or a theme file. Then Grona can redesign the site you already have. No coding required.
Under 2 minutes
Why install
Why you need the Grona snippet
Grona's research and competitive intelligence features work without any code on your site. You can analyze competitors, review traffic data, and get AI-powered recommendations right from the dashboard.
To redesign your live site, generate whole new sections with images, and ship campaigns, Grona needs your permission. Installing this snippet grants that permission and connects your site to Grona's agentic engine.
Live editing
Generate new sections, images, and styles on your existing pages through AI chat.
Campaigns
Run live campaigns and track results in real time.
Your choice of scope
Add to specific pages or your entire site.
The snippet
Your Grona snippet
Copy this and paste it into your website's <head> section.
<link rel="preconnect" href="https://cdn.grona.ai">
<script src="https://cdn.grona.ai/workspaces/YOUR_WORKSPACE_ID/antiflicker.js" data-grona-af-bg="#ffffff"></script>
<script src="https://cdn.grona.ai/workspaces/YOUR_WORKSPACE_ID/main.js" async></script>Preconnect: Speeds up loading by establishing an early connection to Grona's CDN.
Antiflicker script: Loads synchronously to prevent content flash before Grona's changes apply.
Main script: Powers Grona's agentic engine: live editing, campaigns, and tracking.
Both methods above add Grona to every page on your site. If you want Grona on specific pages only, WPCode supports conditional logic to target individual pages or post types.
Replace YOUR_WORKSPACE_ID with the ID from your Grona dashboard. The complete snippet with your ID is available in Settings > Installation.
Install
Step-by-step instructions
Two ways to add the Grona snippet to your WordPress site. Pick one.
Path A: Plugin (recommended)
- 1
Install the WPCode plugin
Install the WPCode plugin (formerly "Insert Headers and Footers") from the WordPress plugin directory. Go to Plugins > Add New, search for "WPCode," and click Install, then Activate.
The plugin method is recommended because it survives theme updates. If you paste the snippet directly into your theme file, you'll need to re-add it every time you update or switch themes.
- 2
Add the snippet via WPCode
Go to Code Snippets > Header & Footer in your WordPress admin. Paste the Grona snippet into the "Header" section. Click Save Changes.
Path B: Theme file (hands-on)
- 1
Edit your theme file directly
If you prefer not to use a plugin, go to Appearance > Theme File Editor. Select header.php from the file list on the right. Find the </head> closing tag and paste the Grona snippet directly above it. Click Update File.
Theme file edits are overwritten when you update your theme. If you use this method, you'll need to re-add the snippet after each theme update.
Verify
Verify your installation
Confirm the snippet is loading correctly.
- 1
Visit your WordPress site in a browser.
- 2
Open DevTools (right-click > Inspect > Network tab).
- 3
Filter by "grona" in the network requests.
- 4
Confirm you see antiflicker.js and main.js loading successfully (status 200).
- 5
Go to your Grona dashboard. Your site should appear as connected.
Ready to redesign the site you already have?
Paste your URL and watch Grona redesign it. Free to build, pay to go live.