Skip to main content

Install the store locator on Webflow

How to add your StoreRocket store locator to a Webflow website.

Adding StoreRocket to Webflow takes about 2 minutes. No custom code experience needed.

Get your embed code

  1. Go to Widget > Install in your StoreRocket dashboard

  2. Copy the embed code

Add it to your Webflow page

  1. Open your Webflow project and go to the page where you want the store locator

  2. Add an Embed element (drag it from the Components panel, or press A and search for "Embed")

  3. Paste your StoreRocket embed code into the code field

  4. Click Save and Close

  5. Publish your Webflow site

The store locator won't show in the Webflow designer preview. You need to publish and view the live site to see it working.

Making it full width

The store locator fills 100% of its parent container. To make it full width:

  1. Make sure the Embed element is inside a full-width section (not a narrow column)

  2. Remove any max-width constraints on the parent container

Webflow-specific tips

  • Custom domain: Make sure your Google Maps API key includes your Webflow custom domain in the referrer list, not just the webflow.io subdomain

  • Page transitions: If you use Webflow's page transitions, the store locator reloads on each page visit. This is normal.

  • CMS pages: You can add the embed to a CMS template page so it appears on every dynamic page

Need help? Reach out on live chat with your Webflow site URL.

Did this answer your question?