Some website builders and membership platforms accept an iframe and nothing else. Membership.io is one of them. Your full store locator still works there.
Do I need the iframe?
Use your normal embed code whenever your platform lets you paste HTML, custom code or a script. It fits your page by itself.
Use the iframe only when your platform accepts iframes and nothing else. A typical sign is an error like "Invalid iframe code" when you paste the normal embed code.
How do I get my iframe code?
Open the Install page.
Under Install it on your site, click Iframe only.
Keep the height, or change it. Then click Copy code, or Copy link if your platform asks for a link.
Paste it into your platform's iframe or embed box, or the link into its source URL field. Then save and publish.
Your iframe carries the same choices as your normal code: the locations, filters, language and anything else you set under Only for this page.
Developers can also pick Iframe under Developer options → Embed type.
How do I add it on Membership.io?
On the Install page, click Iframe only, then Copy link.
In Membership.io, open the Embed Code panel.
Paste the link into iFrame Source URL, under Import Code, and press Enter.
Under Styling, set Width to the full width (the middle option) and Height to the height shown on the Install page. Then save.
Membership.io starts every frame at about 560 by 400 pixels, which is too small for the locator, so step 4 matters.
Membership.io keeps only the link and the frame's size, so Use my location doesn't work there. Visitors type their town or postcode instead.
If you use Import Code instead, paste the code as one line with nothing before or after it. Membership.io refuses anything else with "Invalid iframe code".
What will visitors see?
The same store locator as on your website: the search box, the map, the list, your filters and each location's details and buttons.
Changes you make in StoreRocket show up in the iframe automatically. You only paste the code again after you change its height or something under Only for this page.
How do I change the height?
On the Install page, click Iframe only, change Height in pixels, then copy the code again and replace the old one. The locator fills the frame.
The Install page starts it at the height your locator needs on a phone. If you go lower, phone visitors scroll inside the frame.
Why is allow="geolocation" in the code?
It lets visitors tap Use my location inside the iframe. Browsers block that button in an iframe unless the iframe allows it.
If your platform removes that part of the code, the locator still works. Visitors type their town or postcode instead.
Does it work in mobile apps?
Membership and course apps usually show the same pages as your website. When they do, the iframe shows there too.
Troubleshooting
The box stays empty
Copy the code again from the Install page and paste the whole line, without changing its address.
My platform says the code is invalid
Paste only the single <iframe ...></iframe> line, nothing before or after it. If your platform has a field for a link or a source URL, click Copy link and paste that instead.
The bottom of the locator is cut off
Make the iframe taller, as described above.
Questions? Message us on live chat.