Halton Information Providers – Your trusted source for community, government and health services for residents of Halton Region

Search the Halton Community Services Directory from Your Website!

We want to make it easy for you to provide your website users with ways to search for resources in the Halton Community Services Directory.

Below you’ll find four different widgets which you can use freely on your website to provide your visitors with a way to search for community, social, government and health services from the authoritative source for the residents of Halton Region.

All widgets are designed to be scalable to mobile devices and tablets.

Basic Image Link
Keyword Search
Keyword Search Refined by Community
Customizable List of Specific Resources

Please contact us if you have any questions!

1. Basic Image Link

Click to search

Use this widget to provide your website users with a simple clickable image link that will direct them to the Halton Community Services Directory where they can search for community, social, government and health services

1. Copy the html code below and paste into your website where you would like the image link above to appear

<div id="hcsd_search_widget_basic" style="background-color: #f6f6f6; color: #373737; border: none; box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); -webkit-box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); -moz-box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); border-radius: 4px; margin-top: 18px; margin-bottom: 18px; max-width: 400px; padding: 12px;"> <a href="https://www.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=basicwidget&utm_medium=weblink" style="text-decoration: none; color: #1E594D;">
<div><img style="display: block; max-width: 100%; height: auto;" src="https://s3.amazonaws.com/cioc.halton/HCSD_widget.png" alt="Halton Community Services Directory"> </div>
<p style="font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size: 15px; text-align: center; margin-bottom: 0;">Click to search</p>
</a></div>

2. Keyword Search

Use this widget to provide your website users with the option to search for resources in the Halton Community Services Directory directly from your website
Google style keyword search provides the easiest search option for users
User is directed to search results in the Halton Community Services Directory upon clicking Search button
This widget will result in the largest number of listings being returned in a search based on the keyword(s) entered by user as there is no search refinement
Tip: Providing instructions to your web site users to enclose a search phrase in quotation marks will result in them retrieving more relevant/fewer search results (i.e. “Food Bank” rather than Food Bank, “Employment Programs” rather than Employment Programs)

2. Copy the html code below and paste into your website where you would like the Keyword Search widget above to appear

<div id="hcsd_search_widget" style="background-color: #f6f6f6; color: #373737; border: none; box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); -webkit-box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); -moz-box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); border-radius: 4px; margin-top: 18px; margin-bottom: 18px; max-width: 400px; padding: 12px;">
<form id="SearchForm" role="form" action="http://www.hipinfo.ca/results.asp" method="get" name="hcsd_search" target="_blank" rel="noreferrer noopener">
<input type="hidden" name="utm_campaign" value="keyword_widget">
<div style="display: table;">
<div style="display: table-cell;">
<input id="hcsd_sterms" class="form-control" style="font-size: 14px; font-family: Helvetica,Arial,sans-serif; line-height: 1.35714; background-color: #ebf5f5; box-shadow: 0 3px 3px rgba(0,0,0,0.075) inset; margin-bottom: 15px; display: block; width: 100%; height: 32px; padding: 6px 12px; color: #555; border: 1px solid #00B19F; border-radius: 4px; margin: 0; box-sizing: border-box;" maxlength="255" name="STerms" size="50" type="text" placeholder="I'm looking for: library, ServiceOntario, ESL, ...">
</div>
<div style="display: table-cell; padding-left: 12px;">
<button style="font-size: 14px; font-family: Helvetica,Arial,sans-serif; line-height: 1.35714; display: inline-block; text-align: center; user-select: none; vertical-align: middle; overflow: visible; background-color: #fff; background-image: linear-gradient(to bottom, #fff 0px, #e6e6e6 100%); border: 1px solid #d9d9d9; color: #222; box-sizing: border-box; border-radius: 4px; box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset, 0 1px 1px rgba(0,0,0,0.075); padding: 6px 12px; margin: 0;" type="submit">Search</button>
</div>
</div>
</form>
<div style="padding-top: 10px;"><a href="http://www.hipinfo.ca?utm_campaign=keyword_widget" target="_blank" rel="noreferrer noopener"><img style="display: block; max-width: 100%; height: auto;" src="https://s3.amazonaws.com/cioc.halton/HCSD_widget.png" alt="Halton Community Services Directory"></a></div>
</div>

3. Keyword Search Refined by Community

Keyword search with the ability to refine search results based on the location of the services within Halton Region
Leaving community blank will return all possible search results
User is directed to results page in the Halton Community Services Directory once Search button is clicked
The specific communities included/excluded and their order in dropdown are customizable (contact us for assistance)
Tip: As with Widget 2, providing instructions to your web site users to enclose a search phrase in quotation marks will result in them retrieving more relevant/fewer search results (i.e. Search for “Food Bank” rather than Food Bank, “Employment Programs” rather than Employment Programs)

3. Copy the html code below and paste into your website where you would like the Keyword Search Refined by Communities widget to appear

