Embedding Finalsite Explore into Finalsite Composer

Overview

It's easy to embed Finalsite Explore into your Composer site! Read on to learn how!

---

In this article

• Step-by-Step
• Embed Code
• Notes
• Try it for Yourself

Step-by-Step

1. On the Composer page that you'd like to embed Finalsite Explore into, toggle on Compose mode and select to add a new Element. 
2. Select the Embed option in the Element Library. It's found under the Standard Elements tab.
3. Click the Settings icon in the Embed element to open the settings. 
4. Toggle off the element title.
5. Paste the embed code into the element and click Save.
6. Toggle off Compose mode. 
7. Publish your changes.

Embed Code

You can use the following code snippets to embed Explore into Finalsite Composer.

Use this link if you do not have a branded (or customized) shared portal.

You can copy the link exactly as it appears below and paste it directly into the embed tool in Composer.

<iframe height="600" src="https://portal.fsenrollment.com/explore_schools?embed=true" width="100%"></iframe>

Use this link if you do have a branded (or customized) shared portal.

Please note: before using the code below, please replace the {CUSTOM SUBDOMAIN} text with the name of your custom subdomain as it appears in the URL.

<iframe height="600" src="https://{CUSTOM SUBDOMAIN}.fsenroll.com/explore_schools?embed=true" width="100%"></iframe>

How can I find the name of my custom subdomain?

To find the name of your custom subdomain, open your Finalsite Explore page. Copy the text that appears before the ".fsenroll.com..." in the URL. Use that text to replace the {CUSTOM SUBDOMAIN} text in the code snippet above.

Notes

• As a best practice, we encourage you to use the links above which include "/explore_schools" in the URL. These convenient links provide parents direct access to browsing through schools in Finalsite Explore without the need to create an account first.
• If a parent selects the Log In link, they will be directed in an new tab to the log in/account creation page for Finalsite Explore.

Try it for Yourself

12 STEPS

1. In this tutorial, you'll practice embedding Finalsite Explore into a page in Composer.

Click Next to continue.

2. Start by toggling on the Compose button to enter Compose mode.

3. Next, select the Add Element box to add a new element to the page.

4. In the Element Library that pops up, select the Embed option which is listed under the Standard elements.

5. Within the newly added Embed element, select the Settings gear icon.

6. This pop-up allows you to edit the Embed Element. In the title section, click to toggle off the Element title.

7. Click into the code block area.

8. Press shortcut - Ctrl + v (win) or Command + v (mac) to paste in the saved embed code.

9. Click Save to complete the update.

10. Click to toggle off Compose mode.

11. And there you have it! Explore is now embedded into this page, and, once published, parents can browse your list of schools to start their journey. Don't forget to Publish the page when you are ready!

Click Next to complete the tutorial.

12. That's it. You're done. Congratulations on finishing this tutorial!

Here's an interactive tutorial

** Best experienced in Full Screen (click the icon in the top right corner before you begin) **

https://www.iorad.com/player/2535539/How-to-embed-Finalsite-Explore-into-Composer?iframeHash=trysteps-1

---

Additional Resources

• Office Hours & Past Session Recordings
• Embed Finalsite Explore into Your Website
• Finalsite Explore: Designing a Great Explore Page
• Finalsite Explore Setup Guide