How to Embed Tumblr Feed on HTML Website?

Embed Tumblr Feed on HTML Website

To embed Tumblr feed, you need to follow the given steps:

Step 1:

Login or Sign-Up to Taggbox Widget

Login & Signup to Taggbox Widget

Step 2:

You’ll be redirected to Taggbox Widget Dashboard:

Create Widget by Taggbox

Step 3:

On the dashboard, click on Add Social Feeds to start adding Tumblr Feeds on your widget.

Add Tumbler Feeds

Step 4:

In the popup Pick a Source, select the “Tumblr” logo as a source of aggregating feeds.

Choose Tumbler to Embed Feeds

Step 5:

Here, you will see two choices for adding feeds which are

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

Choose Hashtag to Fetch Feeds

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

Choose Handle to Fetch Feeds

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

Step 6:

Choose the aggregating method and enter the input accordingly.

Then click “Create Feed” button to complete adding process.

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

Embed Tumblr Feed on HTML Website

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

Step 1:

Click the “PUBLISH” button on the bottom-left of the screen, You can also see the “PREVIEW” of how your feeds gonna looks like.

Preview & Publish Tumbler Feeds

Step 2:

In the pop-up Choose Your Platform, Select the HTML logo as your website platform to generate the embed code for the HTML website.

Choose HTML Platform

Step 3:

Set width, height, and height type as per your requirements.

Select Height

Step 4:

Click on Get Code and copy the generated code and paste it into your HTML webpage body tag, where you want to display Tumblr feeds.

Embed Code For HTML Website

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

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