---json
{
    "page_id": "4pgtxg4nh4w4q1md65hgq"
}
---

====== ComboStrap UI - Disqus ======


===== About =====
The ''disqus'' component will add a disqus forum to your page.



===== Example =====
At the end of your page:
<code dw>
<disqus />
</code>
===== Syntax =====

<code dw>
<disqus 
    shortName="forumShortName"
    id="disqusIdentifier" 
    categoryId="categoryIdentifier"
    url="urlIdentifier"
/>
</code>



^ Attributes  ^ Default to ^ Description ^
| ''shortname'' | the [[#disqusDefaultAttributes]] configuration | It's the forum's shortname. It's the unique identifier for your website as registered on Disqus. |
| ''id'' | The [[docs:page:page_id|page id]] | The chosen discussion ''identifier'' |
| ''url'' | the [[docs:page:canonical|canonical URL]] if set | The ''Url'' disqus configuration is used to come back from Disqus to your page |
| ''category'' | Not set | It's the category id number to be used for the current page |
| ''title'' | the [[docs:page:title|title]] of the page | The title of the thread |



<note important>
If you choose a specific id over the page id, don't change it otherwise if you have any comments, you will lose them.
</note>






===== Configuration =====
==== disqusDefaultAttributes====

''disqusDefaultAttributes'' is a [[docs:app:configuration|configuration]] that defines the default [[#syntax|attributes]] of the ''Disqus'' component. 

It should at minimum have the ''forumShortName''

Example:
<code html>
shortName="yourRegisteredDisqusShortName"
</code>



===== Documentation / Reference =====
  * [[https://help.disqus.com/en/articles/1717084-javascript-configuration-variables|Disqus variable]]
  * A link to the [[https://disqus.com/admin/|admin panel]] to manage your comments