United Way CA Map Widget Builder
Zero CSS bleed, fully-isolated embeddable county selection maps
🔗
County Redirect Links
🖼️
County Logos (Optional)
Size
X
Y
Size
X
Y
Size
X
Y
Size
X
Y
🎨
Visual Styling Options
🔍
Camera Focus & Zoom Settings
Zooming Alignment
Adjust margin to bring adjacent counties (Siskiyou, San Diego, etc.) into visual frame.
🛠️
Platform Deployment Guide
⏹️ Squarespace ▼
1. Edit the target Squarespace page.
2. Click Add Block, select Code (</>).
3. Set display to HTML (do NOT check 'Display Source Code').
4. Clear default content and paste the copied code block.
2. Click Add Block, select Code (</>).
3. Set display to HTML (do NOT check 'Display Source Code').
4. Clear default content and paste the copied code block.
🌐 Wix ▼
1. Open Wix Editor, click + Add Elements.
2. Select Embed Code > Embed HTML.
3. Click Enter Code, paste the widget code, and apply.
4. Drag corners to size perfectly to match maximum widget dimensions.
2. Select Embed Code > Embed HTML.
3. Click Enter Code, paste the widget code, and apply.
4. Drag corners to size perfectly to match maximum widget dimensions.
📝 WordPress (Gutenberg / Elementor) ▼
• Gutenberg Block Editor: Add a Custom HTML block and paste the generated code.
• Elementor Builder: Drag the HTML element into your layout and paste the code inside.
• Elementor Builder: Drag the HTML element into your layout and paste the code inside.
🛍️ Shopify & Webflow ▼
• Shopify: Edit pages/sections, toggle to HTML view (button with <> icon), and paste.
• Webflow: Drag an Embed Component to your grid or layout and drop the code snippet.
• Webflow: Drag an Embed Component to your grid or layout and drop the code snippet.
Live Interactive Preview
Assembling Geographic Coordinates...
⚡
Success! Interactive routing confirmed.
💻
Ready HTML Code Snippet
Copy the block above, then paste directly inside your web platform's HTML Code Module.