How To Embed Tumblr Feed On WordPress Website?

How to create a Tumblr Feed?

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

Step 1

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

Taggbox Social Wall Dashboard

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

Taggbox Social Wall Dashboard

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. Then, Click “Create Wall“.

Taggbox create wall

Step 3

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

Add Feed for social wall

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

Feed for social wall

Step 4

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

Embed Tumblr Feeds

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:

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

Choose Tumblr Hashtag

2. 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 the 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 WordPress Website

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

Step 1

Click on Display Button on your wall editor.

Tumblr Feed wall

Step 2

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

Display Options

Step 3

Select WordPress as your platform.

Choose embed platform WordPress

Step 4

Set width and height as per your requirements and click on Get Code.

Tumblr feed on WordPress website

Step 5

Copy the website Generated Code.

Tumblr feed on WordPress' get code

Embed Tumblr Feed On WordPress 5.0 Website

Learn here how you embed Tumblr feed On WordPress 5.0 Website

Step 1

Open the page/post in your WordPress backend where you want to embed the Tumblr feeds.

Tumblr feed on wordpress website

Step 2

Select “(+) Add Block” in the top left corner of the WordPress Editor.

Tumblr feed on wordpress website

Step 3

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.

Tumblr Feeds on wordpress

Step 4

Click on Publish/Update post and You’re done.

Embed Tumblr feeds on WordPress Classic Editor

Learn here how you embed Tumblr feeds on WordPress Classic Editor

Step 1

Open the page/post in your WordPress backend where you want to embed the Tumblr feeds.

Tumblr feed on wordpress classic Editor

Step 2

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.

Embed Tumblr post on WordPress

Step 3

Paste the generated embed code where you want to show your wall and click on Update/Publish to save the changes.

Tumblr on WordPress

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

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