Humanitarianresponse Logo

To embed content from external websites such as interactive map, video from youtube or specific web page, use the iframe feature in HR.info.

Note: These instructions are limited to those who have the role of "Trusted" -- this Drupal role is in addition to the group role of "Manager". 

Use the following steps to embed or insert iframe.

In the following steps we will use the “Disaster severity estimation index” interactive map as an example from CartoBD website and insert it into Nepal HR.info website.

  1. Login to Nepal website.
  2. Create a new page as shown in the screenshot below or open an existing page where you need to insert the interactive map.
  3. Provide title of the page for instance “Nepal - Disaster severity estimation index”
  4. In the Body section of the page, click on the source icon where you will be adding the iframe code for embedding the interactive map. See the screenshot below.

  5. Provide the iframe code in the Body section e.g. <iframe width='100%' height='520' frameborder='0' src='https://giedriusk.cartodb.com/viz/005b5260-eb89-11e4-bcf5-0e43f3deba5a/e...'></iframe>

    Note: the URL for the iframe must use the HTTPS protocol, not HTTP, for the iframe to display. HumanitarianResponse.info uses a secure protocol (HTTPS). If the page you want to embed is not available via HTTPS, you will need to provide a link as newer browsers will prevent HTTP iframes from being displayed. This is because of a security feature in web browsers which prohibits insecure pages (HTTP) from being embedded into secure pages (HTTPS). Additional technical details are available if you would like to read more about it.

  6. Underneath the Body section from the ‘Text format’ drop-down list, select ‘WYSIWYG trusted’. If not selected the iframe will not display in the page.

    Note: Please also note that If you don’t see the ‘WYSIWYG trusted’ option in the drop-down list, then you will need an additional user role ‘Trusted’ which can be granted after sending an email to help@humanitarianresponse.info. By default, this role is not added when user is given Manager role in HR.info.

  7. Provide other information such as cluster/sector and hit ’Publish’ button to save the page.

  8. If you have followed the above steps correctly, then you should be able to see the newly embedded map below.