Customize Contact Form Link

Once you've enabled the contact form, you can change the Contact Us link in the top navigation.

To do so:

  1. Go to Settings > Style.
  2. Below the preview pane, select Custom HTML.
  3. From the dropdown, select Top Navigation. This will display the HTML used for your top navigation.
  4. By default, the contact form is added using a template called "contact", which is usually located right at the end of the top navigation. Most likely, this is the way your top navigation is structured. Find that template:
    Screenshot of the Top Navigation Custom HTML section of Style Settings. An arrow points to HTML showing template(Look for the contact template, usually near the end of the Top Navigation
  5. Copy the code below and paste it over the line with the old template contact merge code:
    <li><a class="hg-header-link" href="/help/contact-us">Contact Us</a></li>
  6. If you'd like to make the text bold, you can wrap it in strong tags, like this:
    <li><a class="hg-header-link" href="/help/contact-us"><strong>Contact Us</strong></a></li>
  7. Update the text in that code to be whatever you'd like.
    Here, we've replaced it with "Contact support":Screenshot showing the Top Navigation section of Custom HTML on the Style Settings page. The HTML with the hyperlink for the contact template has been updated to have a text label of Contact supportSample code to use "Contact support" as the link text
  8. You can use the Preview Changes link to see your changes and make final tweaks.
  9. Once you're done making changes, be sure to Save.
  10. Click View KB to see the new, customized link text in your top navigation.