AroundSchools Embed Builder

How to Embed

Adding AroundSchools widgets to your website is simple. Just copy the iframe code from any component page and paste it into your HTML.

Available Embeds

We offer a variety of embeddable components to suit your needs:

• Search Bar — Let users search for schools directly from your website.
• Schools — Display a list of nearby schools or showcase an individual school.
• Activities — Show extracurricular activities and programs near a location.
• Real Estate — Display property listings on your website.

Step 1: Choose Your Component

Use the sidebar to navigate to the component you want to embed. Each category (Schools, Activities, Real Estate) offers both list and individual card options.

Step 2: Customise

Use the interactive controls to customise display options, select a location, and choose which information to show. Changes are reflected in real-time in the preview.

Step 3: Copy the Code

Navigate to the "Embed Code" tab and click the "Copy" button. The iframe code will be copied to your clipboard.

Step 4: Paste into Your Website

<!-- Example: Embedding in a container with constrained width -->
<div style="max-width: 800px; margin: 0 auto;">
  <!-- Paste your iframe code here -->
  <iframe
    src="https://www.aroundschools.com.au/embed/..."
    width="100%"
    height="auto"
    frameborder="0"
    style="border: none;"
  ></iframe>
</div>

Responsive Design Tips

• Embeds use 100% width by default — control the size by setting constraints on the parent container
• For vertical layouts, you may need to set a fixed height on the iframe
• All components automatically adapt to mobile screen sizes

Browser Support

Our embeds work on all modern browsers including Chrome, Firefox, Safari, and Edge. Internet Explorer is not supported.