Skip to main content

Embedding Finalsite Explore into Finalsite Composer

Claire Frank
  • Updated

You can embed Finalsite Explore directly into a Finalsite Composer page using an iframe embed code, giving prospective families access to the school browser without leaving your website.

💡Quick Answers

  • What embed code do I use without a custom subdomain? Use: <iframe height='600' src='https://portal.fsenrollment.com/explore_schools?embed=true' width='100%'></iframe>
  • What embed code do I use with a custom subdomain? Use the same iframe structure but replace {CUSTOM SUBDOMAIN} with your actual subdomain from your custom branded portal URL.
  • What are the steps to add the embed in Composer? Toggle on Compose mode, add an Embed element from the Standard Elements tab, open its settings, toggle off the title, paste the embed code, Save, toggle off Compose mode, and Publish.
  • Will families need to log in to browse embedded Explore? No, the /explore_schools links let families browse all schools without creating an account; a login is only prompted when they select Apply or Log In.

In this article

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.

GIF of highlighting the custom subdomain section of a branded Explore page.gif

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

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

Click Next to continue.

Step 1 image

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

Step 2 image

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

Step 3 image

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

Step 4 image

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

Step 5 image

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

Step 6 image

7. Click into the code block area.

Step 7 image

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

Step 8 image

9. Click Save to complete the update.

Step 9 image

10. Click to toggle off Compose mode.

Step 10 image

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.

Step 11 image

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

Step 12 image

** 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

Related articles

Comments

0 comments

Article is closed for comments.