<div id="hcsd_search_widget_community" style="background-color: #f6f6f6; color: #373737; border: none; box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); -webkit-box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); -moz-box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); border-radius: 4px; margin-top: 18px; margin-bottom: 18px; max-width: 400px; padding: 12px;">
<form id="SearchForm" role="form" action="http://www.hipinfo.ca/results.asp" method="get" name="hcsd_search" target="_blank" rel="noreferrer noopener">
<input type="hidden" name="utm_campaign" value="community_widget">
<div style="margin-bottom: 10px;">
<!--uncomment input type line below to change community search type to located in rather than areas served - located in search will result in fewer/more local results but some resources may be missed that are not located in the chosen community but provide service to that community-->
<!--<input type="hidden" name="CMType" value="L">-->
<input id="hcsd_sterms" class="form-control" style="font-size: 14px; font-family: Helvetica,Arial,sans-serif; line-height: 1.35714; background-color: #ebf5f5; box-shadow: 0 3px 3px rgba(0,0,0,0.075) inset; display: block; width: 100%; height: 32px; padding: 6px 12px; color: #555; border: 1px solid #00B19F; border-radius: 4px; margin: 0; box-sizing: border-box; font-style: italic;" maxlength="255" name="STerms" size="50" type="text" placeholder="I'm looking for: library, ServiceOntario, ESL, badminton,">
</div>
<div style="display: table;">
<div style="display:table-cell; width: 100%;">
<select name="CMID" id="CMID" class="form-control" style="font-size: 14px; font-family: Helvetica,Arial,sans-serif; line-height: 1.35714; background-color: #ebf5f5; box-shadow: 0 3px 3px rgba(0,0,0,0.075) inset; margin-bottom: 15px; display: block; width: 100%; height: 32px; padding: 6px 12px; color: #555; border: 1px solid #00B19F; border-radius: 4px; margin: 0; box-sizing: border-box;">
  <option>Select a Community</option>
  <option value="58">Acton</option>
  <option value="59">Burlington</option>
  <option value="60">Georgetown</option>
  <option value="1314">Halton Hills</option>
  <option value="62">Milton</option>
  <option value="63">Oakville</option>
  <option value="1367">Halton North</option>
  <option value="1368">Halton South</option>
  <option value="57">Halton Region</option>
</select>
</div>
<div style="display: table-cell; padding-left: 12px;">
<button style="font-size: 14px; font-family: Helvetica,Arial,sans-serif; line-height: 1.35714; display: inline-block; text-align: center;
 user-select: none; vertical-align: middle; overflow: visible; background-color: #fff; background-image: linear-gradient(to bottom, #fff 0px, #e6e6e6 100%); border: 1px solid #d9d9d9; color: #222; box-sizing: border-box; border-radius: 4px; box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset, 0 1px 1px rgba(0,0,0,0.075); padding: 6px 12px; margin: 0;" type="submit">Search</button>
</div>
</div>
</form>
<div style="padding-top: 10px;"><a href="http://www.hipinfo.ca?utm_campaign=community_widget" target="_blank" rel="noreferrer noopener"><img style="display: block; max-width: 100%; height: auto;" src="https://s3.amazonaws.com/cioc.halton/HCSD_widget.png" alt="Halton Community Services Directory"></a></div>
</div>

4. Customizable List of Specific Resources

User selects search options from pre-populated drop down menu
Use this widget “as is” which provides links to search the Halton Community Services Directory, The Halton Newcomer Directory, The Halton Parenting Directory, The Halton Seniors Directory or the Halton Youth Directory, or
Contact us and we’ll work with you to customize the search options appearing in the dropdown menu to suit your needs
List can include links to specified individual resources or lists of resources within the Halton Community Services Directory relevant to your organization/website and target audience
See an example below of this widget customized to return Food Programs

4. Copy the html code below and paste into your website where you would like the Customizable List of Specific Resources widget above to appear

<script language="javascript">
function hcsd_gotolink() {
window.location = document.getElementById('hcsd_link_dd').value;
}
</script>
<div id="hcsd_search_widget_custom" style="background-color: #f6f6f6; color: #373737; border: none; box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); -webkit-box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); -moz-box-shadow: 2px 2px 4px 1px rgba(102,102,102,0.3); border-radius: 4px; margin-top: 18px; margin-bottom: 18px; max-width: 400px; padding: 12px;">
<div style="display: table;">
<div style="display: table-cell; width: 400px;">
<select id="hcsd_link_dd" class="form-control" style="font-size: 14px; font-family: Helvetica,Arial,sans-serif; line-height: 1.35714; background-color: #ebf5f5; box-shadow: 0 3px 3px rgba(0,0,0,0.075) inset; margin-bottom: 15px; display: block; width: 100%; height: 32px; padding: 6px 12px; color: #555; border: 1px solid #00B19F; border-radius: 4px; margin: 0; box-sizing: border-box;">
<option value="https://www.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=customwidget_public&utm_medium=weblink">Search the Directory</option>
<option value="https://newcomers.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=customwidget_newcomers&utm_medium=weblink">Newcomers Directory</option>
<option value="https://parents.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=customwidget_parenting&utm_medium=weblink">Parenting Directory</option>
<option value="https://seniors.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=customwidget_seniors&utm_medium=weblink">Seniors' Directory</option>
<option value="https://youth.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=customwidget_youth&utm_medium=weblink">Youth Directory</option>
</select>
</div>
<div style="display: table-cell; padding-left: 12px;">
<button style="font-size: 14px; font-family: Helvetica,Arial,sans-serif; line-height: 1.35714; display: inline-block; text-align: center; user-select: none; vertical-align: middle; overflow: visible; background-color: #fff; background-image: linear-gradient(to bottom, #fff 0px, #e6e6e6 100%); border: 1px solid #d9d9d9; color: #222; box-sizing: border-box; border-radius: 4px; box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset, 0 1px 1px rgba(0,0,0,0.075); padding: 6px 12px; margin: 0;" type="submit" onClick="hcsd_gotolink();">Go</button>
</div>
</div>
<div style="padding-top: 10px;"><a href="https://www.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=customwidget&utm_medium=weblink"><img style="display: block; max-width: 100%; height: auto;" src="https://s3.amazonaws.com/cioc.halton/HCSD_widget.png" alt="Halton Community Services Directory" /></a></div>
</div>

Example of Customized Search Widget for Food Programs