How to activate holler.live on any HTML page
This is a reference to be used by website developers and/or people who make regular updates to websites, who need to include our sentiment sharing app in their website.
You will need a holler.live dashboard login account to access our dashboard and create your topics. Request a test account by emailing hi@holler.live
It takes two simple changes to your HTML code in order to enable the inline sentiment sharing app on any web page:
- add the following stylesheet link in the
head
section:
<link rel="stylesheet" href="//in.holler.live/holler-inline.min.css">
- add the following script right before the closing
body
tag:
<script language="javascript" type="text/javascript" src="//in.holler.live/holler-inline.min.js"></script>
For each item you want to enable voting on, simply wrap the topic text in a span
and give it the holler
class:
Text with <span class="holler">Some Topic</span> and more text.
It is possible to customise the user experience with one or more of the following extended tag attributes:
data-lang="en"
forces the inline app to be presented in English. The 2-letter code of any supported language can be given as value:
<span class="holler" data-lang="en">Some Topic</span>
data-return="true"
closes the inline app directly after voting and thus prevents the user from further voting on other topics from the topic stream:
<span class="holler" data-return="true">Some Topic</span>
End result on desktop
End result on mobile
See the benefits of using holler.live in your online environment in the linked PDF below or by visiting https://business.holler.live