Part 1: Retrieving the Embed Code
Note: You must be an organization manager to retrieve an embed code.
Log in to the Clean Water Hub
Find your organization on the Hub
Search for your organization by clicking 'My Sites' at the top of the page and selecting the 'My Organizations' tab. Click on your organization to be taken to its page.
Access your organization's profile
Click on the pencil icon beside your organization's name to be take to the Organization Profile page.
Copy the embed code
Scroll down to find the "embed code." This html code allows you to embed your organization's site map directly into a webpage. Highlight this code and copy it (Ctrl+C).
Note: this code is automatically generated - do not try to edit or alter it.
Part 2: Adding the Code to Your Website
Open your website builder
Open the website builder that you use to design & manage your website.
Examples in this how-to will come from Google Sites, but instructions should be similar for other platforms
Select "embed"
In your website builder, navigate to the page where you'd like to insert the map. Click the "embed" button on the toolbar located on the right side of the screen.
You will have the option to embed "by URL" or "embed code." Click "embed code.
Paste embed code from Clean Water Hub
In the box that says "<html> code goes here," paste the embed code that you copied from the Clean Water Hub. This will generate a preview of your map. Click "insert" to add the map to your site.
Adjust the placement and publish your site!
Move the map around on your website until you are happy with the placement.
Hit publish and admire your new Clean Water Hub map!
