开发者 - AroundSchools嵌入式组件生成器

如何嵌入

将 AroundSchools 小部件添加到您的网站非常简单。只需从任何组件页面复制 iframe 代码并粘贴到您的 HTML 中即可。

可用嵌入组件

我们提供多种可嵌入组件以满足您的需求：

搜索栏 - 让用户直接从您的网站搜索学校。
学校 - 显示附近学校列表或展示单个学校。
活动 - 显示某个位置附近的课外活动和项目。
房产 - 在您的网站上显示房产列表。

步骤 1：选择组件

使用侧边栏导航到您想要嵌入的组件。每个类别（学校、活动、房产）都提供列表和单个卡片选项。

步骤 2：自定义

使用交互控件自定义显示选项、选择位置并选择要显示的信息。更改会实时反映在预览中。

步骤 3：复制代码

导航到"嵌入代码"标签页，点击"复制"按钮。iframe 代码将被复制到您的剪贴板。

步骤 4：粘贴到您的网站

<!-- 示例：在限定宽度的容器中嵌入 -->
<div style="max-width: 800px; margin: 0 auto;">
  <!-- 在此粘贴您的 iframe 代码 -->
  <iframe
    src="https://www.aroundschools.com.au/embed/..."
    width="100%"
    height="auto"
    frameborder="0"
    style="border: none;"
  ></iframe>
</div>

响应式设计提示

嵌入组件默认使用 100% 宽度 - 通过设置父容器的约束来控制尺寸
对于垂直布局，您可能需要为 iframe 设置固定高度
所有组件会自动适应移动屏幕尺寸

浏览器支持

我们的嵌入组件支持所有现代浏览器，包括 Chrome、Firefox、Safari 和 Edge。不支持 Internet Explorer。

AroundSchools 嵌入式组件生成器

集成指南