**email us anytime for help with set up: contact@anddit.com

Step 1: Embedding

On the web page where you want to display the Hope Portal (ex. yournonprofit.org/hopeportal), add this code before the closing "</body>" html tag:

<iframe src="https://d1mdgshk1lehk7.cloudfront.net/find-support/" style="width: 100%; min-height: 800px; margin-top: 14px;"></iframe>

<script>

/*

  * reframe.js - Reframe.js: responsive iframes for embedded content

  * @version v2.1.13

  * @link https://github.com/dollarshaveclub/reframe.js#readme

  * @author Jeff Wainwright <jjwainwright2@gmail.com> (http://jeffry.in

  * @license MIT

*/

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.reframe=t()}(this,function(){"use strict";return function(e,t){var i="string"==typeof e?document.querySelectorAll(e):e,n=t||"js-reframe";"length"in i||(i=[i]);for(var o=0;o<i.length;o+=1){var r=i[o];if(-1!==r.className.split(" ").indexOf(n))return;var f=r.offsetHeight/r.offsetWidth*100,d=document.createElement("div");d.className=n;var a=d.style;a.position="relative",a.width="100%",a.paddingTop=f+"%";var s=r.style;s.position="absolute",s.width="100%",s.height="100%",s.left="0",s.top="0",r.parentNode.insertBefore(d,r),r.parentNode.removeChild(r),d.appendChild(r)}}});

</script>

<script type="text/javascript">resize('iframe');</script>

Step 2: Make it easy for patient families to find your new, embedded Hope Portal resource

On your website homepage, add a link to the page where you embedded the Hope Portal. 

Example: Add text on your homepage that says "Find support resources, fast" and link it to the Hope Portal page on your website (ie. yournonprofit.org/hopeportal)

That's it - congrats!

Did this answer your question?