Contact
Contact Map
Displays a company name, address, and an embedded Google Maps iframe for location pages.
What It Does
The Contact Map module shows a company's name and address alongside an embedded Google Maps iframe. The address supports multiple lines, and the map loads lazily for better performance. Both the text and map sections animate into view as the user scrolls.
Best Used For
- Contact Us pages
- Office location sections
- Store locator pages
- Footer location blocks
Variants
Default
Company name with a divider, multi-line address text, and a rounded map embed below.
Best for: All location display use cases
Fields Reference
| Field | Type | Required | Description |
|---|---|---|---|
| companyNameText | component | No | Company name displayed above the address, configurable as a styled text component |
| addressText | component | No | Full address text with configurable styling -- use line breaks to separate address lines |
| mapUrl | text | Yes | Google Maps embed URL for the iframe |
| entranceAnimation | component | No | Scroll-triggered entrance animation |
Tips for Great Results
- Use the Google Maps "Share > Embed" feature to get the correct iframe URL.
- Break the address into logical lines (street, city, phone) for readability.
- Keep the company name concise -- it serves as a label, not a full legal name.
Supported Languages
Fully bilingual -- all text fields support both English and Thai content.