How to Insert Forms Into Tumblr

Save

Forms are a method of receiving data from your Tumblr visitors, which is then sent to a server. You can use HTML to create your custom forms with text fields, radio buttons and check boxes, but you need your own server to receive this information. Tumblr does not provide native support for forms, but a few third-party services enable you to create custom forms. These services generate the code for your forms so all you need to do is insert it into your Tumblr blog.

Google Docs

  • Navigate to the Google Drive website and sign in to your Google account (link in Resources).

  • Click the "Create" button at the top left of the screen and select "Form."

  • Enter a title for your form and select a theme that matches your Tumblr blog.

  • Click "OK" and then customize your form. Click "Add item" to add more questions or fields to the form.

  • Click "Send form" once you are satisfied with your form.

  • Click "Embed" to view the HTML code for the form. Change the values in the Width and Height input boxes to customize the size of your form to match your Tumblr blog.

  • Click the generated code and press "Ctrl-C" to copy the code to the clipboard.

  • Open a new tab and sign in to your Tumblr account.

  • Select where on your Tumblr blog you want to insert the form. Click "Text" from the dashboard, and then click "<html>" to add it to a post. Alternatively, click "Edit HTML" on the theme customization window to add it directly to the theme of your blog.

  • Press "Ctrl-V" to paste the code into the selected section of your blog. Click "Publish" to add the form to a post or click "Save" to update the theme. Access Google Drive to view responses to your form.

EmailMeForm

  • Navigate to the EmailMeForm website and click the "Sign up for free" button to create a free account (link in Resources).

  • Click the "My Forms" tab and then click the "+ Add Form" button.

  • Click "Go to the Template section" if you want to use a generic form, or click "Take me to the Form Builder" if you prefer to create your own form from scratch.

  • Add or edit fields for the form using the tools in the left column.

  • Click the "Save Form" button after you have added all the necessary fields to your form.

  • Click "Social & CMS" and then click the "Tumblr" icon.

  • Click the generated code and press "Ctrl-C" to copy the code to the clipboard.

  • Open a new tab and sign in to your Tumblr account.

  • Select where on your Tumblr blog you want to insert the form. Click "Text" from the dashboard and then click "<html>" to add it to a post. Alternatively, click "Edit HTML" on the theme customization window to add it directly to the theme of your blog.

  • Press "Ctrl-V" to paste the code into the selected section of your blog. Click "Publish" to add the form to a post or "Save" to update the theme. Information that is gathered by the form is sent to the email address linked to your EmailMeForm account.

FormLogix

  • Navigate to the FormLogix website and click the "Join Now! It's Free" button (link in Resources).

  • Fill in the registration form and click the "Register" button to create your free account.

  • Click the link sent to you via email to activate your account.

  • Log in to your account and then click "Basic" or "Advanced" in the Create New Form section.

  • Click "Go" and then use the form builder to customize your form.

  • Click "Save" once you have completed the form, and then click "Publish."

  • Click the radio button next to "Iframe" to view the code for the form.

  • Click the generated code and press "Ctrl-C" to copy the code to the clipboard.

  • Open a new tab and sign in to your Tumblr account.

  • Select where on your Tumblr blog you want to insert the form. Click "Text" from the dashboard and then click "<html>" to add it to a post. Alternatively, click "Edit HTML" on the theme customization window to add it directly to the theme of your blog.

  • Press "Ctrl-V" to paste the code into the selected section of your blog. Click "Publish" to add the form to a post or click "Save" to update the theme. Any information gathered by the form is sent to the email address registered to your FormLogix account.

Promoted By Zergnet

Comments

Resources

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!