Creating a LocalHop Calendar on my Ploud Site

You must have an account on the Localhop service (https://getlocalhop.com) in order to use LocaHop calendars on your website.

1. Login to LocaHop with your LocalHop account.
   
2. Once you are logged in, you will be directed to your dashboard. Make sure your organization is selected.
   
   
3. Select Calendar Code Snippets from the Organization tabs.

4. Click on the GET CODE SNIPPET button next to your My Calendar link.
   
   

5. In the snippet window, select the type of Calendar you would like to display (Calendar, Mini Calendar, Mini List) and then highlight ALL of the code in the Code Snippet field and copy it to your computer clipboard (CTRL-C, Command-C on mac). This is the code snippet you will paste into your Ploud site.
   

   
   

6. Login to your Ploud site and navigate to your Site Configuration Area by clicking on your username and then select Site Configurations.
   

   
   
   

7. Scroll down to the LocalHop Embed Code field and paste the code snippet into the field and click the Apply button.

   

   
   

8. The next steps need to take place within your Ploud site, we need to activate the 'View' that allows your LocalHop calendar to appear on your page. Select an existing Page or create a new Page to hold your LocalHop Calendar.
   
   
9. With the Green Edit Bar,  Select View -> Display - > LocalHop Calendar.
   
   
10. Your page should now be displaying your LocalHop Calendar.