The SolidOpinion commenting widget parameters

To have the SolidOpinion commenting widget appropriately displayed on your site make sure it meets the following width requirements:

The minimal recommended width for the widget with one AD block is 380 px.
The minimal recommended width for the widget with two AD blocks in a row is 630 px.

To change the widget settings, use the SolidOpinion admin panel. If you want to change settings of a certain webpage, modify the following parameters in its embed code:  

Data-sitename
Data-type
Data-colors
Data-thread URL
Data-font_size
Data-language

Inserting parameters in the widget code

The widget configuration parameters can be added in the code like the <div> tag attributes.
See the example of the SolidOpinion commenting widget standard code:   
<div class="so_comments" data-sitename="shortname"></div>
<script src="//embed.solidopinion.com/so_wl.js" async="async" data-auto-start="true" ></script>
<noscript>Please enable JavaScript to view the <a href="http://solidopinion.com/">comments powered by SolidOpinion.</a></noscript>

Required parameter


Data-sitename

A short name is a unique identifier of your site within the SolidOpinion system. This parameter is obligatory to be specified, otherwise the widget will fail to load.  

Example: data-sitename="example"

Optional parameters


Data-type

The Data-type parameter enables you to switch between different widget types directly in the HTML code. The "promo" and "promo-comment" widget types can function properly only if any type of the "Promo" widget is selected on the backend.  

Examples:
data-type="comments" - works like widget "Comments"
data-type="promo" -  turns on widget "Promoted Comments"
data-type="promo-comment" - turns on widget "Promoted comments + Regular comments"
data-type="promo-comment-folded" - turns on widget "Promo comments + regular(folded)".

Data-colors

The Data-colors parameter enables you to change the color scheme of the widget to match the look and feel of your website.

Hex colors ("ffffff"):
b – background (to set a transparent background put the word “transparent” for the background option)
t – comments font
n – user names and links
s – menu and system text (icons, borders)
l – like/vote up
d – dislike/vote down
i – rating stars and rank icons
m – background color of the pop-up menus and tooltips
i_back – background color of the comment input field
i_bord – frame color of comments input form
pp_bord – user info / tips window frame color
bt_txt – button text color
pr_butt – Comment, Create, Sign Up, Login, Restore buttons color
se_butt – Cancel button color

Example:

data-colors = '{"b": "transparent", "t":"000000", "n":"50baeb", "s":"969696", "l":"16d900", "d":"e6000c", "i":"ffffff", "m":"000000", "i_back":"468798", "i_bord":"354546", "pp_bord":"654324", "bt_txt":"687324","pr_butt":"354987","se_butt":"784262"}

Data-thread_url

The thread URL is automatically selected by default. To avoid duplication of discussions on certain sites, in case you have different URLs for desktop and mobile site versions, use this parameter to specify the thread URL in the widget code – this way you’ll get duplicated discussions merged into one.  

Example: data-thread_url="/example"

Data-font size

This parameter enables you to change the font size used in the comment widget ( -2px; -1px; +1px; +2px of default widget font size )  

Example: data-font_size="-2"

Data-language

The widget adapts to the language stored in the browser cookies. Use one of the following embed codes to apply a certain language for all the users of your website: 

  • English - "en"
  • Russian - "ru"
  • Ukrainian - "uk "
  • Dutch -“ nl ”
  • French-“fr”
  • Indonesian-“in”
  • Polish-“pl”
  • Portuguese-“po”
  • Spanish -“es”
  • Swedish-“sw”
  • Turkish-“tu”
  • German-“de”
  • Italian – “it”

Example: data-language="en"


Example of a code using all the above mentioned parameters:  
<div class="so_comments" data-sitename="index" 
  data-type="comments"
  data-language="en"
  data-colors ='{"b":"transparent", "t":"000000", "n":"50baeb", "s":"969696", "l":"16d900", "d":"e6000c", "i":"ffffff", "m":"000000", "i_back":"468798", "i_bord":"354546", "pp_bord":"654324", "bt_txt":"687324","pr_butt":"354987","se_butt":"784262"}'
  data-thread_url="/example"
  data-font_size="-2">
</div>
<script src="//embed.solidopinion.com/so_wl.js" async="async" data-auto-start="true" ></script>
<noscript>Please enable JavaScript to view the <a href="http://solidopinion.com/">comments powered by SolidOpinion.</a></noscript>

To get general information about the "Comments" widget click here.

To install the "Comments" widget on your site, please read the following Instruction.  

To get more detailed information on the "Promoted Headlines" settings click here.

To get more detailed information on the "Promoted Comments" settings click here.

To get general information about the "Promo" widget click here.



Happy commenting!
SolidOpinion

Feedback and Knowledge Base