Website Pop-up

The Website Pop-up is a lead generation tool that can be added to any website to collect buyer leads. It allows visitors to sign up as contacts, search for properties, and optionally provide their phone numbers. All signups require email verification to ensure accuracy.

This feature is available exclusively for premium users and can be fully customized to match your website’s design. Anyone who signs up through the pop-up will receive a daily email summary of "Coming Soon" listings that your team has access to.

You can view a working example of the FirstList Website Pop-up on our example page.

Add the Pop-up to Your Website

Login to your FirstList account.
Navigate to the Settings page.
Ensure you are subscribed to the Premium plan.
Find the Website Pop-up tab.
Copy the embed code.
Paste the embed code into the HTML of your website.
Configure the pop-up using the Basic Configuration section below.

How It Works

Visitors sign up by providing their name and email.
They receive an email to verify their email address.
After verification, they receive a confirmation email with details about their subscription to your team’s daily “Coming Soon” email, along with an option to complete their signup and create a property search.
They begin receiving daily listing summaries, featuring "Coming Soon" properties your team has access to. Each email includes a call to action to reach out to you or adjust their search criteria.
All new signups are automatically added as contacts in your FirstList account.

Basic Configuration

window.popupConfig = {
  apiKey: "your-api-key-here",    // Required
  position: "left",               // Optional
  timeDelay: 2,                  // Optional
  widgetType: "WidgetComingSoon", // Optional
  initialText: "Coming Soon Listings", // Optional
  footerText: "I agree to be contacted by email.", // Optional
  googleFont: "Poppins"          // Optional
};

Core Options

Option	Type	Default	Description
`apiKey`	String	Required	Your unique API key for the popup
`position`	String	`"right"`	Widget position on screen (`"left"` or `"right"`)
`timeDelay`	Number	`2`	Delay in seconds before widget appears
`widgetType`	String	`"WidgetComingSoon"`	Type of widget to display
`initialText`	String	`"Coming Soon Listings"`	Text displayed on the initial button
`footerText`	String	`"I agree to be contacted by email."`	Text displayed in the footer
`googleFont`	String	`"Poppins"`	Google Font to use throughout the widget

Implementation Example

Here's a complete example of how to implement and configure the widget:

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>
    <!-- Widget Configuration -->
    <script>
        window.popupConfig = {
            apiKey: "your-api-key-here",
            position: "right",
            timeDelay: 2,
            widgetType: "WidgetComingSoon",
            initialText: "Coming Soon Listings",
            footerText: "I agree to be contacted by email.",
            googleFont: "Poppins",
            styles: {
                roundedSize: 15,
                backgroundColor: "#564ae4",
                fontColor: "#ffffff",
                footerColor: "#ffffff",
                buttonColor: "#ffffff",
                accentColor: "#3c35c5",
                errorColor: "#df0000",
                buttonHoverColor: "#594EE5",
                buttonTextColor: "#000000",
                borderColor: "#CCC"
            }
        };
    </script>
    
    <!-- Widget Script -->
    <script src="dist/firstlist-widget.iife.js"></script>
</body>
</html>

Notes

All style colors should be provided in hexadecimal format
The apiKey is required for the widget to function
Make sure to include the widget script after the configuration
The Google Font specified must be available in the Google Fonts library