How to Embed Tumblr Feed on HTML Website?

How to create a Tumblr Feed?

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

Step 1:

After Login, You will see your Dashboard.

Embed Tumblr Feed

On the Taggbox Dashboard click the “+Create Wall” button to create a new wall.

Step 2:

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

To enable Profanity Filter select Apply Profanity Filter.

Embed Tumblr Feed on Html Website

Step 3:

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

Wall Editor Feeds

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

Select Tumblr Feed

Step 4:

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

Select Tumblr Feed

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.

Choose Tumblr Hashtag

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

Choose Tumblr Handle

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 Wall editor.

Embed Tumblr Feed on HTML Website

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

Step 1:

1. Click on Display Button on your wall editor.

Embed Tumblr Feed

Step 2:

Select the “Embed in Websites” option to add Tumblr feed on Website.

Display Tumblr Feed

Step 3:

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

Embed Tumblr Feed on HTML

Step 4:

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

HTML height

Step 5:

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

Get Code

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]