Embed Photostream on Website (How-To)

Article Details

Embed Photostream on Website

We've included videos below on how to embed the report card photostream on WordPress and Squarespace websites. While the steps will vary a bit between Content Management Systems (CMS), here are some more generalized instructions.

  1. First, you'll need to add Gingr's embeddable code to your website. You'll want to add this to the <head> section of your website. Many CMS' call this "Code Injection" or "Custom Header Code". Locate where to embed header code on your website and paste the following code between <head> and </head>. 
    • <script type="text/javascript" src="https://storage.googleapis.com/gingr-embeddable/assets/js/bundle.js"></script>
  2. Next, you'll want to paste another bit of code exactly where you would like your photostream to be displayed. You'll be pasting in HTML, or Source Code into your website. Be sure to not paste this directly into a rich-text editor or text block. 
    • <script>
       window.GingrForms.createPhotoStream({
           subdomain: 'inputyoursubdomainhere',
           apiKey: '(find your API key by editing your User profile, paste without parenthesis)',
           limit: 10,
           days: 5
       })
      </script>
  3. Now, save your changes. The photostream is now embedded where you pasted the code in step #2. See below for some example videos.

 

Embed Photostream on WordPress

 

How to Embed on Squarespace

 

Related Resources

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.