240 Partner Districts

Add your 240 partnership page to your district website

Pick your district below and copy one snippet into your website. The page appears inside your own site, wrapped in your header, navigation, and footer. When 240 updates the content, your page updates automatically — you never have to touch it again.

Step 1 — Get your snippet

Choose your district. The code below fills in automatically.

Don't see your district? Contact your 240 partnership manager and we'll add it. 

Select your district above.

Two parts: the <iframe> is the content and is required. The <script> makes the frame resize itself so there's no inner scrollbar and no empty space — recommended, but safe to leave out if your website platform removes scripts.

Optional — match your school colors

The page uses neutral type and 240's colors by default, which looks at home on most district sites. If you'd rather it matched your brand, adjust these and the snippet above updates automatically.

 ·  Changes appear in the preview below. Nothing is saved until you paste the snippet into your site — or ask your 240 partnership manager to make it permanent, which keeps your snippet short.

Need finer control than this? For security we don't accept free-form CSS through the embed URL — the page is served from 240.org, so anything in the address bar could be used to restyle content that represents 240 on your site. If these options don't cover what you need, contact your 240 partnership manager and we can add custom styling for your district on our side.

Step 2 — Paste it into your website

Most districts add this to a page under Careers, Human Resources, or Employment. Find your platform below.

Finalsite (Composer)
  1. Edit the page and click Add Element.
  2. Choose Content → Embed Code (sometimes called Custom Content).
  3. Paste the snippet into the code box.
  4. Save, then Publish.
Finalsite may warn you about adding third-party code. That's expected for any embed — continue.
Blackboard / Web Community Manager (Schoolwires)
  1. Open Site Manager and go to your page.
  2. Add or edit a Flex Editor app.
  3. Click the <> HTML button in the toolbar (or Tools → Edit HTML).
  4. Paste the snippet, click Update, then Save.
This editor sometimes reformats pasted code. If nothing appears after saving, reopen the HTML view and confirm the <iframe> tag is still intact.
Apptegy (Thrillshare)

Apptegy's editor doesn't accept raw HTML on most plans. Send this page to your Apptegy representative and ask them to add it as a custom embed section.

Edlio
  1. Edit the page and choose the HTML/Embed block.
  2. Paste the snippet and save.
WordPress
  1. Add a Custom HTML block.
  2. Paste the snippet and update the page.
On the Classic editor, switch to the Text tab before pasting.
Squarespace
  1. Add an Embed block, then choose the </> Code option (or add a Code block).
  2. Paste the snippet and save.
Google Sites — use the no-script version

Google Sites blocks external scripts, so use the alternate snippet at the bottom of this page.

  1. Insert → Embed → Embed code.
  2. Paste the no-script snippet.
  3. Drag the frame's bottom edge until no scrollbar appears.
Something else / I'm not sure

Look for a content block called Embed, HTML, Custom Code, or iframe. If you can't find one, forward this page to whoever manages your website — this is a standard embed, the same mechanism as a YouTube video.

Step 3 — Check your work

After publishing, load the page and confirm:

Preview

This is exactly what will appear on your page.

Select a district to preview Open in a new tab →

The preview box scrolls because it has a fixed height. On your live page the frame grows to fit, so it won't scroll.

Troubleshooting

Nothing appears — the area is blank

Confirm the src starts with https:// exactly as shown. If your platform has a "content security" or "allowed domains" setting, add embed.240.org.

There's a scrollbar inside the content

The <script> line is missing or was stripped by your editor. Either add it back, or use the no-script snippet below.

There's a big empty gap below the content

Same cause, opposite direction: a fixed height taller than the content. Add the <script> line, or use the no-script snippet below, which sets heights per screen size.

Right content, wrong district name

The ?d= value doesn't match your district. Re-copy the snippet from Step 1 with your district selected.

Our platform won't allow iframes at all

Let your 240 partnership manager know. You can link to your page directly instead — the "Open in a new tab" link in the preview above is that URL.

If your platform removes <script> tags

Use this version instead. It can't resize itself, so it sets a fixed height for each screen size — close enough that visitors won't notice.

Select your district above.

Accessibility, privacy, and security

If your district requires a security or accessibility review before adding third-party embeds, contact your 240 partnership manager and we'll provide documentation.