Google Business listings are a key component of an effective local SEO strategy. You can learn more about setting up a Google Business listing here. This guide will walk you through the steps to add a Maps Block to your Zibster website and showcase your Google Business listing.
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 name where you want to add a map block, or create a new page for it. There are two ways to add a map block to your page:
- On the right-hand side of your screen, click the map icon to add the map block at the very bottom of your page.
- Alternatively, hover your mouse over the image icon, left-click and hold, then drag the map block to your preferred location. When a teal-colored line appears where you want the block, release the mouse button, and the block will drop into that spot. To move the block, drag it up or down.
STEP THREE
To add your address to the map block, click inside the block or on the pencil icon at the top-right, then select Advanced. The menu will open on the right-hand side of your control panel with the following options:
- Business Name
- Street Address
- City, State, Zip Code, Country
- Zoom Level
- Style: Grayscale or Original Colors
Add Text or a Button to Your Map Block
TEXT
You can add text alongside your map to include contact information, hours of operation, or a welcome message for clients. Remember to save your changes.
BUTTON
You can add a call-to-action button to direct visitors to other parts of your website or to your Google Business listing. The following options are available for the button:
- NONE: The button will not link anywhere and is for aesthetic purposes.
- EXTERNAL LINK: Direct users to a resource outside your website.
- PAGE: Link to another page within your website.
- FORM: Link to a custom form you’ve created in the Form Builder.
- MARKETING: Direct visitors to a campaign or landing page created in the Marketing tool.
- FILE: Open a file (PDF, JPG, PNG, or GIF) uploaded to your account's Files section.
- PHONE: Enable users to call you with a click.
- EMAIL: Open the user’s default email client for easy emailing.
- ADDRESS: Open the address in Google Maps.
- VIDEO: Embed a video from YouTube or Vimeo.
- POP-UPS: Trigger a pop-up for promotions, discounts, or newsletter signups.
Styling Options for Your Map Block
MAP BLOCK LAYOUT OPTIONS
Choose from four layout options for displaying your map in the map block:
- Map Square: The map displays as a square above the title, text, and button.
- Map Banner: The map displays as a landscape banner above the title, text, and button.
- Map Right: The map appears as a square to the right of the title, text, and button.
- Map Left: The map appears as a square to the left of the title, text, and button.
STYLING
The styling section allows you to further control how the map is displayed. The options in this section will depend on the layout you have applied. By default, this section uses the global styling and spacing settings for your website. You can override the global settings for your map block, with the following options:
- Overlay Opacity
- Space Below Blocks: Controls the space between blocks.
- Space Inside Blocks: Controls the space at the top and bottom of a block.
- Flushing
Click on SAVE CHANGES to apply your styling choices.
Customize Colors, Background, and Fonts
COLORS
The button color section provides five customizable color options. These will override the button colors selected in your website's global color picker. Customize colors by clicking the color square or entering the HEX code.
Once you’ve made your changes, click Save Changes at the bottom to apply them.
BACKGROUND
Add a background image to your map block by uploading a custom image or selecting one from the Background Library. You can adjust how the background is displayed with the following settings:
- Tile: Repeats the image to fill the background.
- Top Left: Aligns the image to the top-left corner.
- Centered: Aligns the image to the center of the available space.
- Cover: Scales the image to cover the background completely.
Click Save Changes to apply your background settings.
FONTS
Customize the fonts in your map block to override the global font settings. You can change the font, size, letter spacing, and line height for the following items:
- Title
- Paragraph
- Heading H1
- Heading H2
- Heading H3
- Button Text
Click Save Changes at the bottom to apply your font customizations.
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.