Click to Call links appear on many Commerce Reference Store pages, including product detail pages, the order history page, the shopping cart page, and the Contact Us page. Different pages are configured to use different images as link icons.

Links are associated with <div> elements, which are inserted in Commerce Reference Store pages by the store.war/navigation/gadgets/clickToCallLink.jsp gadget:

<dsp:page>
  <dsp:importbean bean="/atg/dynamo/droplet/ComponentExists"/>
  <%--
    If the Click To Call feature is disabled, this entire div can be safely
    bypassed. We can test if Click To Call is installed by the existence
    of the clicktoconnect Configuration component.
  --%>
  <dsp:droplet name="ComponentExists" path="/atg/clicktoconnect/Configuration">

    <dsp:oparam name="true">
      <%--
        In order to display the ClickToCall button we need to add an anchor in the
        place we want the ClickToCall button to be rendered. This anchor is the
        HTML div below. Its id attribute must match the 'Relative to Layer ID'
        property of the WebCare link
      --%>
      <dsp:getvalueof var="pageName" param="pageName"/>
      <div id="atg_store_c2c_${pageName}">&nbsp;</div>
    </dsp:oparam>
  </dsp:droplet>
</dsp:page>

This gadget checks for the existence of the /atg/clicktoconnect/Configuration component. This component is part of the ClickToConnect module, which is automatically included in the assembled EAR file when you specify the DCS.ClickToConnect module. If the component exists, the gadget renders the <div> element and sets the id attribute to a value that indicates the page it appears on.

For example, on the Contact Us page, this code renders:

<div id="atg_store_c2c_contactUs">&nbsp;</div>

When the Click to Call link is created, the <div> id is used to look up the link and its attributes in WebCare.