Installing Stackend
It's easy as one, two... and not even three!
Just include the stackend setup code in the head section of your web page. Then drop embed snippets for your modules anywhere you want them to appear.
The modules will magically appear in your page.
looks_one Include your Stack setup code inside your head tags:
<script type="text/javascript" defer src="https://api.stackend.com/launch.js"></script>looks_two Drop in a module embed chunk wherever you want it:
<div data-stackend-type="stackend-cms" data-stackend-id="1:1"></div>Try it on CodePen
Trying out Stackend on CodePen.io, JSFiddle.net or similar is a great way to getting the hang on it.
A cool thing with Stackend is that you can test your code-bins and modules on CodePen, JSFiddle and similar (remember to add the correct domain in settings).
If you test this there's a couple of things to keep in mind:
CodePen (and similar) uses Iframes for the code rendering.
This means that the URL you see in your browser most likely is not the URL that your code is being rendered from. In Stackends´ case, this can make Comments and Reviews feel confusing. By default, Stackend Comments and Reviews create a new thread based on URL so that you automatically get unique threads for articles, blogs, and whatnot. Since the CodePen Iframe often will be the same URL you will experience some funky results.
Solution: add data-reference-id="X" to your comment/review when testing (where X an integer of your choice).
If you are testing the Login / Register module you will run into problems with Google and Facebook since they will not allow you to register/login via iframes.
Solution: If you want to test this you need to do it on a real webpage (not an iframe).