Adding a form to Tumblr

Last Update: March 4, 2017

What's Tumblr?

Tumblr is the easiest way to blog & share stuff on the web. JotForm is the easiest way to create, design, and share web forms. Two services with the same mission: to make things easier. Let’s get them to work together.

Adding a form to Tumblr with JotForm is so easy it'll blow your mind. There are 2 ways to share a form on Tumblr. You can share a web form through either the "add a text post" or "add a link" posting method on Tumblr. Let's check out the first method.

There are 2 ways on how you can add your form in Tumblr and that is the Text Method and the Link Method.

Add form via Text Method

1. On the Form Builder, click the "Publish" button.

JotForm V4:
JotForm V3:

2. Go to the "Platform" section and search for the "Tumblr". Once you find it, please click the "Tumblr" option.

JotForm V4:

JotForm V3:

3. Please click the "Copy Code" button in order to copy the embed code.

JotForm V4:

JotForm V3:

4. On your Tumblr dashboard, click the "Text" button.

5. Click the "html" button, it should be highlighted in blue. After that, you can paste the code that you copied from JotForm on the Post field.

6. Click "Post" to publish your form.

Add form via Link Method

1. On the Form Builder, click the "Publish" button.

JotForm V4:
JotForm V3:

2. In the Publish section, copy the form's direct link.

JotForm V4:
In the Publish tab, go to the "Quick Share" section. After that, click the "Copy Link" button.

JotForm V3:
In the Publish wizard, click the "Copy Link" button.

3. On your Tumblr dashboard, click the "Link" button.

4. Paste the direct link of the form in the URL field  then add a title.

6. Click "Post" to publish your form.

Both methods are ideal for adding your form to Tumblr. Let us know if you're having any difficulties following this guide. You can post your questions below and we will gladly assist you.


sasiramalingam8 (March 21, 2011 at 01:26 AM)

Comment is mine

Mmc (June 07, 2012 at 07:32 PM)

When I embed the code in my Tumblr, it creates a small clickable box graphic that takes me to a form page. Why is the form not showing up on the page I embedded it on? I've tried using the make for Tumblr code, and the regular code.

View Answer

TheMasses (October 10, 2012 at 04:05 PM)

I'm having the same problem as above - I tried it as an iframe, as a text and as a link... all just gave me a little box

View Answer

ccap (January 30, 2013 at 11:51 AM)

It doesn´t work for me. I´ve tried every method many times. The tumblr code never works.

What can I do? I need further information.
Thanks in advance

View Answer

lieya (February 06, 2013 at 04:50 AM)

where can i find this "Setup and Embed" tab on the toolbar??? i don't me

View Answer

ventodancante (April 01, 2014 at 11:25 AM)

Hey guys,
I'm trying to embed the form and have tried all I can think of.

, as well as all codes provided by Jotform (the Tumblr one, the iFrame...everything. All I get is the tip top of the contact form.

I've tried to force a height px, also doesn't work.

I'm sure it's a silly thing that I'm overlooking, so I'd love a help here.
Here's the page:

View Answer

Ty (May 07, 2014 at 12:35 PM)

Put my email address into one of your forms this morning and now my fucking inbox is flooded with SPAM MAIL. Secure? BULLSHIT. NEVER use this form on your site unless you want your users to suffer for it.

View Answer

sunningdenacres (February 19, 2015 at 10:15 AM)

I just get a small grey box. I have tried all of the suggestions including the iframe suggestion.

View Answer

Aaron Winters (October 05, 2016 at 03:56 PM)

I get the square everyone else is reporting in the dash, but the post itself wont even go on the public side.

Is anyone from Jot even monitoring this?

View Answer

ponyexpress (February 07, 2017 at 07:51 PM)

i am unable to add my form also. it shows up in the preview on tumblr once i add it and looks fine but after its saved and i go to the page and click the link i get an error message

here is my form

please help thanks

View Answer

Send Comment