484 lines
14 KiB
HTML
484 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<title>Hosted Comments Service | Remarkbox</title>
|
|
|
|
<!-- this makes mobile pretty... -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="theme-color" content="#D40000">
|
|
|
|
<link rel="stylesheet" href="normalize.css">
|
|
<link rel="stylesheet" href="skeleton.css">
|
|
<link rel="stylesheet" href="custom.css">
|
|
|
|
<script src="jquery-3.2.0.slim.min.js"></script>
|
|
<script src="custom.js"></script>
|
|
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
ga('create', 'UA-82107349-1', 'auto');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body class="remarkbox-body">
|
|
|
|
<a id="top" class="anchor"></span>
|
|
|
|
<div class="redline"></div>
|
|
|
|
<div class="navbar hidden-on-tablet">
|
|
<a href="https://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
|
|
|
|
<div class="navlinks">
|
|
<a class="navlink" href="https://faq.remarkbox.com">Faq</a>
|
|
<a class="navlink" href="https://meta.remarkbox.com">Meta</a>
|
|
<a class="navlink" href="#about">About</a>
|
|
<a class="navlink" href="#remarkbox-demo">Demo</a>
|
|
<a class="navlink" href="#plans">Plans</a>
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup</a>
|
|
<a class="button" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="text-align: right; margin-top: 25px; width: 100%;" class="hidden-on-tablet">
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup</a>
|
|
<a class="button" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com" style="margin-right: 40px;">Log in</a>
|
|
</div>
|
|
|
|
<a id="free" class="anchor"></a>
|
|
|
|
<div class="proposition">
|
|
<div class="container">
|
|
|
|
<center><a href="https://www.remarkbox.com">
|
|
<img src="remarkbox-minified.png" class="herologo" alt="Remarkbox Logo" /></a>
|
|
</center>
|
|
|
|
<center>
|
|
<!-- <h2 style="margin-top: 0px">Readers want <span class="avoidwrap">to communicate</span> <span class="avoidwrap">with you.</span></h2> -->
|
|
<h2 style="margin-top: 0px">Communicate <span class="avoidwrap">with your readers</span></h2>
|
|
<p style="font-size: 1.25em;">
|
|
<span class="avoidwrap">Hosted comments without</span> <span class="avoidwrap">ads or tracking</span>
|
|
<span class="avoidwrap"><a href="/finally-a-disqus-alternative.html">... read more</a></span>
|
|
</p>
|
|
</center>
|
|
|
|
<br />
|
|
<br />
|
|
<br />
|
|
|
|
<div class="row">
|
|
<div class="seven columns">
|
|
|
|
<center>
|
|
<span style="font-size: 1.25em;">
|
|
|
|
<span class="avoidwrap">Remarkbox is a hosted</span> <span class="avoidwrap"><b>comment system</b></span>
|
|
<span class="avoidwrap">built to <b>engage</b> readers</span> <span class="avoidwrap">with your content.</span>
|
|
<br />
|
|
<br />
|
|
|
|
A reader's comment is worth
|
|
a thousand <b>keywords</b> so
|
|
capture the <b>long tail</b>
|
|
with user generated content!
|
|
<br />
|
|
<br />
|
|
|
|
To see <span class="avoidwrap"><a href="#remarkbox-demo">Remarkbox in action</a></span> scroll to the bottom of this page.
|
|
<br />
|
|
<br />
|
|
<br />
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup Remarkbox</a>
|
|
<br />
|
|
or <a href="#learn">learn more</a>
|
|
|
|
<!--
|
|
<br />
|
|
<br />
|
|
<br />
|
|
Setup on your site <span class="avoidwrap">in <b>5 minutes</b> or less!</span> <br> <span class="avoidwrap">Try risk free,</span> <span class="avoidwrap">no credit card required.</span>
|
|
</span>
|
|
<br />
|
|
<br />
|
|
-->
|
|
|
|
</center>
|
|
|
|
</div>
|
|
|
|
<div class="five columns" style="background-image: linear-gradient(to right, #e5927c, #ab8b98);">
|
|
<center>
|
|
<img src="/static/img/remarkbox-instant-preview-of-comments.gif" style="margin-top: 8px; width: 96%;" alt="Remarkbox Demo animated gif">
|
|
</center>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="nav hidden-on-tablet">
|
|
<div>
|
|
<a href="https://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
|
|
|
|
<div class="navlinks">
|
|
<a class="navlink" href="https://faq.remarkbox.com">Faq</a>
|
|
<a class="navlink" href="https://meta.remarkbox.com">Meta</a>
|
|
<a class="navlink" href="#about">About</a>
|
|
<a class="navlink" href="#remarkbox-demo">Demo</a>
|
|
<a class="navlink" href="#plans">Plans</a>
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup</a>
|
|
<a class="button" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="reasons row-padding">
|
|
<a id="learn" class="anchor"></a>
|
|
<center>
|
|
<h4>Your search for the perfect <span class="avoidwrap">hosted comment system ends today</span></h4>
|
|
<br/>
|
|
</center>
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="five columns" style="background-image: linear-gradient(to right, #e5927c, #ab8b98);">
|
|
|
|
<center>
|
|
<img src="/static/img/remarkbox-instant-preview-of-comments.gif" style="margin-top: 8px; width: 96%;" alt="Remarkbox Demo animated gif">
|
|
<span style="font-size: .85em; color: white; font-weight: bold;">Markdown and syntax highlighted code blocks!</span>
|
|
</center>
|
|
|
|
</div>
|
|
<div class="seven columns" style="padding-left: 20px;">
|
|
|
|
|
|
<h5 style="padding-top: 0px;">You switched to static for speed ...</h5>
|
|
|
|
<p>
|
|
But your comment system is slowing you down.
|
|
</p>
|
|
|
|
<p>
|
|
<b>You already know that —</b>
|
|
</p>
|
|
|
|
<ul>
|
|
<li>
|
|
your page is only as fast as your slowest resource
|
|
</li>
|
|
|
|
<li>
|
|
search engines rank using page load speeds
|
|
</li>
|
|
|
|
<li>
|
|
free comment systems have a business model that prioritizes ad revenue (and hijacking your traffic and readers) over page speed
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<p>
|
|
<b>But did you know that Remarkbox's priority is to help you rank higher in search?</b>
|
|
</p>
|
|
|
|
<p>
|
|
Yes, our goal is to help you capture <a href="https://faq.remarkbox.com/d1f50998-bb29-11e7-951f-040140774501/do-remarkbox-comments-help-with-seo-and-search" target="_blank">search traffic from the long tail keywords in your user generated comments</a> while we keep your page load speeds as fast as possible.
|
|
</p>
|
|
|
|
<p>We optimize for speed and take a minimalist approach by default so that your comments stay lean and feel like part of your site, not something bolted on.</p>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<center>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup Remarkbox</a>
|
|
<br />
|
|
or see <a href="#remarkbox-demo">it in action</a>
|
|
</center>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container row-padding" style="max-width: 960px">
|
|
|
|
<a id="plans" class="anchor"></a>
|
|
<center><h4>Plans and Pricing</h4></center>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
|
|
<div class="one-half column">
|
|
<div class="redline"></div>
|
|
<div class="pricebox deal">
|
|
<b>Production Yearly</b>
|
|
<br/>
|
|
<br/>
|
|
<span style="color: #2DB52D;">Pay what you can!</span>
|
|
<h4 style="font-weight: bold;">$0<span style="font-size: .4em;">/mo</span></h4>
|
|
|
|
One moderator on a few domains with complete control over <a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">behavior & appearance</a>
|
|
|
|
<div style="padding: 30px; text-align: left;">
|
|
Our business model depends on reciprocity and trust to succeed. We do not set price, but wish for you to give what ever you feel the product and service is worth.
|
|
</div>
|
|
|
|
<b><a href="https://my.remarkbox.com/setup" class="button red">Setup Namespace</a></b>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<span class="avoidwrap">Risk free,</span> <span class="avoidwrap">no credit card required.</span>
|
|
</div>
|
|
<div class="redline"></div>
|
|
</div>
|
|
<div class="one-half column">
|
|
<div class="redline"></div>
|
|
<div class="pricebox deal">
|
|
<b>Did you know?</b>
|
|
|
|
<div style="padding: 30px; text-align: left;">
|
|
Did you know Remarkbox powers it's own <a href="https://faq.remarkbox.com/">FAQ</a> and <a href="https://meta.remarkbox.com/">Meta</a> websites?
|
|
Yes, it's true Remarkbox also runs in stand alone mode. If this is interesting to you reach out to <a href="https://russell.ballestrini.net/contact">Russell</a>.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="redline"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="graybg row-padding">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="three columns"> </div>
|
|
|
|
<div class="six columns" style="text-align: center;">
|
|
</div>
|
|
|
|
<div class="three columns"> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
<div class="row-padding">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="six columns" style="padding-left: 5%">
|
|
|
|
<a id="about" class="anchor"></a>
|
|
<h4>About Remarkbox</h4>
|
|
|
|
<p>
|
|
<img src="https://russell.ballestrini.net/uploads/profile/russell-ballestrini-2020.jpg" align="left" style="margin-right: 20px; margin-top: 5px; width: 300px;">
|
|
<b><a href="https://russell.ballestrini.net/about">Russell Ballestrini</a></b> - <i>Founder</i>
|
|
|
|
<br>
|
|
|
|
I started work on Remarkbox back in 2014 to solve a problem I had after moving my Wordpress blog to a <b>static site</b>.
|
|
</p>
|
|
|
|
<p>
|
|
Static sites don't have comments and I knew my readers would still want to communicate with me so I started a search for the perfect <span class="avoidwrap"><b>embedded comment system</b></span> to promote discussion.
|
|
</p>
|
|
|
|
<p>
|
|
My research found products which would slow down my site, or worse, serve ads! That very day, I set out to build my own solution because -
|
|
</p>
|
|
|
|
<p>
|
|
<blockquote>"How long could it take to build a comment system?"</blockquote>
|
|
</p>
|
|
|
|
<p>
|
|
... 3 years later, I launched Remarkbox: a hosted comment service which <b>embeds in your pages</b> to keep the conversation with your content.
|
|
</p>
|
|
|
|
<p>
|
|
Remarkbox <b>increases user engagement</b> because it:
|
|
</p>
|
|
|
|
<p>
|
|
<ul>
|
|
<li>allows a visitor to discuss your content right away without an account</li>
|
|
<li>supports <b>Markdown</b> with real-time comment previews</li>
|
|
<li>supports deeply nested replies and has an orderly user interface</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<p>
|
|
... and the best part - fast page load speeds and absolutely <b>NO ADS!</b>
|
|
</p>
|
|
|
|
<p>
|
|
Try on your site now, risk free, no card required.
|
|
</p>
|
|
|
|
<p>
|
|
<center>
|
|
<a href="https://my.remarkbox.com/setup" class="button red">Setup Remarkbox</a>
|
|
</center>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="six columns" style="padding-left: 5%">
|
|
|
|
<h5>Do comments help with SEO ?</h5>
|
|
|
|
<p>
|
|
Do Remarkbox <a href="https://faq.remarkbox.com/d1f50998-bb29-11e7-951f-040140774501/do-remarkbox-comments-help-with-seo-and-search">comments help with SEO</a> and search?
|
|
</p>
|
|
|
|
<p>
|
|
<b>Spoiler:</b> Yes!
|
|
</p>
|
|
|
|
<br />
|
|
|
|
<h5>Resilient Web Design</h5>
|
|
|
|
<p>
|
|
Remarkbox follows resilient web design principles.
|
|
This means Remarkbox will work even when Javascript does not.
|
|
</p>
|
|
<p>
|
|
When Javascript works, Remarkbox will powerup and enhance the user experience!
|
|
</p>
|
|
|
|
<p>
|
|
For more details read: <a href="https://russell.ballestrini.net/capability-driven-presentation/" target="_blank">Capability driven Presentation</a>
|
|
</p>
|
|
|
|
<h5>Increase User Engagement</h5>
|
|
|
|
Everyone knows asking a visitor to create an account acts like a barrier to engagement.
|
|
With Remarkbox, a visitor may interact with your content <b>without</b> an account.
|
|
<br>
|
|
<br>
|
|
When a user leaves a comment we collect their email address and send a verification email to log them in.
|
|
<br>
|
|
<br>
|
|
The end result is a visitor can comment right away without needing to signup or remember a password.
|
|
|
|
<br>
|
|
<br>
|
|
<br>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="redline"></div> -->
|
|
|
|
<!-- <div class="graybg"> -->
|
|
<div>
|
|
<div class="container">
|
|
<div class="row row-padding">
|
|
|
|
<a id="remarkbox-demo" class="anchor"></a>
|
|
|
|
<!-- Remarkbox - Your readers want to communicate with you -->
|
|
<div id="remarkbox-div" style="background-color: #ffffff; border-radius: 4px; border-style: solid; border-color: rgb(238, 238, 238); border-width: 1px;">
|
|
|
|
<h4 style="padding-left: 34px; margin-bottom: 0px;">Comments <span style="font-size: .65em; font-color: #cccccc;">Give it a try!</span></h4>
|
|
|
|
<noscript>
|
|
<iframe id=remarkbox-iframe src="https://my.remarkbox.com/embed?nojs=true" style="height:600px;width:100%;border:none!important" tabindex=0></iframe>
|
|
</noscript>
|
|
</div>
|
|
<script src="https://my.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js"></script>
|
|
<script>
|
|
var rb_owner_key = "c3293984-fa1c-11e7-af74-040140774501";
|
|
var thread_uri = window.location.href;
|
|
var thread_title = window.document.title;
|
|
var thread_fragment = window.location.hash;
|
|
function create_remarkbox_iframe() {
|
|
var src = "https://my.remarkbox.com/embed?rb_owner_key=" + rb_owner_key + "&thread_title=" + escape(thread_title) + "&thread_uri=" + encodeURIComponent(thread_uri) + thread_fragment;
|
|
var ifrm = document.createElement("iframe");
|
|
ifrm.setAttribute("id", "remarkbox-iframe");
|
|
ifrm.setAttribute("scrolling", "no");
|
|
ifrm.setAttribute("src", src);
|
|
ifrm.setAttribute("frameborder", "0");
|
|
ifrm.setAttribute("tabindex", "0");
|
|
ifrm.setAttribute("title", "Remarkbox");
|
|
ifrm.style.width = "100%";
|
|
document.getElementById("remarkbox-div").appendChild(ifrm);
|
|
}
|
|
create_remarkbox_iframe();
|
|
iFrameResize(
|
|
{
|
|
checkOrigin: ["https://my.remarkbox.com"],
|
|
inPageLinks: true,
|
|
initCallback: function(e) {e.iFrameResizer.moveToAnchor(thread_fragment)}
|
|
},
|
|
document.getElementById("remarkbox-iframe")
|
|
);
|
|
</script>
|
|
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<center>
|
|
<h4>Still not sure?</h4>
|
|
|
|
Follow our two-minute <a href="https://my.remarkbox.com/setup">guided setup</a> to try Remarkbox on your site.
|
|
|
|
<br>
|
|
No credit card required.
|
|
|
|
</center>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="row-padding">
|
|
<center>
|
|
<b>
|
|
Remarkbox ©2016-2020 | USA, Connecticut, New London | <a href="https://twitter.com/RussellBal" target="_blank">@russellbal</a> | <a href="https://twitter.com/remarkbox" target="_blank">@Remarkbox</a> | <a href="/privacy-policy.html">Privacy</a>
|
|
</b>
|
|
</center>
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div class="redline"></div>
|
|
|
|
<span style="display: none;">potato</span>
|
|
|
|
</body>
|
|
|
|
</html>
|