Coverage Check Widget

Embeddable coverage checker for your website

Live

Overview

Anonymous coverage checking widget that matches your customer portal design

Version

1.0.0

Anonymous Access

No login required - visitors can check coverage instantly without authentication

Google Maps Integration

Full interactive map with address autocomplete and manual pin placement

Responsive Design

Works perfectly on desktop, tablet, and mobile devices with adaptive layouts

Brand Consistency

Matches your customer portal colors and design language perfectly

Fast & Lightweight

Optimized for quick loading with minimal dependencies and efficient code

Lead Generation

Captures email addresses for follow-up and provides direct contact options

Live Demo

This is how the widget appears when embedded on your website:

Implementation

Copy and paste this code into your website where you want the coverage checker to appear:

Basic Embed Code

<iframe 
    src="{{ config('app.url') }}/embed/coverage-check" 
    width="100%" 
    height="700" 
    frameborder="0"
    title="AFINET Coverage Check"
    style="border-radius: 16px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);">
</iframe>
                    

Responsive Implementation

<div style="position: relative; width: 100%; max-width: 1200px; margin: 0 auto;">
    <iframe 
        src="{{ config('app.url') }}/embed/coverage-check"
        style="width: 100%; height: 700px; border: none; border-radius: 16px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);"
        title="AFINET Coverage Check">
    </iframe>
</div>
                    

Customization Options

Dimensions

Adjust width and height to fit your layout

width="100%"
height="700"
                        

Styling

Customize appearance with CSS

border-radius: 16px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
                        

Container

Wrap in responsive container

max-width: 1200px;
margin: 0 auto;
                        

Mobile Optimization

Responsive breakpoints

@media (max-width: 768px) {
  height: 600px;
}
                        

API Reference

The widget uses these public API endpoints:

Coverage Check

POST

POST /api/website/check-feasibility

Performs anonymous feasibility check for any address

Available Packages

GET

GET /api/website/packages

Returns public package information based on feasibility

Widget Embed

GET

GET /embed/coverage-check

Serves the embeddable widget HTML page

Ready to implement?

Contact the Quatrohaus team for implementation support and technical assistance

Email Support Call Us