Embed Photostream on Website (How-To)

Article Details

Summary

This article shows you how to put the report card photostream on your website. The steps vary a bit between website platforms, so these are general steps. Videos for WordPress and Squarespace are below.

Steps

  1. Find where your website lets you add header code. Many platforms call it "Code Injection" or "Custom Header Code."
  2. Paste this code between <head> and </head>: 
    <script type="text/javascript" src="https://storage.googleapis.com/gingr-embeddable/assets/js/bundle.js"></script>
  3. Paste this code exactly where you want the photostream to show. Paste it as HTML or source code. Do not paste it 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>
  4. Replace inputyoursubdomainhere with your Gingr subdomain.
  5. Replace the API key text with your API key. To find it, edit your User profile. Paste the key without parentheses.
  6. Save your changes. The photostream now shows where you pasted the code.

Video: Embed on WordPress

Video: Embed on Squarespace

Related Articles

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.