Humanitarianresponse Logo

If you would like to add contact details for cluster (co)coordinators or other relevant persons, you can use the following example to achieve a consistent display with the added benefit of a Microdata format which makes it very easy for search engines to make sense of the contact information.

  1. Click on "Customize this page" button
  2. Click on the "+" button in the page section where you would like to add contact information
  3. Select "Custom content" and then "Free text":

  4. Ensure that 'HR WYSIWYG’ is selected as the text format in the dropdown below the editor window.
  5. Click on the "Source" button on the editor toolbar so that the editor displays raw HTML code. See the screenshot below.

    Screenshot of the editor showing the text format and the source HTML code options

  6. Paste the following HTML code into the editor window and edit the uppercase text strings to match your contact information: <article class="hid-contact" itemscope itemtype="">
    <span itemprop="name"><strong>NAME</strong></span>
        <div itemscope itemtype=""><span itemprop="name">ORGANIZATION</span></div>
        <div itemprop="jobTitle"><span>JOBTITLE</span></div>
        <div itemprop="email"><span>EMAIL</span></div>
        <div itemprop="telephone"><span>NUMBER</span></div>

    Note If you need more properties to properly describe your contact, please refer to the Person markup vocabulary for instructions.

  7. If you have followed the above steps correctly, then your contact information content block should look similarly to the one below.

    Screenshot of a Contact information content block