If you'd like to embed your public catalog in your website for an interactive experience directly on your website, you can use HTML code to achieve this.
You must first ensure that your website provider has an "embed" ability or HTML-code editing feature when designing a web page.
Pasting in the Code
To embed the public portal in your website, you will paste the below code into your website where you desire the embed to go.
<iframe src="URL" width="100%" height="900px"></iframe>
Your Public Catalog URL
Where the above code says "URL," you will paste the link to your public directory. You can find this link by going to Settings and Public Catalog. Then, click on Settings in the top right corner.
Width and Height Preferences
The width of 100% allows your catalog to be visible and interactive on any type of device -- a desktop computer, a tablet, or a cell phone. It is recommended to leave this at 100% to account for the many device types your website viewers may use.
If you'd like the embedded catalog to take up less room, vertically speaking, on the page, you can adjust the height (set to 900px) to other heights as desired. It is not recommended to exceed a height of 2000px due to phone screen limitations.
Example of Embedded Public Portal
Below is an example of an embedded public portal from one of our customers.
This can be viewed live by visiting this link.
Need Help?
If you'd like help accomplishing a public portal embed, reach out to your Customer Success Manager to schedule a call and explore how this can be achieved on your school's website!