Social Sharing Buttons with Webflow

Does anyone know how to get these social buttons working on Webflow?
http://kurtnoble.com/labs/rrssb/

As we can’t upload our own files to Webflow, I can’t work out how to get this system working on a website hosted on Webflow. Does anyone know how to get this setup to work?

Here are the modified steps you need to get this working in Webflow:

Step 1:

Copy css to your document or link to the css file in header

Instead of this, paste this in Site Settings > Custom Code > Header Code:

<link rel="stylesheet" href="https://cdn.rawgit.com/kni-labs/rrssb/master/css/rrssb.css" />

Step 2:

Copy .rrssb-buttons unordered list to desired location(s):

You need to insert this in an embed code component where you want the buttons to be.

Step 3:

Copy rrssb.min.js to your document or link to javascript files at the bottom of your page

Instead of this, paste this in Site Settings > Custom Code > Footer Code:

<script src="https://cdn.rawgit.com/kni-labs/rrssb/master/js/rrssb.min.js"></script>

Publish and view with published link.

You cannot view this in the designer.


Also, feel free to contact me for further code help and/or customization of third-party plugins

4 Likes

Wow, thanks so much for the prompt response, that works perfectly!

2 posts were split to a new topic: Social Sharing doesn’t pull correct Open Graph info

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.