How to Embed Tumblr Feed On Your Website?

Krunal -

To Show Tumblr Feed with Social Wall, first, go to Social Wall. Now, follow the steps.

1. Add Wall

  • Under "Add Wall Tab", click on "Social Wall"
  • Now, click on the "Add Wall" button on Tumblr Feed.

Here you'll see different customization options:

Data source: You can integrate multiple platforms under this section which can automatically fetch data to automate the process.

Layout: Select layout options from mosaic, carousels, grid, and more. You can also customize options like rows, space, Header text, load more button settings, content width, etc.

Card: Under this tab, you can select card template and select options you want to display like author name, icon, date, source, URL, etc.

Pop-up: Using the pop-up option, you can select a pop-up template and select options you want to display like author name, icon, action, source, URL, etc.

Appearance: This option allows you to change color, font, border, shadow, and more. It also lets you add your custom CSS, and you can choose whether you want to display a wall on a mobile phone or desktop.

Filter: It allows you to apply hide/show filters to comments and images, and also, you can add keywords that you want to include and exclude.( Only visible when data source is connected

Settings: Here, you can find the additional settings.

2. Connect Tumblr Feed with Social Wall

Now, go to the "Data Source" tab.

  • Click on "Add Integration"
  • Click on it, and log in to your account
  • Now authenticate with your Tumblr Account.
  • Now, you will find the pages available in your account in the drop-down.
  • Select the page you want to connect to, and you'll start seeing a live preview in the preview section.
  • Now go back, and tick the pages to activate the data source.

That's it. Your Tumblr feed is connected with your Social Wall.

3. Add Wall code to your website

Now, to display the wall on your website, copy the code and paste it into your HTML on the desired page.

Once you add this code to your desired place in HTML, your wall will be live.