3. How to get your Climb.social collection up on the web.

Display climb collection on the web

In this post, I'm going to take you over the steps to getting your Climb.social feed up somewhere for people to see.

Let's say you've followed all the guides: you've pulled in all the social feeds you're interested in, moderated to your heart's content and now you want display the feed somewhere.

There's actually quite a few options available to you. Pick one that you're most comfortable with.


I have a website, but I don't know much about code

Not a problem. The HTML embed is perfect for you. All you have to do is copy and paste some HTML and a live-updating Climb.social wall will appear before your very eyes.

<script src="https://fb.me/react-0.14.0.min.js"></script>
<script src="https://fb.me/react-dom-0.14.0.min.js"></script>
<div class="climb-wall" data-collection-id="561ba63445284e1740e016f7" data-limit="3"></div>
<script src="https://cdn.rawgit.com/Climb-social/react-climb-social/v2.0.0/dist/react-climb-social.min.js"></script>

See where it says data-collection-id="561ba…"? You'll need to update that to your own CollectionId. There's instructions available in another guide if you're stuck.


I'm a React.js dev

Excellent. There's an NPM package available for you to use. More information is on the react-climb-social Github page. What the releases – we're changing regularly.

If you spot any bugs, feel free to raise an issue and we'll take a look.

Angular.js is more my bag

I know what you mean. An NPM package is available for you too, but you'll want the Github angular-climb lib.


I want to get Climb.social into my JS application

You should look to the climb-social Javascript lib. It's a slim wrapper around the API that provides a way for you to get approved items on a regular basis.


I'm a dev, but I'm not writing JS

The API is perfect for you. It allows you to make JSONP requests and get the raw items back. We're working on filling out the API endpoints. You can see how we're getting on via the API docs.