How To Embed the Hope Portal On My Website

Help every patient you interact with by embedding this tool into your own website.

Embedding the Hope Portal. Estimated Time: 3min.


1. Create A Page On Your Website (Or Select An Existing Page) For The Hope Portal

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

2. Add This Embed Code To Your Selected Page 

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>


3. Add A Menu Item On Your Homepage That Links To Your Selected Hope Portal Page

This ensures that patient families looking for resources on your website can find the Hope Portal.

  • Add a Call-To-Action link on your homepage:

    Example Text For Link: "Find support resources, fast" (this link can be text, button, or image)

  • Link it to the website page where you embedded the Hope Portal.


Did this help answer your question?

thumbs up
thumbs down

Thanks for the feedback! 🙏🏽


Help by drift