Create Static Pages + Install Landing Page Themes on Tumblr

There is no doubt that Tumblr of one of those incredible and most popular blogging platforms out there. There are thousands of reasons why you must have a Tumblr blog.

Anyway, in today’s blog post, i will explain how to create static pages on Tumblr and how to use Tumblr for capturing email address for free. In other words, using your Tumblr blog as a squeeze page or opt-in page-.

At the end of this blog post, you’ll find it’s really easy to create static pages on Tumblr and install a landing page to generate some income from your blog. Here are a few advantages i see on Tumblr static/stationary/stand-alone pages.

  • No limitations, any amount of pages.
  • The ability of changing the URL structure: (E.g : www.myname.com/blogging/tumblr/webdesign/css/add_css_codes , www.mysite.come/download_type=pdf&version=13.95&religion=LK&&ref=john&extended=true , www.myblog.com/files/downloads/Money_making_Guide_2014.html , www.example.com/marketing/blog/en/tutorials/HTML/How-to-Add-Static-Landing-Page-For-Your-Tumblr-Blog/ etc.)
  • Two Tumblr static page types: standard and custom layout page. By using standard page design option, you can imbed other external JavaScript scripts and HTML codes too (ex: custom contact forms to Tumblr, contest widget). And by using custom layout page, you can embed hundreds of custom-design pages. (ex: Tumblr Landing Page, email capture pages)

HTML-Web-Pages

Now let’s see how to create a static page on Tumblr blog and How to Create Landing pages on Tumblr. There are currently three types of pages which you can create with Tumblr. They are;

  • Standard Layout: – Create a page with Title and Body using your existing Tumblr theme. So you could set up SEO settings for Tumblr to increase traffic using existing Tumblr theme.
  • Custom Layout:- Build up your own web page. By default you will get a blank page. You can add everything you want to show on the web page. This method is really helpful in creating HTML landing pages on Tumblr. More on that later…
  • Redirect:- Forward a web address to another domain or web page using 301 permanent redirect method.(Very useful:  I was using this method to mask affiliate URLs and redirect traffic to other external URLs.)

OK. I think now you know the importance of using the static pages on your blog. Next, let’s learn how to create stationary pages + install HTML landing page on Tumblr.

Create a Standard Layout static page on Tumblr

As you already know by using standard Tumblr layout, you can create static pages under the same design.

Head over to Customize page of your blog and click on the “Add a Page” tab in the bottom of the panel. Now you could see a screen similar to below one. Make sure that that the Standard Layout option is selected as the static page type.

Standard-Layout-Tumblr-Pages

Now as you create a blog post, just fill out necessary stuff on the large box, which stands for body (container) and also don’t forget to add a proper headline. Last but, not least, add a clear URL for the page. Use proper URL structure to make it’s readable, mindful and especially search engine friendly page address. Learn more about the importance of URL in SEO reading this SEO for Tumblr guide.

When you’re done editing the static page, take a short preview of your standalone page by clicking on the “update Preview” button. If you found that all are working rightly, hit on the “Save” button. You could resize your browser window to find whether the static page will be working properly in mobile devices too. The mobile responsibility is depended on the theme you use. Check out these premium Tumblr themes to learn more about mobile-responsibility.

Read :- Add CSS and JavaScript code to Tumblr

Create a Custom Layout Standalone Page on Tumblr

This is a pretty useful option in creating different styles of webpages. If you are a coding enthusiast, so you would be very happy to know that you can host your web pages for free on Tumblr. You can create different types of landing pages, portfolios easily.

I use Tumblr custom layout static pages to create attractive landing pages and email capture pages. I have written a comprehensive guide on “Tumblr Landing Page: How to Create Landing pages on Tumblr” on problogtricks.tumblr.com. If you’re interested in designing custom landing pages with functional activities, i recommend you to check out that post.

Resource: Browse Hundreds of HTML Templates + Landing Page Themes

To install your HTML template to Tumblr, first navigate to Customize page and click on “Add a Page” tab. Then select the “Custom Layout” option from the drop down menu list.

Custom-Layout-Tumblr-Page
tumblr landing page html code

As you see in the above screenshot, add custom standalone page’s URL and its source code. Source codes should be W3C validated and you shouldn’t need to use a text editor, since the Tumblr post editor is a “What You See Is What You Get” editor. You can hide your stationary page, by disabling the option of  “Show a link to  this page” and creating a long URL like this. Don’t make search engine unfriendly URLs, if you want search engines to crawl static pages and rank it higher on Google SERP for more search traffic.

And actually you don’t need to code your own Tumblr landing page theme. There are thousands of custom landing pages for Tumblr and HTML websites on Themeforest. Check them out over here.

Conclusion

As a micro-blogging platform, Tumblr lets you create custom static pages. This function makes it really easy to capture email address of your potential readers and sometimes create online stores.The testing is the best way to find best landing pages which convert, as you shouldn’t want use low-converting landing pages as an Internet marketing enthusiast. Tumblr allows you to create unlimited static pages. So, there is no any reason why you shouldn’t make use of Tumblr static pages to grow your business.

I use Tumblr static pages in different ways. In some occasions, i use them to create stunning, appealing and converting landing pages like this one. And in some times, i mask affiliate URLs with the use of Tumblr URL redirect feature. Here’s an example, which redirect you to Aweber email marketing website.

If you use Tumblr URL redirect tool, you should add nofollow tag for those links, as you create 301 permanent redirect link, which passes more than 90% of link juice, so Google can crawl links easily.

So how can you use Tumblr static pages features to grow your business? Share your views in the comment form below.

Chamal Rathnayaka
 

A blogger, Growth Hacker, and Internet Marketer since 2012. Chamal Rathnayaka is the founder of this very site and he's sharing his experience and knowledge on Internet marketing through Pitiya blog. Send him a message on Pitiya.com/contact.

>