CTA buttons are clickable buttons that appear on each location card in your widget. They let visitors take action right from the store locator, like booking an appointment, visiting an online store, or starting a chat.
You set a default URL for the button, and you can override it per location so each store links to its own page.
Creating a CTA button
Go to your Buttons page
Click Create Button
Set the Label (what visitors see, like "Book Now" or "Shop Online")
Set the Default URL (where the button links to)
Hit Save
The button now appears on every location card in your widget. All locations will use the default URL unless you override it for specific locations.
Per-location URLs
Most businesses want each location's button to link somewhere different. A "Book Now" button should go to that specific store's booking page, not a generic one.
To set a unique URL for a specific location:
Go to Locations
Edit the location
Scroll down to the Buttons section
Enter the URL for that location
Save
If a location has a per-location URL, that takes priority over the default. If you leave it empty, the location falls back to the default URL you set when creating the button.
Importing CTA URLs via CSV
You can set per-location button URLs in bulk through CSV import. Add a column with this format:
Button: Your Button Name
The cell value is the URL for that location.
name, address, Button: Book Now, Button: Shop Online Downtown Store, 123 Main St, https://book.example.com/downtown, https://shop.example.com/downtown Airport Location, 456 Terminal Blvd, https://book.example.com/airport, https://shop.example.com/airport
Important: The button name in the column header must match the button name in StoreRocket exactly. "Book Now" and "Book now" are treated differently.
Import your file at the Import page.
Button behavior
CTA buttons open links in a new browser tab by default. Visitors click the button and your target page opens without leaving the page where the store locator is embedded.
Styling your buttons
Button appearance follows your widget's overall theme. The button color comes from your widget customization settings.
For more control, you can use Custom CSS in your Widget Settings to target button styles directly.
Changing button text
The button text comes from the Label you set on the Buttons page. To change it, edit the button there.
A common mistake: looking for button text on the Languages page. CTA button labels are not managed through Languages. That page is for widget interface text like "Search", "Directions", and "Filters". Button labels are set directly on each button.
Multiple buttons
You can create more than one CTA button. Each one shows up on location cards. Just be mindful of space. Two buttons works great. Three or more can start feeling crowded on mobile.
Troubleshooting
Button not showing on the widget
The button needs to exist on your Buttons page. If you only added it in a CSV column but the button doesn't exist in StoreRocket, it won't appear. Create the button first, then import the URLs.
URL not saving for a location
Make sure the URL is valid and includes https:// or http://. Relative URLs like /booking won't work since the button opens on the visitor's site, not yours.
Button text not changing
Edit the button directly on the Buttons page. Don't look for it in Languages. The label you set there is what shows on the widget.
Import didn't update button URLs
Check your CSV column header format. It must be exactly Button: Name with a capital B, a colon, and a space. The name must match the existing button name in your account.
Questions? Hit us up on live chat.