Google Business listings are an essential part of a strong local SEO strategy. Learn more about setting up a Google Business listing here. This guide will walk you through how to add the Maps block to showcase your Google Business listing on your Zibster website.
Adding a Maps Block To Your Website
STEP ONE
Log into your Zibster account and click on the WEBSITE option in the left-side menu.
STEP TWO
Click on the page where you want to add a map or create a new page.
There are two ways to add a map block:
-
Quick Add: Click the map icon on the right side of your screen, and the block will appear at the bottom of the page.
-
Drag & Drop: Hover over the image icon, left-click and hold, then drag the block to where you want it. When a teal line appears, release the mouse to drop it in place. You can move it anytime by dragging it up or down.
STEP THREE
Click inside the map block (or the pencil icon in the top-right corner), then select Advanced. You'll see the following options on the right panel:
-
Business Name
-
Street Address
-
City, State, Zip Code, Country
-
Zoom Level (adjust how close the map starts)
-
Style: Choose between Grayscale or Original Colors
Add Text or a Button to Your Map Block
TEXT
Include additional details such as:
-
Hours of operation
-
Directions to your location
-
A friendly welcome message
BUTTON
You can include a call-to-action button to direct visitors to:
-
NONE: The button will not link anywhere but can be used for design purposes.
-
EXTERNAL LINK: Direct visitors to external resources.
-
PAGE: Link to an existing page on your website.
-
FORM: Connect to a custom form from your Form Builder.
-
MARKETING: Link to a campaign or landing page in the Marketing tool.
-
FILE: Open a PDF, JPG, PNG, or GIF from the Documents section.
-
PHONE: Enable a click-to-call function.
-
EMAIL: Open the default email client for easy messaging.
-
ADDRESS: Open an address in Google Maps.
-
VIDEO: Embed a YouTube or Vimeo video in a lightbox.
-
POP-UPS: Trigger a pop-up for promotions, discounts, or newsletter sign-ups.
MAP BLOCK LAYOUT OPTIONS
Choose from four different layout styles:
-
Map Square – Displays as a square above the title, text, and button.
-
Map Banner – Displays as a landscape banner above the title, text, and button.
-
Map Right – Displays as a square to the right of the title, text, and button.
-
Map Left – Displays as a square to the left of the title, text, and button.
STYLING
Customize how your map is displayed within the selected layout. This section will default to the global styling settings, but you can override them here. These options will vary depending on the layout you've selected. Options include:
-
Title Alignment – Left, Center, or Right alignment for your title.
-
Description Alignment – Left, Center, or Right alignment for the text description.
-
Button Alignment – Left, Center, or Right alignment for the button.
-
Space Below Blocks – Adjusts the spacing before the next block.
-
Space Inside Blocks – Adjusts the spacing at the top and bottom of the block.
- Flushing - Adjusted how wide the map appears.
Click SAVE CHANGES to apply your settings.
COLORS
Customize the button color with five different options. These colors override the global color settings under the DESIGN tab. Click on the color square or enter a HEX code to adjust:
Any color changes will display a customized flag next to the color setting, indicating an override.
Click SAVE CHANGES to apply your updates.
BACKGROUND
Add a background image behind your map block. Upload a custom image or select one from the Background Library. Customize how the background appears with these options:
-
Tile – Repeats the image to fill the background.
-
Top Left – Aligns the image to the top left.
-
Centered – Centers the image within the available space.
-
Cover – Scales the image to cover the entire background.
Click SAVE CHANGES to apply your background settings.
FONTS
Override global font settings for your map block by customizing:
-
Title
-
Paragraph
-
Heading H1
-
Heading H2
-
Heading H3
-
Button Text
Adjust the font style, size, letter spacing, and line height as needed. Click SAVE CHANGES to apply your updates.
ANIMATIONS
Choose a BUTTON HOVER ANIMATION for your map block button from the following options:
-
NONE
-
FILL
-
OVERLAY
-
SCALE
-
ARROWS
Click on your preferred animation and then SAVE CHANGES to apply it.
PRO SERVICE
The great thing about a map block is that you can put it anywhere! Place it at the bottom of a homepage, or add it to your About or Contact page to beef it up. Placing a Google Map on your website can also increase your visibility on Google and improve your SEO.
If you want further help with your SEO from our Google-Certified experts, be sure to check out our SEO GO or SEO GO Plus Services.