Including a map on a contact page enhances user experience by providing a visual reference for location. Cloud Sites Map element makes it easy to embed interactive maps directly into a webpage.
Inserting the Map Element
To add a map:
- Open the Add Elements Drawer from the left sidebar.
- Locate the Map element.
- Click, hold, and drag the map into the desired area on the page.
A placement line will appear to guide positioning between existing elements.
Customizing the Map
Once the map is placed:
- Click on the map to activate its settings.
- Use the Options Toolbar on the far left to enter a specific address or location.
- Adjust the zoom level to zoom in or out for better visibility.
- Apply filters to modify the map’s appearance.
- Customize alignment, width, and height to fit the design layout.
For quick adjustments, use the resize handles on the map element to manually change its dimensions.
Responsive Design Considerations
To ensure the map displays correctly across devices:
- Switch to tablet and mobile views.
- Select the map element and open its settings.
- Adjust the height and width independently for each device type to maintain optimal layout and usability.
This ensures the map remains functional and visually appealing on all screen sizes.
**In our Cloud Websites documentation, you may come across the name "Brizy" or links to articles found on the Brizy website. Brizy is a technology partner that helps us provide an enhanced, user-friendly website editing experience. The Brizy partnership is explicitly designed for ministries, ensuring we offer the best solution to meet your church's website needs.**
Updated