Browse Article by Topics

tumblr form add form tumblr share form tumblr

Related Articles


Related Forum Questions


Adding Form to Tumblr

Last Update: September 3, 2013


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.





Text-instructions:

Add a Text Method:


1. Click the "Setup and Embed" tab on the toolbar
setup and embed tab


2. Click on "Embed Form"

3. Click on the "Tumblr" button

adding a form to tumblr


4. Copy the code under the Tumblr image from the text box

copy code to tumblr


5. Open your Tumblr page and log in

6. Click on add a text post button on Tumblr

7. Click the "HTML" button on the post field and the script code that you copied from JotForm into the HTML field. Click create post to publish your online form!

copy form URL to Tumblr


Add a Link Method:


1. Click on "Setup and Embed" tab on the toolbar

2. Click on "Embed Form"

3. Click on "Embed" option


4. Copy the source code provided on "Paste this code on your web site". 


5. Open your Tumblr page and log in

6. Click on the “add a link” post button on Tumblr

7. Paste the URL that you copied from JotForm into the URL field. Click on create post to publish your online form



Both methods are ideal for adding your form to Tumblr. Tell us if you had any difficulties following this post in the comments 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

Hi