New: Embed Reroute NJ on your website

The Portal Bridge cutover starts Saturday. If you cover transit in New Jersey — or if you run a community site, town Facebook page, or commuter forum — you can now put Reroute NJ tools directly on your website.

We just shipped a full embed system. Four output formats, a visual configurator that builds the embed code for you, and PNG export for social media and email newsletters. Everything is free to use.

Four ways to embed

Info cards — Compact cards showing line impact, station details, or a full cutover summary. Drop one into an article sidebar or at the top of a liveblog. Three card types: line cards (one line's impact), station cards (one station's changes), and summary cards (all five lines at a glance).

Interactive widgets — Mini versions of the line guide, comparison tool, news feed, or map. These are live, working tools that readers can interact with inside your page. Pick a tool and it loads in an iframe sized to fit.

Full tool embeds — Any Reroute NJ page with the header and footer stripped out. Append ?embed=true to any tool URL and it becomes embeddable. Good for dedicated cutover pages where you want to give readers the complete experience.

Script-tag embeds — A single <script> tag and a <div>. No iframe configuration needed. Add the div with data attributes for the embed type, line, and station, include the script, and it handles the rest. Works in CMSes where pasting iframe code is restricted.

The configurator

The embed page has a visual configurator that walks you through choosing your embed type, selecting the line and station, picking a theme (light or dark), and setting a custom accent color. It shows a live preview and gives you copy-paste code in all four formats.

For info cards, you also get a Download PNG button that renders the card to a high-fidelity image. The PNG export uses Canvas rendering (not a screenshot), so text stays sharp at any size. Use it in newsletters, tweets, or print handouts.

There's also a Download HTML option that gives you a self-contained file with all styles and data bundled in. No external dependencies, no network requests. Open it in a browser and it works offline.

Customization

Every embed supports two customization options:

• Theme — Light or dark. Append &theme=dark to any embed URL or set data-theme="dark" on the script-tag div.
• Accent color — Any hex color. Append &accent=FF6B35 or set data-accent="FF6B35". The accent applies to CTA buttons and color highlights.

Match the embed to your site's design without touching any code.

For newsrooms

We built this for you. The cutover will dominate transit coverage in the region for a month, and your readers need tools, not just articles. A line card in your sidebar tells a Montclair-Boonton commuter exactly what changes for them. A comparison widget lets a reader punch in their station and see every alternative route.

The embed codes work on WordPress, Squarespace, Ghost, Substack (with the script-tag format), and any platform that accepts HTML. If you run into trouble embedding on your specific platform, open an issue or email [email protected] and we'll help.

Everything is MIT-licensed. No attribution required, though we appreciate a link back to reroutenj.org.

What else is new

Along with the embed system, this release includes:

• Blog in all 11 languages — Blog posts are now translated alongside the rest of the site. The blog has its own index page with a proper post structure.
• SEO and AI search optimization — Structured data (JSON-LD), full hreflang cross-references, robots.txt with AI bot guidance, llms.txt for AI search engines, and sitemap.xml covering all 79 pages.
• Self-contained HTML downloads — Export any info card as a standalone HTML file that works without an internet connection.

Try it

Go to the embed configurator, pick a format, and copy the code. It takes about 30 seconds.

If you embed Reroute NJ on your site, we'd like to know about it. Drop us a line at [email protected] — we'll add your site to our coverage page.