Skip to content
English
Login
  • There are no suggestions because the search field is empty.

How to Edit the Map Image

This article breaks down the customization process for the map image shown on your RoofQuotePRO™ widget.

Requirements:

Overview:

The process below details how to to substitute the default map image shown on your RoofQuote PRO to a custom image. This custom image could be the logo for your business, a visual of the multi-step process for using the tool and beyond.

Instructions:

  1. To start, login to your portal and go to the Settings tab.
  2. Choose General from the menu. This will take you to the Widget Settings page.
  3. Select Map Settings from the Feature dropdown menu.

    Screenshot 2026-01-05 at 10.35.51

  4. On the Map Settings page, there is the ability to pivot between the default map setting (Use the user's Lat/Long) or Custom Image
  5. To upload a custom image, choose that option and then upload the desired file.
    1. Format:  PNG, JPG or JPEG only
    2. Size: 500KB max
    3. Dimensions: 1280x720 px (16:9)
  6. Click Save Changes.

NOTE: Preview the widget after saving the new custom image to ensure there are no design issues.

  1. Click the Preview Widget button at the bottom of the page and select Embedded Widget or Slideout Tab.
  2. Once display format is selected, this will generate a useable version of the widget within your RoofQuote PRO portal.
  3. Alter the size of the browser window to see how the widget responds to different frames (mimicking desktop vs. mobile responsiveness).
  4. If there are any visual problems, make the necessary edits to your image file.

PRO TIP: Add an image which describes how the widget works. Even though the instant quote tool is already an intuitive user experience, providing a visual which breaks down the steps in the process helps build trust with prospective leads and can be a smaller development lift for your site.

For an example of this type of image, click here.