HTML embed of the account portal site

You can embed your full Corsizio generated portal site into your own website using HTML iframe. Near the top and bottom of your Portal Site Configurations page, you will find an Embed Code option.

When you click on the Embed Code, you will be presented with a popup window that will present you with more configuration options to choose from and filter on depending on how you want your portal site embed to appear. 

Manual Embed Code Generation

Follow the instructions below and add the  embed query string parameter along with any value options as a comma separated list to the end of the URL.

https://site.corsizio.com/a/{subdomain}?embed={option,...}

Path Parameters
Param Type Description
subdomain String The account’s configured subdomain or its ID to use for the embed.
Embed Parameter Options
Option Type Description
noheader optional Removes the page header so it doesn’t clash with your website header design.
nofooter optional Removes the Corsizio branding footer from the embedded page if your account was granted that ability.
notoolbar optional Removes the filters toolbar from the page.
nophotos optional Removes the cover photo from the display of each item.
nomessages optional Removes the top and bottom message bars if configured on the account.
nopadding optional Removes the padding of empty space around the page to make the embed fit flushed within the space where it will be placed.
plain optional Automatically adds the noheader, nofooter, notoolbar, nomessages, and nopadding from above options to present the page as plain as possible.
nocalendar optional Remove the calendar view option on the page.
calendar optional Show the calendar view in open state by default on the page.
newtab optional Open links to event pages in a new tab. This will also be helpful for users to see that the page is secure and encrypted on Corsizio with a lock icon in case your website is not secured with a valid SSL certificate.
order:value optional Override the account’s default sort order setting. Value can be order:date, order:price, or order:name.
date:from:to optional Date range to pre-filter the list query in the form of date:FROM_DATE:TO_DATE where the date format is YYYY-MM-DD. You can omit either side of the range too. Examples would be: date:2017-06-24 or date:2017-06-01:2017-06-30 or even just a portion of the date like only a year date:2016 or a month range date:2016-11:2016-11. You can omit the from date as well to only filter the end dates like date::2017-07-18. Dates are inclusive and operate on the query in UTC time.

To embed a filtered view, visit your portal site directly first, filter on whatever you desire, copy the URL filter parameters from the browser's address bar, then add those to your embed code's src attribute of the iframe. This allows you to embed a pre-filtered list view of your portal site, and it works on any of the filters you have enabled, like a category, a location, and so on.

Note that the URL must be used as the src attribute of an iframe for this to work, or else an error will be displayed.
Example
<script>window.addEventListener('message',function(e){if(!e.data.corsizio)return;var f=document.getElementById('corsizio-frame');e.data.height>=0&&(f.height=e.data.height+'px');e.data.scrollTo>=0&&window.scrollTo(0,e.data.scrollTo);e.data.scrollIntoView&&f.scrollIntoView();});</script>
<iframe id="corsizio-frame" src="https://site.corsizio.com/a/example?embed" width="100%" height="50%" frameborder="0"></iframe>
Example with Date Range and No Header
<script>window.addEventListener('message',function(e){if(!e.data.corsizio)return;var f=document.getElementById('corsizio-frame');e.data.height>=0&&(f.height=e.data.height+'px');e.data.scrollTo>=0&&window.scrollTo(0,e.data.scrollTo);e.data.scrollIntoView&&f.scrollIntoView();});</script>
<iframe id="corsizio-frame" src="https://site.corsizio.com/a/example?embed=noheader,date:2017-01:2017-06" width="100%" height="50%" frameborder="0"></iframe>
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us