Welcome to the OpenCities help centre. Search for what you're after, or browse the categories.
Can't find what you're looking for? Submit a support ticket and we'll be in touch.


Create iFrames for use in body content

avatar of Julie


Last updated

iFrames are used to insert content from another website into the body content of a page, retaining the Site Templates surrounding the iFrame content.

An iFrame instance can be created by inserting the configured iFrame code using Paste HTML.

Insert the iFrame code using Paste HTML

By creating a custom iFrame code you can insert this code directly into the body content area using the Paste HTML feature in the WYSIWYG menu.

Create the code using the below example as a guide.  The 'src=' or source should reference the URL you would to use to inject into the body.  You can then set a boarder width (in pixels) and/or adjust the height and width of the frame using pixels or percentage.

<p><iframe src="https://www.sunnyportal.com/Templates/PublicPageOverview.aspx?page=631b025d-9bf2-48a8-8d8b-a495a3cbc9b1&amp;plant=6133bf28-6e56-4e77-983a-22c829bd92f2&amp;splang=en-US" allowfullscreen="" frameborder="0" height="1100px" width="100%"></iframe></p>

Once you have updated the above code, open the WYSIWYG on the page it will appear and place the cursor in position.  Using 'Paste HTML' from the menu, paste this code to insert the iFrame into the body.  

The iFrame will appear immediately in the body content.  If you want to adjust the settings switch the WYSIWYG to HTML view and change the settings in the code.

Once configured click Save and Close and the iFrame can be previewed or published in the page.


Was this article helpful?
3 out of 4 found this helpful