How to install Grona on BigCommerce
Add Grona to your BigCommerce store using Script Manager. Redesign product pages, categories, and checkout.
2-3 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.
BigCommerce Script Manager lets you choose which page types load the script: All Pages, Store Pages, Checkout, or Order Confirmation. For full coverage, select "All Pages."
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 BigCommerce site.
- 1
Log in to your BigCommerce admin
Go to your BigCommerce admin panel and log in with your admin credentials.
- 2
Open Script Manager
Navigate to Storefront > Script Manager in the left sidebar. Script Manager lets you add third-party scripts without editing theme files.
- 3
Create a new script
Click "Create a Script" in the top right corner.
- 4
Configure the script settings
Fill in the following fields: Name: "Grona". Description: "Grona snippet" (optional). Location: Select "Head." Select pages: Choose "All Pages" for site-wide coverage. Script type: Select "Script."
If you want Grona on specific pages only, select "Store Pages" or individual page types instead of "All Pages." You can always change this later.
- 5
Paste the snippet and save
Paste the Grona snippet into the script content field. Click Save. The script goes live immediately.
Verify
Verify your installation
Confirm the snippet is loading correctly.
- 1
Visit your BigCommerce storefront in a browser.
- 2
Navigate to a product page and a category page.
- 3
Open DevTools (right-click > Inspect > Network tab).
- 4
Filter by "grona" in the network requests.
- 5
Confirm you see antiflicker.js and main.js loading on each page (status 200).
Ready to redesign the site you already have?
Paste your URL and watch Grona redesign it. Free to build, pay to go live.