Call-to-action buttons (CTAs) let visitors take the next step right from your store locator, like booking an appointment or shopping online.

Each location gets its own link for each button. A location only shows a button when it has a link for it.

Where buttons show up

Visitors see your buttons when they open a location in your locator, and in that location's popup on the map.

A location with an empty link for a button doesn't show that button. That's how you show a button on some locations and not others.

Create a button

Go to Calls to Action and click New Call to Action.
Type a Title, up to 60 characters. That's the text on the button, like Book Now.
Pick a Color.
Click Save.

A new button doesn't show anywhere yet. It appears on each location as soon as you add a link for that location.

Add a link for each location

One location at a time

Go to Locations and edit the location.
Scroll to the Calls to Action section.
Paste the link next to the button, starting with https://.
Save the location.

Need a new button while you're there? Click New CTA in the same section.

Many locations at once
Add one column per button to your import file or your Google Sheet. Name the column Button: followed by the button's title, and put each location's link in its row:

Name	Address Line 1	Button: Book Now	Button: Shop Online
Downtown Store	123 Main St	`https://book.example.com/downtown`	`https://shop.example.com/downtown`
Airport Store	456 Terminal Blvd	`https://book.example.com/airport`

In this example, the Airport Store gets a Book Now button only, because its Shop Online cell is empty.

Keep the space after the colon, like Button: Book Now.
Capital letters don't matter. Button: book now fills the Book Now button.
A title that doesn't exist yet creates a new button. Check the spelling, or you'll end up with two similar buttons.
An empty cell removes that button's link for that location.

Upload the file on the Import page. Using a Google Sheet instead? See How to use the Google Sheets Sync Tool.

Change a button's text or color

Edit the button on the Calls to Action page. The title you set there is the text visitors see.

Button titles aren't on the Languages page, so they show the same text in every language of your locator.

Choose how the links open

By default, a button opens its link in a new tab, so visitors keep your locator open.

To change it, go to Widget Settings, find Calls to Action Behavior and pick Open the link in a new tab or Open the link in the same window.

Delete a button

Delete it on the Calls to Action page. The button disappears from every location, together with each location's link for it. This can't be undone.

How many buttons should I add?

Two buttons fit well. Three or more can feel crowded on phones.

Style buttons with CSS

Each button uses the color you picked. For more control, add CSS on the Custom CSS page:

Where	CSS class
A location's details	`.storerocket-overlay-details-custom-ctas-item`
The map popup	`.storerocket-popup-location-button`

Troubleshooting

A button doesn't show for a location
Open the location and check its Calls to Action section. The button only shows when that location has a link for it. If you import or sync links, check that the cell isn't empty.

The button opens a broken page
Paste the full link, starting with https://. Short links like /booking break in some places where the button shows.

I imported links but the buttons didn't change
Check the column name: Button:, a space, then the button's title. If the title is spelled differently, the import creates a second button instead. Delete the extra button on the Calls to Action page, fix the column name and import again.

The button text is wrong
Change the title on the Calls to Action page. The Languages page doesn't change button text.

Questions? Message us on live chat.

Call-to-Action (CTA) Buttons: Setup, Styling, and Per-Location URLs