Create Static Pages + Install Landing Page Themes on Tumblr

December 29, 2020

0 Comments

Last Modified: December 29, 2020 5:14 PM

0 Comments

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 addresses for free. In other words, using your Tumblr blog as a squeeze page or opt-in page.

There are a lot of landing page builders. Some of them are:

And there are many lead generation tools (I.E: Optin form builders) for any website platform including Tumblr.

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&id=14582&ref=john&download=true , www.myblog.com/files/downloads/Money_making_Guide_2014.html)
  • Two Tumblr static page types: standard and custom layout page. By using the 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 the custom layout page, you can embed hundreds of custom-design pages. (ex: Tumblr Landing Page, email capture 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 the 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 the 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 the standard Tumblr layout, you can create static pages under the same design.

Head over to the Customize page of your blog and click on the “Add a Page” tab at the bottom of the panel. Now you could see a screen similar to the 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 the necessary stuff on the large box, which stands for the 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 by 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 on 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 thepitiya.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

Paste the Tumblr landing page theme code.

tumblr landing page html code

As you see in the above screenshot, add a 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 them higher on Google SERP for more search traffic.

Related: How to promote your Tumblr to get more 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 the email addresses of your potential readers and sometimes create online stores.

The testing is the best way to find the best landing pages that convert, as you shouldn’t want to use low-converting landing pages as an Internet marketing enthusiast.

Tumblr allows you to create unlimited static pages. So, there is no reason why you shouldn’t make use of Tumblr static pages to grow your business.

I use Tumblr static pages in different ways. On 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 the Tumblr URL redirect feature. Here’s an example, which redirects you to the Aweber email marketing website. So, you do not have to use a custom link redirection tool like Replug and PixelMe.

If you use the Tumblr URL redirect tool, you should add the “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 page features to grow your business? Share your views in the comment form below.

make-static-landing-pages-tumblr

About the author 

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.

  • Home
  • Blog
  • Tumblr
  • Create Static Pages + Install Landing Page Themes on Tumblr

YOU MAY LIKE ALSO

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
udimi-logo

DFY SALES FUNNEL

Host our proven sales funnel and send traffic and link your payment processor!


Enter to win Free UDIMI $50 Gift Card

Plus, DFY Sales Funnel (value: $497) and eBooks on Internet marketing.

I started Pitiya without any money. So, isn't $50 enough for you? Click the button below to learn more & join.

__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"1d30b":{"name":"Main Accent","parent":-1},"3d2c0":{"name":"Main Accent Low Opacity","parent":"1d30b","lock":{"saturation":1,"lightness":1}}},"gradients":[]},"palettes":[{"name":"Default Palette","value":{"colors":{"1d30b":{"val":"rgb(19, 114, 211)","hsl":{"h":210,"s":0.83,"l":0.45}},"3d2c0":{"val":"rgba(19, 114, 211, 0.2)","hsl_parent_dependency":{"h":210,"s":0.83,"l":0.45}}},"gradients":[]},"original":{"colors":{"1d30b":{"val":"rgb(19, 114, 211)","hsl":{"h":210,"s":0.83,"l":0.45}},"3d2c0":{"val":"rgba(19, 114, 211, 0.2)","hsl_parent_dependency":{"h":210,"s":0.83,"l":0.45}}},"gradients":[]}}]}__CONFIG_colors_palette__
Enter to win $50 Gift card Now!
>
0 Shares
Share via
Copy link