Embedding the Hope Portal. Estimated Time: 3min.
**email us anytime for help with set up: contact@anddit.com

--

Step 1: Create A Page

Create a page on your website - or select an existing page - where you want to display the Hope Portal.

If you're able, edit the page's URL so that it ends with:   /hope-portal
Example: yournonprofit.org/hope-portal

Step 2: Add Embed Code

On your selected page, 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 3: Link to this page from your homepage

On your website homepage, add a call to action button or text (ex. Find support resources, fast) and link it to the page where you embedded the Hope Portal.

Pro-Tip: Add the Hope Portal Logo below to your website!
**you can drag it on to your desktop to save


Did this answer your question?