Welcome to the help page! This guide explains how to use the various URL options available in the script to customize your experience or retrieve specific functionality.
Basic Instructions:
Use the URL parameters listed below to customize the widget and page appearance. Combine multiple parameters in the URL by separating them with `&`. For hex color codes, replace `#` with `%23` (e.g., `%23FFFFFF` for white). Examples are provided at the end of this guide to demonstrate how to use the parameters.
List of URL Variables:
?help displays this help page. Example: https://widget.wheretopay.us?help
?widgetBg=[color] sets the background color of the widget. Examples: https://widget.wheretopay.us?widgetBg=white https://widget.wheretopay.us?widgetBg=%23F1C50E
?pageBg=[color] sets the background color of the entire page. Examples: https://widget.wheretopay.us?pageBg=lightgray https://widget.wheretopay.us?pageBg=%23FF5733
?headlineText=[text] changes the headline text. Default is "Where to Pay". Example: https://widget.wheretopay.us?headlineText=Make%20a%20Payment
?headlineColor=[color] changes the headline text color. Default is black. Example: https://widget.wheretopay.us?headlineColor=%23FF0000
?borderEnabled=[on/off] turns the border on or off. Default is "on". Examples: https://widget.wheretopay.us?borderEnabled=off https://widget.wheretopay.us?borderEnabled=on
?borderColor=[color] changes the border color. Default is black. Example: https://widget.wheretopay.us?borderColor=%23FF5733
Policy Search Instructions:
Go to the widget page: https://widget.wheretopay.us
Enter your policy or bond number in the input field.
Click Search.
If a match is found, payment links will be displayed.
Security Tip: To maintain privacy, you can modify the last few digits of your policy number before submitting. However, do not change the prefix, suffix, or characters before or after a dash (-).
Examples:
Example 1 URL usage:
Set the widget background to white (#FFFFFF) and the page background to light gray (#F4F4F9):
https://widget.wheretopay.us?widgetBg=%23FFFFFF&pageBg=%23F4F4F9
Example 2 URL with headline text and color:
Change the headline text to "Make a Payment" and its color to red (#FF0000):
https://widget.wheretopay.us?headlineText=Make%20a%20Payment&headlineColor=%23FF0000
Example 3 HTML embed usage:
Embed the widget in an HTML page with a yellow background, automatically resize widget:
ADDITIONAL HEADING HTML
<head>
<script>
window.addEventListener("message", function(event) {
if (event.data && event.data.type === "resizeIframe") {
const iframe = document.getElementById("widgetIframe");
if (iframe) {
iframe.style.height = event.data.height + "px";
}
}
});
</script>
</head>
IFRAME
<iframe id="widgetIframe" src="https://widget.wheretopay.us?widgetBg=white&pageBg=%23f1c50e&headlineText=Where%20to%20Pay&headlineColor=black&borderEnabled=on&borderColor=black" style="width: 100%; border: none;" scrolling="no">
</iframe>