Tumblr is a blogging platform with social media networking characteristics. Users can like posts and reblog on their Tumblr sites.
In our mega guide to best Tumblr plugins and web apps, we shared how you can integrate HTML widgets to upgrade your Tumblr by adding social media widgets such as LinkedIn company Feed widgets, Instagram widgets, and other add-ons such as Photo Galleries.
But how would you embed a Tumblr feed on another website? Is integrating Tumblr posts of a secondary blog into your primary blog possible? Or how can you embed a friend’s Tumblr posts on your Tumblr sidebar?
That is what you will find out in this article – The best Tumblr feed widgets to display Tumblr posts on any site.
4 recommendations when embedding Tumblr feed widgets on websites
- Customize widget: Most services below provide templates, layouts, and skins. However, you can adjust the element of each item to resonate with your website theme and brand color palette. You can also change fonts, colors, and sizes, control the visibility of parts of the widget, and check the responsiveness before publication. Furthermore, you can utilize custom CSS to enhance the widget’s appearance beyond available options.
- Blend Tumblr feeds: Have multiple Tumblr blogs that you want to mix their feeds? Tumblr widget creators below allow you to add various sources and moderate content.
- Use a script manager: Tag managers such as Google Tag Manager and Cloudflare’s Zaraz allow you to load scripts (JS) asynchronously and deferred. Thus minimizing the impact on the page loading time. According to many studies, page loading time directly impacts the bounce rate and conversion rate.
- A/B test your pages: Analyze the website user engagement, bounce rate, and conversion rate after and before displaying Tumblr posts on a web page by conducting a split testing campaign, mainly if you use paid traffic in your sales funnels. Also, you can use other conversion-driving elements, such as sticky horizontal bars and popup widgets.
Best Tumblr Feed Widgets for Websites to Use Today
Elfsight’s Tumblr Feed Widget
Elfsight is an online service where you can create HTML widgets for websites without requiring coding skills and embed them on any website or blog for free by simply copying and pasting the installation code.
Its Apps Catalog comprises 90+ widgets in different categories ranging from social feed (e.g., Pinterest feed widgets) to Chats (e.g., All-in-One Chat and Facebook Messenger Chat).
Elfsight’s Tumblr Feed widget lets you create a responsive, coding-free, and easy-to-use HTML Tumblr feed plugin for your website (that can be embedded on unlimited websites) with its WYSIWYG (What You See Is What You Get) visual editor.
Features:
- 9 Tumblr feed widget Templates: These designs are excellent for creating your widget to embed Tumblr feeds. Those names are Masonry, Masonry Dark (perfect for Dark background Tumblr themes), Timeline, Grid, Masonry Colored, Full Width Carousel, Carousel, Small Widget, and Slider. All these designs are made to fulfill a situation, so whether you want to embed Tumblr posts on a sidebar or homepage as a slider that auto-rotates, Elfsight has got them!
- Unlimited sources: One of the reasons why Elfsight’s Tumblr widget app is the best Tumblr feed widget creator is you can add unlimited sources into one widget. That means you can embed various posts into a widget and diversify content.
- Content filters: You can moderate which posts to display on the widget in four ways. Those filtering options are Hashtag, Keyword, Specific Post, and Date. For instance, you can use multiple content filters to exclude posts containing a specific keyword and include posts containing specific hashtags after a particular date.
- Sorting: Rank posts by publication date or random order.
- 5 Layouts: Grid, Masonry, List, Carousel, and Slider. All layouts can be customized to enable pagination, navigation arrows, and widget layout directly (i.e., RTL (Right to Left)). Also, you can change the widget’s size (width) and add a custom header message.
- Change appearance: To adjust the Tumblr post feed widget’s appearance, you can change the color scheme, accent color, font, and customize elements. You can also utilize custom CSS to customize the widget’s look further.
- Localization: A widget’s default language is English-US. However, you can change it to adapt to your website’s core audience.
- Check mobile responsiveness before publication of widgets, custom JavaScript, share a widget via URL, duplicate widgets, statistics, and more.
How to embed Tumblr Feeds on a website using Elfsight
Use the free widget builder below to make your first Tumblr feed widget.
You can also sign up on Elfsight from here, search your apps catalog for “Tumblr Feed,” and start creating a Tumblr feed app for your website.
Here’s a video tutorial on creating a Tumblr feed plugin for a website using Elfsight:
Tumblr widget HTML code
Once you have created your widget, you will be given an embed code for the Tumblr feed widget that is slightly similar to the one shown in the screenshot below.
You only need to load the JavaScript code (bolded below) once, even if you have installed other Elfsight widgets on a page, such as the TikTok Feed widget and MP3 Music Player.
<script src="https://static.elfsight.com/platform/platform.js" async></script>
<div class="elfsight-app-16383758-d561-4702-ac32-c1f086a09270" data-elfsight-app-lazy></div>Demo
Pricing
Elfsight’s Tumblr Feed widget is free to use. The free plan is unrestricted in features, but views count. The free plan also includes the Elfsight logo on widgets. Paid plans start from $5 per month, as shown in the screenshot below.
Also, Elfsight offers All Apps packages in which you can access all 90+ Elfsight website widgets, including the Tumblr feed widget. The prices of those start from $15/month and are perfect for people who want to create and manage various widgets under one dashboard. Learn more in the Elfsight price guide.
Click here to try Elfsight’s Tumblr feed widget.
Common Ninja’s Tumblr Feed Plugin
Common Ninja is a site similar to Powr that provides 200+ editable plugins for websites, ranging in different categories. It also offers AI tools, device-specific editing options, and many features for creating beautiful website widgets without coding.
Common Ninja’s Tumblr Feed plugin lets you embed Tumblr posts on a website.
Features:
- Multiple sources: Create a mixed Tumblr feed widget by entering Tumblr blog URLs. Also, you can edit the content of each source by filtering content based on keywords, dates posted, and hashtags. When adding multiple sources, you can select to show feeds on its dedicated tab or combine all sources into one page.
- Layouts and skins: Common Ninja’s Tumblr feed plugin provides 10 flexible layouts and skins based on color.
- Automatic updates: With the “auto-refresh” option toggled on, the Tumblr Feed widget automatically updates the feed with new posts. The update time will depend on your subscription plan.
- Customization: Change fonts, colors, text direction, background, and elements using customization options. Also, you can edit the widget’s dimensions to adjust the widget size to resonate with your website’s theme structure. The device-specific editing tools enable you to customize the appearance of each device.
- Control visibility of elements: Show or hide items such as Feed title, refresh button, images, dates, authors, and social buttons from the widget.
- Open links in a new tab, Localize widget (show translated version of widget for related audiences), check responsiveness before publication, use custom CSS, share widgets via URL, and other features.
Demo
Pricing
Common Ninja’s Tumblr Feed plugin is free to use. Paid plans are customizable as you can see from the screenshot below:
Click here to try Common Ninja’s Tumblr Feed plugin.
Powr’s Tumblr Feed Website App
Powr is another website similar to Elfsight with 60+ customizable website apps such as FAQ, Scroll-to-Top, Microblog, PayPal Button, and Form Builder.
Powr’s Tumblr Feed app for websites features a customizable visual editor and automatic image cropping, flexible layouts, and eye-catching hover effects.
Features:
- Add Multiple Feeds: Powr’s Tumblr feed widget builder lets you combine multiple social media sources into one feed to display all your content in one place without creating separate widgets.
- Layouts: Choose the design structure that best suits your situation. The available options are Square Grid, Collage, and Slider.
- Social sharing buttons on every post: Add social sharing buttons to your Tumblr feed posts to encourage your visitors to share.
- Content moderation: Approve new posts before they appear in your website feed or automatically display any new post immediately.
- Customization: You can change the color schemes, fonts, and widget size. Features such as image cropping (choose from no crop, portrait, landscape, or square), hover effects, and animations will also help make your widget more appealing and engaging.
- Turn on or off captions, custom CSS and JavaScript insertion, check mobile responsiveness, edit the Tumblr widget after installing from your website (through a popup editor), add collaborators, duplicate widgets, and more.
Sign up on Powr and start designing your Tumblr feed widget. Here’s a video demonstration of using Powr’s widget editor.
Demo
Pricing
Powr’s Tumblr Feed app is free to use. However, features are limited on the free plans even though views are not capped.
- Free – 24-hour content update, 1 account/hashtag per feed, 6 posts per account
- Starter – $5.49/month – 12-hour content update, 2 account/hashtag per feed, 12 posts per account, Image hover effect, No Powr branding on widgets
- Pro – $13.49/month – 3-hour content update, 4 accounts/hashtag per feed, 20 posts per account, Image hover effect, No Powr branding on widgets, Custom CSS & JS
- Business – $89.99/month – 20-minute content update, 15 accounts/hashtag per feed, 50 posts per account, Image hover effect, No Powr branding on widgets, Custom CSS & JS, Manual approval
Click here to try Powr’s Tumblr Feed website app.
Onstipe’s Tumblr Widget
Onstipe is a social media aggregator that supports multiple platforms (Instagram, Facebook, X, YouTube, LinkedIn, Tumblr & more). A social media aggregator is a tool that pulls together social media posts and aggregates them in one place to build a social wall.
Onstipe’s Tumblr widget lets you aggregate Tumblr posts from multiple sources in one place and create a Tumblr posts wall to embed on any website.
Features:
- Embed Tumblr hashtag feed or handle feed: Collect hashtag feeds or user-generated content from Tumblr and embed them on your website or Display your Tumblr profile to your website visitors. Both options are available right on your widget editor.
- Shoppable posts: Make your Tumblr feed shoppable by adding Call-to-Action (CTA) buttons.
- Add custom content: You can add custom content (e.g., images, text, videos, or any promotional content) between Tumblr feeds using the Manual Post feature in Onstipe.
- Moderate content: Moderate your content using manual moderation, auto-moderation, or profanity filter.
- Customize widget design: Customize the complete design & feel of your Tumblr feeds by editing the color of titles, font style, background, widget sizes, and more. Also, Onstipe supports custom CSS insertion to change the appearance further uniquely.
- Insightful widget analytics, optimized lightweight Tumblr embed code, and more.
Pricing
Although Onstipe offers a free plan, its Tumblr feed aggregator for websites is included in the Nano plan, which costs $8 per month.
Click here to try Onstipe’s Tumblr widget.
TumblrWidget
TumblrWidget.com provides a simple solution to embed feeds from a Tumblr account on a website. It’s a basic Tumblr feed embed code generator without advanced features, templates, customization options, and custom CSS, as you can find with other Tumblr widget generators above.
Features:
- Embed Tumblr feeds without JavaScript or plugin: This service generates iframe HTML code independent from JavaScript libraries.
- Customize widget: You can specify the widget’s proper dimensions, background and header colors, and footer colors, as well as show or hide elements such as the Blog description, Notes count, and Tags on the Tumblr blog feed widget.
Demo
Click here to try TumblrWidget.com.
Which is the best Tumblr Feed widget creator?
It depends on your circumstances. For example, WordPress plugins such as Juicer and TagEmbed facilitate the display of Tumblr feeds on WordPress. However, these plugins consume server resources and might impact page loading speed.
If you want to embed Tumblr feeds without a plugin using the HTML embed method, you should use a third-party widget creator. Several solutions are available (Elfsight, Powr, Common Ninja, etc.). You should try them all and choose one that fulfills your requirements.
For example, Elfsight has many templates and customization features, while Common Ninja has different layouts.
However, if you want to use other widget types, such as review widgets, chat widgets, and e-commerce widgets, then Elfsight would be the best HTML widget provider. Powr and Common Ninja’s Tumblr widget creators are limited on features based on your subscription plan. Conversely, Elfsight does not limit any feature; even the free plan has all the features.
Related: Elfsight or Powr? – Which widget provider stands out?
Final words on Best Tumblr Feed widgets
The best way to efficiently integrate posts on a specific Tumblr blog with another site is by using Tumblr feed widgets or Tumblr post aggregators. Many listed in this article allow you to display feeds based on hashtags, Tumblr handles (i.e., Tumblr usernames), and moderate content.
Be sure to take extra measures, such as using a third-party script manager, such as Google Tag Manager, to minimize the impact of Tumblr feed widgets on your website’s loading time.