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.

Please contact us if you have any questions!


1. Basic Image Link

  • 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
  • Widget can be customized with minor changes to provided code (i.e. make widget smaller, change or remove "Click to search" text). Contact us for assistance in customization as required
Example of customized basic image link widget

1. Copy the html code below and paste into your website where you would like the Basic Image Link widget 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="http://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

Halton Community Services Directory
  • 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
  • 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 additional search refinement and keyword search looks in many different fields in a listing
  • 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">
<input type="hidden" name="utm_campaign" value="HCSDwidget">
<input type="hidden" name="utm_source" value="keywordwidget">
<input type="hidden" name="utm_medium" value="weblink">
<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=HCSDwidget&utm_source=keywordwidget&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>

3. Keyword Search Refined by Community

Halton Community Services Directory
  • Keyword search with results refined by services that serve a specific community within Halton (results will include resources not located within the chosen community but which provide services to that community)
  • Code is easily customized to change search to "located in" community rather than "areas served" community (will return only resources within the chosen community but may miss some that serve the community but are located in a different community)
  • Leaving community blank will return all possible search results
  • 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">
<input type="hidden" name="utm_campaign" value="HCSDWidget">
<input type="hidden" name="utm_source" value="communitywidget">
<input type="hidden" name="utm_medium" value="weblink">
<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=HCSDwidget&utm_source=communitywidget&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>

4. Customizable List of Specific Resources

Halton Community Services Directory
  • 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 Youth Directory or the Halton Seniors' Directory, or
  • Contact us and for a nominal fee 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 look for Food Programs throughout Halton Region

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="http://www.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=customwidget_public&utm_medium=weblink">Search the Directory</option>
<option value="http://youth.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=customwidget_youth&utm_medium=weblink">Youth Directory</option>
<option value="http://seniors.hipinfo.ca?utm_campaign=HCSDwidget&utm_source=customwidget_seniors&utm_medium=weblink">Seniors' 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="http://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

Halton Community Services Directory