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


2. Add This Embed Code To Your Selected Page 

On your selected page, add this code before the closing "</body>" html tag:

<iframe src="" style="width: 100%; min-height: 800px; margin-top: 14px;"></iframe>
* reframe.js - Reframe.js: responsive iframes for embedded content
* @version v2.1.13
* @link
* @author Jeff Wainwright <> (
* @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.position="relative",a.width="100%",a.paddingTop=f+"%";var;s.position="absolute",s.width="100%",s.height="100%",s.left="0","0",r.parentNode.insertBefore(d,r),r.parentNode.removeChild(r),d.appendChild(r)}}});
<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