How to embed the Moving More Activity Finder iframe into any webpage

<aside> 💡 Enabling you to embed the Activity Finder onto any webpage - if you need any support - please email [email protected]

</aside>

How to guide

To embed this iframe into a website, follow these steps:

Copy the iframe code provided as follows (this version opens the application in a new tab after the initial search)

<iframe src="<https://hsp.activityfinder.net/?widget=1>" style="display: block; margin: 0 auto; border-radius: 32px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); width: 90%; max-width: 960px; height: 75vh;" frameborder="0" allowfullscreen></iframe>

Copy the iframe code provided as follows (this version runs the full application in the iframe on the site that it is embedded into)

<iframe src="<https://hsp.activityfinder.net/>" style="display: block; margin: 0 auto; border-radius: 32px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); width: 90%; max-width: 960px; height: 75vh;" frameborder="0" allowfullscreen></iframe>

Open the HTML file for the webpage where you want to embed the iframe.Paste the iframe code into the HTML file where you want the iframe to appear. If you want the iframe to appear in a specific location on the page, you might need to place the iframe code within a specific <div> or other HTML element.
Save the HTML file and refresh your webpage. You should now see the iframe embedded in your webpage.

Please note that the exact steps for embedding the iframe might vary depending on how your website is set up. If you're using a website builder or content management system, there might be a specific option or method for embedding iFrames.

https://hsp.activityfinder.net/