Embed Local Ordinance Data on Your Site
Add a compact "Local Rules" widget to your real estate listing, property management portal, or community site. The widget displays a summary of local ordinances for any city in our database, complete with severity indicators and direct links to full details.
Live Preview
Here is what the embed widget looks like for Los Angeles, CA. It adapts to the width of its container.
Get the Embed Code
Copy and paste this HTML snippet into your site. Replace the city slug in the URL with the city you want to display.
Basic Embed Code
<iframe
src="https://cityrulelookup.com/embed/los-angeles-ca"
width="400"
height="600"
frameborder="0"
title="Local rules for Los Angeles, CA"
loading="lazy"
></iframe>Responsive Embed (fills container width)
<div style="max-width: 500px;">
<iframe
src="https://cityrulelookup.com/embed/los-angeles-ca"
width="100%"
height="600"
frameborder="0"
title="Local rules for Los Angeles, CA"
loading="lazy"
></iframe>
</div>Widget Formats
Choose the format that best fits your use case. All formats use the same dark theme and update automatically.
Compact Badge
A small, inline badge showing the city name, severity breakdown, and total rule count. Ideal for sidebars, property listings, or anywhere space is limited.
<iframe
src="https://cityrulelookup.com/embed/los-angeles-ca/badge"
width="350" height="90" frameborder="0"
loading="lazy"
></iframe>Single-Topic Card
Shows all rules for one category (e.g., noise, parking, fire). Perfect for embedding topic-specific rules on a relevant page.
<iframe
src="https://cityrulelookup.com/embed/los-angeles-ca/noise"
width="400" height="500" frameborder="0"
loading="lazy"
></iframe>City Comparison
Side-by-side severity comparison of two cities across all categories. Great for relocation content and "moving from X to Y" guides.
<iframe
src="https://cityrulelookup.com/embed/compare/denver-co-vs-austin-tx"
width="500" height="600" frameborder="0"
loading="lazy"
></iframe>Customization Options
Width
The widget is designed to work well between 300px and 600px wide. Set the iframe width attribute or wrap it in a container with a max-width. The widget content will adapt to the available space.
Height
A height of 500-700px works well for most cities. Cities with more ordinances may need a taller iframe. You can set height="600" as a good default. Content will scroll if it exceeds the frame height.
City Slug Format
City slugs follow the format city-name-st where st is the lowercase two-letter state abbreviation. For example: austin-tx, los-angeles-ca, chicago-il.
Dark Theme
The widget uses a dark color scheme by default, which pairs well with dark-themed websites. The dark background (#0d1117) with emerald accents (#34d399) provides good contrast and readability.
How It Works
The widget loads ordinance data for the specified city from our database, showing the most important rules grouped by category.
Each rule displays its severity level (Few Restrictions, Some Restrictions, or Heavy Restrictions) so visitors can quickly assess the regulatory environment.
Clicking any rule opens the full details page on CityRuleLookup in a new tab, where visitors can read the complete breakdown, key facts, and official sources.
Data is refreshed every hour automatically. No API key or account is required.
Available Cities
We currently have ordinance data for 819+ cities and counties across 50 states. Here are the states with coverage:
Use our search page to find the slug for any city in our database.
Branding & Attribution
The widget includes a small "Powered by CityRuleLookup" footer link. This attribution must remain visible as part of the free embed. The widget is designed to blend in with dark-themed sites and does not display any advertising.
Quick Start Examples
Try these embed URLs to see the widget in action:
Need a Custom Integration?
If you need a custom widget style, additional data fields, or an API integration for your platform, reach out to us through our contact form.