How To Add Map Blocks
Our video guide on how to add the Google Business map block to your PhotoBiz website.
Google Business listings are a key component to 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 of adding the Maps block to showcase your Google Business listing on your PhotoBiz website.
STEP ONE
Log into your PhotoBiz account and click on the WEBSITE option in the left side menu.
STEP TWO
Click on the page name or add a new page you want to use a map block on.
There are two ways to have an active map block on your page:
- On the right hand side of your screen, you can click the map icon and the map block will appear at the very bottom of your page.
- The second option is to hover your mouse over the image icon, left click and hold, then drag the block to your preferred location. When a teal colored line appears where you want the block, let go of the mouse button and the block will drop in that location. To move it, simply drag it up or down.
STEP THREE
To add your address to your map block, simply click inside the block or on the pencil icon at the top right and choose Advanced. The menu will open on the right side of your control panel and give you the following options:
- Business Name
- Street Address
- City, State, Zip Code, Country
- Zoom Level
- Style: Grayscale or Original Colors
TEXT
Adding text along with your map allows you to reiterate your contact information, hours of operation or welcome your clients to your location. Make sure to always save changes!
BUTTON
You can also include a call to action with a button. This will lead traffic to other parts of your website, or your Google Business Listing! You currently have the following options for a button.
- NONE: The button will not link anywhere and exists for aesthetic reasons on your page.
- EXTERNAL LINK: Direct your clients to helpful resources that exist in a place other than your website.
- PAGE: Direct your visitors to an existing web page on your website.
- FORM: Connect to a Custom Form you have created in your FORM BUILDER.
- MARKETING: Direct users to a Campaign or Landing Page you have created in the MARKETING tool.
- FILE: Allow users to open a PDF, JPG, PNG, or GIF file that has been uploaded to the DOCUMENTS area of your account's FILES section.
- PHONE: Connecting your button to a phone number allows users to quickly click to call you.
- EMAIL: Connecting your button to an email address opens a user's default mail client to easily send you an email.
- ADDRESS: Allow users to find where you are by opening an address in Google Maps.
- VIDEO: Add a video embed code obtained from YouTube or Vimeo to play in a light-box.
- POP-UPS: Enable one of your pop-ups to pop up when the button is clicked on to easily notify clients of your promotions, discounts or to sign up for your newsletter.
STYLING OPTIONS FOR YOUR MAP BLOCK
MAP BLOCK LAYOUT OPTIONS
You can choose from 4 different map block layouts for how you'd like your map to be displayed in your map block. The map block layouts are the following
- Map Square: Your Map will display as a square above the title, text, and button.
- Map Banner: Your Map will display as landscape above the title, text, and button.
- Map Right: Your Map will display as a square to the right of the title, text, and button.
- Map Left: Your Map will display as a square to the left of the title, text, and button.
STYLING
The map styling section gives you more control over how your map is displayed within the layout you've selected. By default, this section will use the styling and spacing settings in the global styling section of your website. You can override the global settings for your map block within this area. The settings in this section can include any of the following items:
- Space Below Blocks: Controls the amount of space before the next block begins.
- Space Inside Blocks: Controls the amount of space at the top and bottom of a block.
COLORS
The button color section includes 5 color options. These colors will override the colors for the button that have been picked in the global color picker section under the DESIGN tab. Click on the color square or enter the HEX color code to customize the color for the following sections:
The customized flag will appear next to any color you've selected to override the global color picker for your website.
Click on save changes at the bottom to apply your color updates.
BACKGROUND
You can add a background image to display behind your map block by adding a background image. You can upload your own custom background image or choose one from the Background Library. You can customize how the background image is displayed under the Background Settings.
If you upload a Custom Background or select a file from the Background Library, you can customize how the background image is displayed under the Background Settings from the following 4 different options:
- Tile: Will tile your image to fill the background
- Top Left: Will align your image to the top left
- Centered: Will align your image at the center of the available space
- Cover: Will scale your image to be as large as possible to completely cover the background
Click on Save Changes to apply your changes to the background settings.
FONTS
You can easily customize the fonts you're using on your map blocks to override your global font settings. You can change the font, font size, letter spacing (kerning), and line height for any of the following items in your map block:
- TITLE
- HEADING H1
- HEADING H2
- HEADING H3
- BUTTON TEXT
Click on Save Changes at the bottom of the control panel menu to apply your changes.
If you have any questions about the Map block, please give our Support Team a call toll-free at 866.463.7620 or send us a live chat from your PhotoBiz control panel. We're available Monday - Friday 9:00am - 6:00pm EST and we're happy to help you however we can.
PRO TIP!
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 Service.