Customize the Slideout Widget

Requirements:

• Roof Quote PRO™ active subscription
• Admin user access

Overview:

Set up your slideout widget settings including colors, text, page orientation, and the callout box. Follow the Best Practices provided in this article for optimal results and higher lead generation.

Slideout

Callout

Instructions:

1. To start, login to your portal and go to the Settings icon in the top right corner.
2. Choose General from the menu. This will take you to the Widget Settings page.
3. Select Slideout Tab from the Feature dropdown menu.

Slideout

This button sticks to the side of any page on your website that the Slideout Roof Quote PRO Script is installed. Clicking the button slides open the instant quote widget.

1. Select Slideout Tab from the Feature dropdown menu located at the top of the Widget Tool Settings screen
2. Expand the Slideout Tab section
3. Set the fill color, font options, location and text of the "Instant Roof Quote" Button
   
   1. By default, the tab's text is "Instant Roof Quote." However, this may be changed to anything within a 32-character limit.
4. Save your changes.

<style>

    /* Hide the widget on screens below 768px width */

    @media (max-width: 767px) {

      #roof-quote-pro-widget {

        display: none;

      }

    }

  </style>

Callout

The Callout is the text box connected to the floating widget button. It is designed to grab the homeowner's attention when they visit your website or landing page.

1. Expand the Callout section
2. Set the fill, outline, and font colors
   1. The fill color is the background color of the callout box
   2. The outline color is a thin color that outlines the callout box
   3. The font color is for the callout title and text 
3. OPTIONAL: Edit the Callout Title and text to change the Callout Message.
   1. Callout Title is limited to 34 characters. Default text is "Need a roofing quote?"
   2. Callout Text is limited to 55 characters. Default text is "Get Your Price NOW!"
4. Save your changes.