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

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="http://www.hipinfo.ca?utm_campaign=basic_widget" target="_blank" rel="noreferrer noopener" 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
  • 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

Halton Community Services Directory
  • 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

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 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="http://www.hipinfo.ca?utm_campaign=customized_widget">Search the Directory</option>
<option value="http://youth.hipinfo.ca?utm_campaign=customized_widget">Youth Directory</option>
<option value="http://seniors.hipinfo.ca?utm_campaign=customized_widget">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=customized_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>

Example of Customized Search Widget for Food Programs

Halton Community Services Directory