How to Embed Tumblr Feed on HTML Website?

Add a Tumblr Feed

To create a Tumblr feed, you need to follow the given steps-

Try Taggbox – Start Your 14 Days Free Trial

Step 1

Login or Signup to your Taggbox account. You will see your Dashboard.

Taggbox Social Feed Widget Dashboard

On the Taggbox Dashboard click the “+Create Widget” button to create a new widget:

Create Social Feed Widget

Step 2

Then, give a name to your widget. A Unique URL of your widget will be created automatically according to your widget name. You can also change it according to you.

To enable Profanity Filter select Apply Profanity Filter. Then, click “Create Widget”.

Taggbox create widget

Benefits to Apply profanity Filter:

  • Turn on this option to auto-filter the content based on a pre-set list of unwanted words.
  • You can use our predefined vulgar word list to filter your Tumblr Feed.

Step 3

After Creating Tumblr feed widget click on the Edit Button to Embed Tumblr Feed.

Edit Slack Widget

Step 4

1. Click Feeds (You will find it on the left-hand side of the page).

Add Feed in widget editor

2. Click Add Feed, to create a New feed.

Create Slack Feed in Widget Editor

Step 5

In the popup that appears, select the Tumblr connection type from the tabs and then fill out the required fields.

Embed Slack Feed wall

Here, you will see two choices for adding feeds which are 1. HashTag(#) and 2. Handle(@).

Create Tumblr Feed

Step 5:

Choose one of these to add feed:

HashTag (#): To fetch Tumblr feeds via Hashtags, enter your Tumblr Hashtag.

Embed Tumblr Hashtag feed on HTML Website

Handle(@): To fetch Tumblr feeds from account, enter your Tumblr Handle.

Embed Tumblr Handle feed on HTML Website

To enable Moderation on the connection select “Manually approve posts before making them public”.

Step 6:

Then click “Create Feed” button to complete adding.

Great, the Connection has been created and within a few moments posts will appear in the Widget editor.

Embed Tumblr Feed on HTML Website

To embed Tumblr feed on your HTML website you need to follow below steps–

Step 1

Click on Embed Widget Button on your widget editor.

Embed Tumblr Widget on website

Step 2

To embed your Tumblr feed on the HTML website, choose HTML as your Platform. 

Choose HTML for embedding Slack feed

Step 3

Set width, height and height type as per your requirements. Click on Get Code

Height of Embedding Slack feeds

Step 4

Copy the generated code and Paste it into your webpage, where you want to embed Tumblr feeds.

Get Code for Embedding Slack feed

Great! You have successfully embedded Tumblr feeds on your HTML website.

Try Taggbox To Embed Tumblr Feed – Start Your 14 Days Free Trial

If you have any questions or need help, please contact us or write us at [email protected]