How to Install the widget on Tumblr
This document covers the installation steps required to integrate Social9 with your Tumblr website
- Get The Code Snippet From Social9 Console
- Add Script In Tumblr Control Panel
- Additional Setup For Inline(Horizontal) Widgets
Copy the one-time installation code snippet under the tumblr installation guide section of the Social9 Console. This should look similar to,
<script id="s9-sdk" async defer content="<REPLACE WITH YOUR USER ID>" src="//cdn.social9.com/js/socialshare.min.js" ></script>
Log in to your Tumblr account and select the account icon(with user thumbnail) at the top right and click on
This will take you to the Tumblr appearance configuration page under which you'll see the
Website Theme section. Click on the
Edit theme to open the theme configuration panel.
Now, click on
Edit HTML in the top left to open the HTML Editor.
Scroll till bottom of your code and paste the copied snippet copied in step 1.
If you'd like to configure an inline widget in your site (i.e. when the widget is placed side-by-side with your page content with a horizontal view), just add this additional code snippet where ever you want the widget to be rendered.
You can create or configure inline widgets under the social9 configurations section and it will automatically be reflected on your website.
For inline widgets, you need to specify the location on your site where the widget should be rendered.
By default, the social9 inline widgets are rendered under the element with class name
s9-widget-wrapperalthough you can change the name in the console. This can be done by changing the
Parent Container Selectorfield under the
Rulessection of the widget editor.
Paste the following snippet in your site where the inline widget should render.