Embedding Forms with Tumblr

Cognito Forms makes it easy to build contact forms, order forms, and more for your Tumblr blog. Adding Cognito Forms to your blog with either our Seamless or responsive Iframe embed options takes just a few clicks.

Embedding on a Page

  1. Log in to your Tumblr account and open the customize view for your blog. Either create a new page or open an existing page where you’d like to embed your form.
  2. In Cognito Forms, copy your form’s Seamless embed code or Iframe embed code from the Publish Code tab.
  3. In Tumblr, click the <html> option at the top of the page editor to switch to HTML editing mode.
  4. Paste your form’s embed code where you’d like the form to appear, then save your changes.

Form embedded on a page.

Embedding on a Post

Quick Tip

Forms embedded in blog posts will only appear on your blog’s website (ex. your-blog-name.tumblr.com), not within the Tumblr feed on the web or mobile apps.

  1. Log in to your Tumblr account. From your dashboard, make a new post and select the Text option.

  2. In Cognito Forms, copy your form’s Iframe embed code from the Publish Code tab.
    Choosing HTML from the Text editor dropdown.

  3. In Tumblr, click the settings icon in the top right corner of your post and select HTML from the Text editor dropdown.

  4. Paste your form’s embed code where you’d like the form to appear, then publish your post.

Embedded form in Tumblr blog.