How to install Grona on Squarespace
Add Grona to your Squarespace site using Code Injection. Paste in the Header field and go live.
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.
Code Injection in Squarespace applies site-wide. To add Grona to a single page, use a Code Block within that page instead (note: Code Blocks only support content within the <body>, so the site-wide Header injection is recommended).
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
Follow these steps to add the Grona snippet to your Squarespace site.
- 1
Open your Squarespace settings
From your Squarespace dashboard, click Settings in the left sidebar.
- 2
Navigate to Code Injection
Go to Developer Tools > Code Injection. If you don't see Developer Tools, look for Advanced > Code Injection.
Code Injection is only available on Business plans and higher. If you're on a Personal plan, you'll need to upgrade to use this feature.
- 3
Paste the snippet in the Header field
You'll see two fields: Header and Footer. Paste the Grona snippet into the "Header" field. This adds the script to the <head> of every page on your site.
- 4
Click Save
Click Save at the top of the page. Changes take effect immediately on your live site.
Verify
Verify your installation
Confirm the snippet is loading correctly.
- 1
Visit your live Squarespace 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.