Adding Form to Tumblr

Last Update: November 28, 2014


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 Editor, click the "Setup & Embed" and then hit the "Embed Form".

2.  Under the Other Platforms,  click the "Tumblr" button.

3. Copy the form code provided under the Tumblr image.

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

5. Click first 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 Editor, click the "Setup & Embed" and then hit the "Embed Form".

2. On the Embed wizard, copy the direct link provided.

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.



7 Comments...


   
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 know.help 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:
http://pinkandlola.tumblr.com/contact

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


Send Comment