Store Locator in Elementor: een winkelkaart in WordPress

Elementor heeft geen ingebouwde store locator. Je voegt er een toe door de embedcode van een leverancier in de HTML-widget te plakken, of de shortcode van een plugin in de Shortcode-widget, op de pagina waar de kaart moet verschijnen. Dat geldt voor tien locaties net zo goed als voor tweehonderd.

Elementor bouwt pagina's, geen kaarten

Elementor bouwt layouts binnen WordPress. Het heeft geen eigen kaart- of geocoding-engine, dus een locator komt altijd van elders.

Dat elders is of een WordPress-plugin die een shortcode registreert, of een SaaS-widget die je een kant-en-klaar HTML-snippet geeft. Elementor documenteert een Shortcode-widget voor het eerste geval en een HTML-widget voor het tweede.

Deze gids gaat uit van een pagina gebouwd met Elementor. Gebruik je in plaats daarvan de WordPress-blokeditor, dan verschillen de installatiestappen genoeg voor een eigen gids.

Plugin of SaaS-widget: wat er echt verandert

Een WordPress-eigen locator-plugin registreert meestal een shortcode zoals [store-locator]. Plaats die shortcode in de Shortcode-widget en de plugin rendert de kaart op die plek, zonder PHP of templates te bewerken.

Locatiegegevens blijven in je eigen WordPress-database, en de plugin volgt dezelfde updatecyclus als elke andere WordPress-plugin, dus jij of je host voert plugin- en core-updates uit om hem werkend te houden.

Een SaaS-locator werkt anders: je maakt een account bij de leverancier, voegt daar je locaties toe en kopieert de gegenereerde embedcode, meestal een iframe of kort script. Plak die in de HTML-widget.

De servers van de leverancier hosten de locatiegegevens en de meeste functies van de locator, je hebt geen plugin om bij te werken, en de kosten aan jouw kant zijn één externe aanvraag in plaats van extra belasting op je eigen hosting.

Een ontbrekende of kapotte locator kost een bezoek dat nooit in je bestelgeschiedenis opduikt, omdat de verkoop in een winkel gebeurt, niet bij het afrekenen.

Dat risico is bij Elementor net zo groot als op elk ander platform, daarom is het de moeite waard om te testen voor de lancering en niet na een klacht van een klant.

Een store locator toevoegen aan een Elementor-pagina

Het proces is hetzelfde, welke widget je ook kiest:

1. Verzamel naam, adres, telefoonnummer en openingstijden van elke locatie in één spreadsheet; veel plugins en SaaS-widgets ondersteunen CSV-import.
2. Kies tussen een plugin, waarbij gegevens in je eigen database blijven, en een SaaS-widget, waarbij de leverancier de gegevens en de meeste functies van de locator host.
3. Maak het leveranciersaccount aan of activeer de plugin, en voeg daarna je locaties toe of importeer ze.
4. Kopieer de shortcode of embedcode die de tool genereert zodra je locaties zijn toegevoegd.
5. Sleep in de Elementor-editor een Shortcode- of HTML-widget naar de pagina en plak wat je hebt gekopieerd.
6. Zet de omringende sectie of container op volledige breedte als de kaart meer horizontale ruimte nodig heeft dan je standaard inhoudskolom.
7. Bekijk een voorbeeld op desktop en mobiel, en zoek dan naar een adres dicht bij een van je echte winkels om te bevestigen dat de pin en het resultaat correct zijn.

Wat te testen voor je live gaat

• Wordt elk adres uit je echte lijst correct gegeocodeerd naar de juiste pin, ook bij een ongewone opmaak of een ontbrekende postcode?
• Heeft de widget je eigen Google Maps API-sleutel en factureringsaccount nodig, of levert hij zijn eigen kaartenleverancier? Een diepere blik op die keuze is vooraf het lezen waard.
• Verwijdert een cache- of minificatieplugin op je Elementor-site het script dat de HTML-widget uitvoert? Test met cache ingeschakeld, niet alleen in een schone preview.
• Kun je bij opzegging je locatielijst exporteren, of blijft die vastzitten in het dashboard van de leverancier?
• Wil je een widget die de Google Maps API-stap helemaal overslaat? Progus Store Locator werkt via beide hier beschreven routes, een shortcode voor de plugin-achtige installatie of een embedcode voor de HTML-widget, en de standaardkaarten hebben geen API-sleutel nodig.

Wanneer het klaar is om live te gaan

Bevestig drie dingen voordat je klanten vertelt dat de functie bestaat: elk adres geeft de juiste pin terug, zoeken werkt zowel met een gedeeltelijke als een volledige postcode, en de pagina laadt redelijk snel op mobiele data.

Tot slot

Een store locator is geen eenmalige installatieklus. Openingstijden veranderen, winkels sluiten en nieuwe dealers sluiten aan, dus behandel het als je productcatalogus: wijs een eigenaar toe, geen eenmalige build.

Test met je eigen adreslijst voordat je je aan een plan verbindt, niet met de demodata van de leverancier. Het verschil tussen een schone demo en een echte lijst met inconsistente opmaak is waar de meeste locatorprojecten vastlopen, op Elementor-sites net zo goed als overal elders.