Freshdesk Support Portal Theme

This is a fully functional, Freshdesk's latest support portal theme. 


To use this theme

  1. Download the FreshThemes.zip file
  2. Unzip this file.
  3. Copy and paste contents in the text files into the corresponding stylesheet and layout pages
  4. In portal customization > Color & Font section, change the base font and heading font to source sans pro.

You can view a live demo here. Please download Freshtheme.zip to start using this theme.

home-page.png
(2.73 MB)
zip
(53.7 KB)

9 people like this idea

How do we enable the chat to work in the Quick Question section? 

For some reason when I tried to use this theme, when a user was not logged in it would not show the login button or links.

 

Hi Rob, 


Could you please try disabling your Single Sign on option temporarily to access your login page?  


Thank you

I found the big, when solutions and forums were set to logged in users only it would but out the home page.

I think it would be great to use this theme as the default theme (with a choice for current customers), so that people who are not on the Estate plan can still enjoy it.

I still dont get why theming is only available to people subscribed to the top level, surely as it is something which is a manual process for the administrator to set up it should be free for anyone to do as it adds 0 overhead to the service freshdesk provide. I could possibly understand payment if it was an automatic process like wordpress where you just clicked a button and it installed multiple themes so you can easily switch between. Even if this was the case I would still not really expect it to be only available to the estate plans as it is a common thing that everyone with a helpdesk with yourself should be able to do.


Is there any reasoning as to why this functionality is restricted to estate plans only? (other than an incentive to get people to upgrade)

Where do I copy and past the installation script to get freshchat to work on my support page?  Currently it is not working at support.paylinedata.com

Is there a reason the Freshchat would not be working for our site?  support.paylinedata.com


Thank you! 

It appears that the header.txt file is broke on this. It doesn't appear at all like the demo. 

Hi Josh,

The header.txt file didn't save the raw code. You can view it if you open the file in Dreamweaver or another HTML editor. The actual code that works is:

<header class="banner header-menu">
    <div class="banner-wrapper">
        <div class="nav-wrapper">
          <a href="#" class="logo"></a>
          <a data-toggle-dom="#header-tabs" id="menu-icon" href="#" data-animated="true" class="mobile-icon-nav-menu show-in-mobile"></a>
   
        <nav class="nav-menu" id="header-tabs">
            <ul>
                <li class="nav-menu-title"><a href="#" class="nav-links">Opt 1</a></li>
                <li class="nav-menu-title"><a href="#" class="nav-links">Opt 2</a></li>
                <li class="nav-menu-title"><a href="#" class="nav-links">Opt 3</a></li>
                <li class="nav-menu-title"><a href="#" class="nav-links">Opt 4</a></li>
                  <li class="nav-menu-title"><a href="#" class="nav-links">Opt 5</a></li>
                <li class="nav-contact"><i class="icon-call"></i>(Phone number)</li>
            </ul>
        </nav>
        </div>
    </div>
</header>
{% if portal.current_tab == "home" %}
  <div class="portal-banner">
      <h1> We are here to help! </h1>
      <p> Discover ways to use support portal like never before. Go ahead, ask us anything. </p>
  </div>
{% endif %}
 <div id="sticky_anchor"></div>
 <div id="sticky_head">
    <nav class="page-tabs action-bar" >
      {% if portal.tabs.size > 0 %}
      <a href="/support/home" class="help-center-tab show-in-mobile">Support Home</a>
      <a data-toggle-dom="#page-tabs" id="menu-icon" href="#" data-animated="true" class="mobile-icon-nav-menu show-in-mobile"></a>
      <div class="action-bar-wrapper"> 
      <div class="nav-link" id="page-tabs">
          {% for tab in portal.tabs %}
            {% if tab.url %}
              <a class="{% if tab.tab_type == portal.current_tab %}active{% endif %}" href="{{tab.url}}">
                {% if tab.label == 'Home' %}
                <i class="icon-home for-not-mobile"></i>{{ "Support Home" }}
                {% else %}
                  {{ tab.label }}
                {% endif %}
              </a>
            {% endif %}
          {% endfor %}
          <div id="new-ticket-button" class="show-in-mobile">
          {% if portal.has_user_signed_in == true %}
              <a href="{{ portal.new_ticket_url }}">New Support Ticket</a>
              <a href="{{ portal.profile_url }}">Edit Profile</a>
              <a href="{{ portal.logout_url }}">Sign Out</a>
          {% else %}
              <a href="{{ portal.login_url }}">Login</a>
              <a href="{{ portal.new_ticket_url }}">New Support Ticket</a>
          {% endif %}
        </div>
      </div>
        <div id="new-ticket-button" class="for-not-mobile">
          {% if portal.has_user_signed_in == true %}
            {% if portal.user.profile_url != false %}       
              <img class="profile-picture" src="{{ portal.user.profile_url }}" />
            {% else %}
               <img class="profile-picture" src="/images/fillers/profile_blank_thumb.gif" />
            {% endif %}
              <div class="dropdown" id="action-bar-toggle">
                <a class="dropdown-toggle profile-name" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="#">{{ current_user.name }}<b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                    <a href="{{ portal.profile_url }}">Edit Profile</a>
                  <a href="{{ portal.logout_url }}">Sign Out</a>
                </ul>
            </div>
            <a href="{{ portal.new_ticket_url }}" class="btn-medium">New Support Ticket</a>
            {% else %}
            <a href="{{ portal.login_url }}">Login</a>
            <a href="{{ portal.new_ticket_url }}" class="btn-medium">New Support Ticket</a>
          {% endif %}
        </div>
      </div>
      {% endif %}
    </nav>

 

Guess what?  I tried following the instructions for installing this theme and it doesn't work.  The end result looks terrible.  Nothing is aligned properly and it looks like a complete mess.  I tried copying/re-copying the entire theme several times and it still looks horrible.  Complete waste of time.

 

Hi, what's the status of this theme?   Have issues been addressed, or has anyone had success using it? Thanks.

Its definitely broken, since it references non-existent files such as these:


https://dl.dropboxusercontent.com/u/15630102/support-portal-freshdesk/viewlist.png


Please fix?

Hi,

We've fixed issues with FreshTheme and broken links.


Hope this helps!


Thanks & Regards

Nithin David

Login or Signup to post a comment