Using iFrames in a Custom Page

HTML Experts Only

Using your own code may affect how the custom page is rendered. Make sure to use correct and responsive HTML.

You can use an iframe in an HTML block to embed another document into your custom Unifyr One page. The option is commonly used to display content from another website or web page.

Note

Not all web pages can be iframed. Websites are built according to CSP (Content Security Policy) rules - part of these regulations is to permit or prevent the pages being referenced in frames elsewhere. 

If your page can't be iframed, you will see a glyph instead of the page content in the iframe.

To iframe a webpage:

1. Navigate to Partner Portal > Custom Pages.
2. Open the custom page you want to edit.
3. In the WYSIWYG content editor area, add an HTML content block.

4. Click in the HTML content block, to highlight it (outlined in blue). The HTML editor opens in the right-hand panel, displaying some placeholder code.

   

5. Add HTML code for your iframe. Here is a basic example: it iframes in www.example.com/default, and sizes the frame to 500x300. Adding a title is optional but can be used to provide a description of the iframed content for screen readers. Refer to your HTML resource for further information.

   <iframe src="https://www.example.com/default" title="a sample page from example.com" 
   width="500" height="300"></iframe>

6. Click Save or Save and Close at the bottom of the page to confirm the change.