Docs / Getting Started / Embed on Your Website / How to Add a Store Locator to Ghost

How to Add a Store Locator to Ghost

Learn how to add a store locator to your Ghost website. Simple step-by-step tutorial using the HTML card.

Adding a store locator to your Ghost site? This guide shows you how using the HTML card in the editor. 🎯

What is Storepoint?

Storepoint is a store locator widget that makes it easy to add a searchable location map to your Ghost website. Use it as a store locator, dealer locator, or location directory.

Here's what makes it great:

  • Easy to customize. Match your Ghost site's design in minutes.
  • Powerful search. Visitors can search by address, zip code, or use automatic geolocation.
  • Filters and categories. Help visitors find exactly what they're looking for.
  • Simple location management. Add locations via the dashboard, import from a spreadsheet, or sync from Google Sheets.
  • Works beautifully on mobile. Fully responsive out of the box.

Start Your Free Trial See Examples

Ready to get started? ✨


Step 1: Get Your Embed Code

  1. Log in to your Storepoint dashboard
  2. Click Embed in the left sidebar
  3. Copy your embed code snippet

Get Embed Code

Step 2: Add It to Your Ghost Site

  1. In your Ghost admin, click Pages and create a new page (or edit an existing one)
  2. Give your page a title like "Store Locator", "Find Us", or "Locations"
  3. In the editor, click the + button to add a new card
  4. Search for and select HTML
  5. Paste your Storepoint embed code into the HTML card
  6. Click outside the card to save
Preview Note

The locator may not display in the editor preview. You'll see the actual locator when you publish or preview the page.

Step 3: Publish and Test

  1. Click Publish in the top right
  2. Choose your publish settings and click Publish to make the page live

That's it! 🙌


Adding to Navigation

To add your locator page to your site navigation:

  1. Go to Settings → Navigation
  2. Under Primary or Secondary navigation, add a new item
  3. Enter a label like "Locations" or "Find Us"
  4. In the URL field, enter your page slug (e.g., /store-locator/)
  5. Click Save

Need Help?

Run into any issues? Contact us with a link to your page and we'll help get it sorted. We're happy to assist!

Make It Your Own

Now that your locator is live, explore what else you can do:

Still have questions?

We're happy to help anytime.

Get in Touch

Ready to get started?

Create your store locator in minutes.