Adding a Google Maps location to your website is a great way to help your visitors find your physical business or office with ease. If you’re using the Hostinger Website Builder, integrating Google Maps is straightforward and can be done in just a few clicks. In this tutorial, we’ll walk you through the exact steps to display a customized Google Map on your Hostinger-powered site.
Step 1: Access Your Website Builder
Start by logging into your Hostinger account. From the dashboard, navigate to the Websites section and click on the Edit Website button next to the site you want to work on.
Step 2: Insert the Google Maps Element
Inside the editor, identify where you’d like to add your map. Then:
- Click on Add Element in the left-hand menu.
- Search for Map and drag it into your desired section on the page.
- Resize the map element as needed by dragging its corners.
Step 3: Customize Your Map Location
Click on the Edit Map button. A settings window will appear where you can:
- Search for your business location (e.g., Eiffel Tower).
- Select animation effects like Fade, Slide, or Scale.
- Adjust visibility so the map only appears on desktop or mobile if desired.
Step 4: Save and Publish
Once your map looks the way you want, click Update Website to save your changes. You can preview the map live to ensure it displays correctly.
Bonus Tip: Learn More with Our Free Masterclass
If you want to get the most out of Hostinger Website Builder, don’t miss out on our free Hostinger Website Builder Masterclass. Inside, you’ll learn everything from templates and branding to advanced layout, SEO, and even ecommerce setup. Access it now at https://academy.dotcom.builders.
By following these steps, you’ll easily enhance your website with a fully interactive Google Map. It not only improves your site’s functionality but also builds trust with your visitors by showcasing a real-world presence.