Get user feedback with the UserEcho widget

The Composite.Community.UserEcho.FeedbackWidget package allows you to add a UserEcho-based feedback widget (the side tab and/or link) to your website.

The widget allows you to collect user feedback such as suggestions, ideas, bug reports and more.

Before you begin

If you have no UserEcho account, please register.

To add the widget to your website:

  1. Log in to your UserEcho account.
  2. Create a project specifying your website and an alias.
  3. Copy your project's URL at UserEcho ('YOUR_ALIAS.userecho.com').
  4. Copy your forum's ID at UserEcho (e.g. '4567').

To find out your forum's ID:

  1. On your project's page (e.g. 'http://YOUR_ALIAS.userecho.com') locate the "Forums" section on the right.
  2. Hover over "General" and make a note of the numbers in the URL.

For example, '4567' in 'http://YOUR_ALIAS.userecho.com/forum/4567-general/'.

How to implement

  1. Edit a page or a template.
  2. Insert the Composite.Community.UserEcho.FeedbackWidget function ( Insert | Function) or add similar code: 
     
<f:function name="Composite.Community.UserEcho.FeedbackWidget" xmlns:f="http://www.composite.net/ns/function/1.0"> 
  <f:param name="URL" value="YOUR_ALIAS.userecho.com" /> 
  <f:param name="ForumID" value="YOUR_FORUM_ID" /> 
  <f:param name="Language" value="en" /> 
  <f:param name="LinkText" value="Feedback" /> 
  <f:param name="WidgetType" value="tab" /> 
  <f:param name="OpenForumByClick" value="False" /> 
  <f:param name="TextColor" value="#FFFFFF" /> 
  <f:param name="FontSize" value="20" /> 
  <f:param name="BackgroundColor" value="#FF0000" /> 
  <f:param name="HoverColor" value="#F45C5C" /> 
  <f:param name="Alignment" value="left" /> 
  <f:param name="ShowIcon" value="True" /> 
  <f:param name="CornerRadius" value="10" /> 
</f:function>

  3. Set the required parameters (see above " Before you begin" for the values):
    • URL: Your project's URL at UserEcho.
    • Forum ID: Your Forum's ID at UserEcho.
  4. If needed, set the optional parameters:
    • Language: The language of the widget (the current page's language if suported or 'en' by default)
    • LinkText: The caption on the widget and/or the feedback link ('Feedback' by default)
    • WidgetType: The widget type: a tab, a link or both ('tab' by default)
    • OpenForumByClick: If 'True' , the forum link at UserEcho will open when the tab/link is clicked; otherwise (default), the feedback form will open in a popup. 'False' by default.
    • TextColor: The text color of the tab ('#FFFFFF' by default)
    • FontSize: The font size of the text on the tab('20' by default)
    • BackgroundColor: The background color of the tab ('#FF000' by default)
    • HoverColor: The background color of the tab when hovered over ('#F45C5C' by default)
    • Alignment: The alignment of the tab on a page ('left' by default).
    • ShowIcon: If 'True' (default), the tab will show an icon.
    • CornerRadius: The radius of the corners on the tab ('10' by default)

Requirements

Composite C1 version 2.1.1 or later

SHARE