Service Area Checker Widget

Let your customers check if they're in our delivery zone — right from your website.

Preview — Light

Add to Your Website

Copy and paste this snippet into any HTML page:

<div id="weels-service-area"></div>
<script src="https://www.weels.ca/js/embed-service-area.js"></script>

Customization

Add data attributes to the <script> tag to customize the widget:

Attribute

Description

data-theme

light or dark — defaults to light

data-accent

Hex color for button and focus ring — defaults to #10b981

data-button-text

Button label — defaults to Check availability

data-placeholder

Input placeholder — defaults to Enter your postal code

data-target

Container selector — defaults to #weels-service-area

Example with custom options

<div id="weels-service-area"></div>
<script src="https://www.weels.ca/js/embed-service-area.js"
  data-theme="dark"
  data-accent="#6366f1"
  data-button-text="Check my area">
</script>