Introducing Canvas: Native Blank Page Template

Today we are introducing Canvas - a native blank page template in Elementor. Canvas works with any theme, and lets you design the entire page in Elementor. No header, no footer, just Elementor.

elementor-canvas

Elementor is certainly one of the fastest tool for creating landing pages. Nevertheless, until now, there has been one consistent problem when creating landing pages - Removing the header and footer.

I am happy to announce that from now on, you no longer need to struggle to remove headers or footers, or install any plugin to remove them!

Meet Elementor Canvas. With Canvas, you can edit a complete blank slate template entirely in Elementor. No header, no footer, nothing preventing you from creating the most awesome of landing pages. This is perfect for landing pages, coming soon pages and other pages where you want to design the entire page content in Elementor. (Download Canvas built-in to Elementor)

It doesn't matter which theme you are using. Use Twenty Seventeen, use any premium theme... Heck, even use a WordPress theme from 2005 😜:

How It Works

To implement the Canvas template, go to the WordPress page dashboard, and in the page attribute box, under template, choose the Elementor Canvas template. Now edit the page with Elementor and you will see the full page inside the editor.

Another way to set the Canvas template is through the newly added Page Settings panel. This makes for a smooth transition to presenting the second feature we are adding: Page Settings.

elementor-page-setting

Page Settings - Within Elementor

Today's release comes with a new set of options, called Page Settings, that lets you control some very basic and useful settings in the page from within Elementor.

This means you no longer have to go back to the dashboard to change the title, change templates or even publish the page!

This settings feature is a great advancement in helping you do more right from the Elementor Page Builder, without having to go back and forth between the dashboard and the editor.

Whole Page Styling

Change the background of the entire page, and choose a color, image or gradient background. You get all the customizations options you normally have for image and gradient, so you can set it just right.

You can also set padding for the entire page, very handy for creating an extra space around the entire page. If you have a page with a large image background, for example, you can use the padding to frame your content and show more of the background.

Publishing the Page From Within Elementor

The Post Status setting lets you publish the page you are currently working on from within Elementor, without having to return to the dashboard. You can also set the status of the page as draft, pending review, private or published.

Choosing Page Template

As mentioned before, you can set the page template of the page as Canvas from within the page settings, or set it to any other page template that is available on your WordPress site.

Hide Page Title

Another useful option we've added to Page Settings is the ability to hide the H1 title of the page. Previously, you had to use CSS, code or another plugin to remove the title. Now, you switch a button within Elementor and the title is gone.

This feature hides the title using the default WordPress H1 selector (h1.entry-title). This is the selector that themes most commonly use for the page title.

If, however, your theme uses a different selector, you can go to the Elementor dashboard and customize a different selector name, so Elementor will still be able to hide it for themes with different title selectors.

Edit Page Title

Besides hiding the title, you can also customize it from the Page Settings, without having to go back to the dashboard. Just enter the new title, and it will instantly be seen on the page.

drop cap

Drop Cap

Elementor is growing not only as a builder for pages, but for blog posts too.

Drop Cap is a feature that is mainly targeted towards Elementor blog posts, letting you make the first letter of your text editor widget a drop cap (Extra large first letter).

This is a very useful feature and is widely used in various written formats, both online and offline. You've probably seen it in used in blog and magazines article as well as in books.

Check this feature out in the Text Editor widget.

Debugger

We have added an error catcher for the editor, so you can easily understand compatibility issues and conflicts with themes, plugins, server configurations and addons.

This feature can be seen by going to Dashboard > Elementor > System info > Debugger

Maintenance Mode

We have also added a new 'Maintenance Mode' feature to Elementor, making it easy to switch your site to Under Construction or Coming Soon and create Maintenance Mode pages using Elementor.

With this feature, you can set your site to Maintenance mode, and build your site without your visitors seeing it.

If you pick Maintenance mode, the website will return an HTTP 503 response to visitors and search engines, meaning the site is temporarily down for maintenance, come back later.

If you pick Coming soon, the website will return an HTTP 200 response to visitors and search engines, meaning the site is indexable.

We will publish a more in-depth look about this feature in an upcoming post.

Check it out here: Dashboard > Elementor > Tools > Maintenance mode > Coming soon / under construction

3 free templates

New FREE Templates

To help you get better aquainted with the Blank Canvas template, we are releasing 3 new FREE landing page templates, that already come built-in with a logo placeholder and a social icons menu.

These templates also showcase the recently added Shape Divider & Gradient features. We recommend testing out these new templates, and seeing how much easier it is to create a landing page with the Canvas page template.

Summary

In this version, we put the focus on making Elementor a more stable page builder, with better compatibility to other plugins and servers.

We also made an effort optimizing the code, making everything faster. We strive to improve the designer workflow, and have added some interesting new features that are directed toward the more heavy and professional Elementor user. Users who work with Elementor on a daily basis.

This release is quite feature packed, and I hope you take the time to try out all the new features:

  • Blank Canvas
  • Whole page styling
  • Publishing from within Elementor
  • Choose page template
  • Hide page title
  • Edit page title
  • Drop cap
  • Debugger
  • Maintenance mode
  • Free templates

I'd love to hear what you think about these features. Please add your thoughts in the comments below.

About the Author

Ben Pines

Ben Pines is Elementor's CMO. He has been in the online marketing industry for over 10 years, specializing in content marketing. WordPress has been Ben's platform of choice since the time when it was only used to blog.

128 Responses

  1. Awesome! I’m so glad to see this natively supported. And all these other features make this a great all-in-one page building package. I’m glad I’ll be able to disable some other plugins and also recommend Elementor for launch and maintenance pages!

    Great work, everyone!

  2. More features for the Pro users,please! Right now I’m feeling a little bit bad that I’ve paid, and there are almost no special goods for us!

    It feels almost as it’s not fair 😀

  3. Wow you guys are…. simply amazing I knew i had to pre order when you guys released pro version and I was right to do so… I mean wow! Great job! I have a quick question tho will elementor implement third party email software API keys for like (aweber or mailchimp) in the contact forms so we can use it for our email marketing campaigns?

  4. THANK YOU!!!! THANK YOU!!!! THANK YOU!!!! PLEASE KEEP THE MAGIC COMING!!! ONLY THINK I WOULD SAY IS, PLEASE CREATE SOMETHING FOR CUSTOMIZING MENUS. DOES ANYONE HAVE ANY SUGGESTIONS FOR FREE PLUGIN OR CSS TRICKS TO CUSTOMIZE YOUR MENU???????? (Sorry for all caps I’m excited 🙂 )

  5. In the Global Fonts I would like to not only set the font face but also default size for all H1 thro H6 tags and for P – so you can set the default typography in one place. And change it site wide in one place. Column widths as a number not just dragging about.

  6. Great ! The best builder has become even better. One question though : how do we get the upgraded (Pro) version ?

  7. Great stuff again! One thing I’m running into lately is a repeated need for content sliders, and it’s one of the few things that’s not really provided for in Elementor yet. Hopefully that’s something that could go on the to do list at some point!

    Something that would allow us to have columns containing any content within a slider container controlled by the usual arrows/dots, with options for columns to display at once, columns to slide per pagination click, and responsive options (eg: 3 cols on desktop, 2 cols on tablet and 1 col on mobile).

    That’d be pretty awesome! (and a form autoresponder, but I’m getting greedy now)

    1. Remember to use Google translate from your native language to English.
      (Recuerde usar Google translate desde su idioma natal al inglés.)
      I used it to translate your question:

      Would it be possible that in a new update of Elementor, the carousel had the option to be in also in portrait orientation?

  8. The free version has so much features, that for some clients/websites I don’t even have to use the pro version. (Hint, more pro features required)

  9. Does this mean that with Canvas, we can create a new site without installing any themes?
    This is what I was waiting for… creating a website from scratch, adding menu page and everything else. This is why I stop using Adobe dreamweaver 🙂
    Great job!

  10. Thank you for all the hard work. Elementor really helps with developing my web design business. Not all websites have to be custom theme, programmed from scratch, not all clients can afford that, so Elementor is helping me take on clients (the little guys) besides big projects. I can deliver a fast turnaround and also cool looking websites! It’s really really great!!!
    *One thing I want to mention is that Elementor really needs a Section, Column selector in the customizer area not only in the design area, I have problems selecting the section or columns when i use negative margin.

  11. Great additions today, keep them coming. Look forward to further additions. Hopefully in the near future you might be able to include popup text bubble when hovering over images or text!

  12. Elementor has got to be the best plugin I’ve ever seen. Great work folks!

    Is there going to be an update in the future that allows the ability to customize the posts page? Or is it already in place but I just missed it?

  13. Sorry, I use Google Translate.

    Hello, Ben Pines, it’s really amazing what Elementor gives us designers and agility too … see the work I did http://www.telsoamorim.com.br/maisfibratelecom/ the customer is very satisfied and happy because The site is within the standards of exigencia, very beautiful and totally responsive to the movables. Congratulations and continue the beautiful work. God bless you all.

  14. I am very excited about this page builder.
    Everything is so clear that it is very easy for beginners to create a homepage according to your own ideas. I have tested some PageBuilder and this is really the only one I can work with (as a beginner) and quickly get started with my website.
    Thank you for your really GOOD WORK.
    Keep it up.

  15. Elementor is the best thing out now. Great job!

    Is this out now? How do I get the new features? I updated it on the plugin page but I don’t see the new changes.

    Also, will there be a future option to be able to customize the blogs post page? That would be awesome.

  16. WOW, WOW, WOW, you´ree really great. Elementor becomes to the best page builder ever and I want to go this way with you. I only use Elementor now for all sites I create and I´m looking foreward to the next great features.

  17. Could be simple..
    Maybe just a over-wide row with custom number of columns and then config for how many columns to display on one screen / section indicated by a dot

  18. This is great news. But which are the new templates (basic and pro)? Also, some suggestions: 1. I agree with Andrei above: we need the section/column elements in the palette of elements, not just in the design area; it is difficult to add a section back near the top of a long page without duplicating an existing one. 2. It would be nice to have a page template which is header (from theme) + blank content + blank footer; perhaps I’m wrong, but I don’t think I can do a header/navbar fixed on scroll just using Elementor, although that would be a great element to have. Look forward to more from you to add to an already great product.

  19. Tank you Ben. I was able to find it in the elementor canvas. I’m just wondering. Will the page settings feature be available for the default template as well?

  20. I am so happy that I found out about elementor pro last fall. I build our website with it and I immensely enjoy your updates. Thanks a bunch, congrats, way to go…

  21. I guess I am dumb. I can’t find a way to select Canvas> I can’t find anything labeled page attribute box. I am using WP 4.7.3. Also where are the 3 free templates. There is nothing in my Elementor 1.40 Library. Can you please help with “Elementor for Dummies”?

  22. Ok, I found where to select Canvas. However, when I experimented using it on my home page, all content was lost. I changed the template back to default. but the content of the page except for a sidebar. Had to do a restore to get my home page back. It would be nice to have Canvas fill the page with everything on my home page and let me edit it instead of having to recreate it.

  23. I have much much better idea to promote elementor . You should start cooperation with yetiforce.com to create great value for clients specialy those building onlineshops.Connect webbuilder with the best free ERP system will be the complete tool for clients. More I know owner of this company as liveChat.com, callpage.com
    I also suggests for the first users of elementor use tools like clientonboard. For me it was very hard to find way to change background photo.
    So for me elementor should be not only webbuilder but webbuilder that build business.
    I am sure that build synergii with systems like ERP, livechat,callpage and googleanalytics could bring minimum 30% more clients than without this toolS
    You could recommend each others it’s simply.:)

  24. Hi Ben,

    Really like your builder. It’s far quicker and simpler to use than many other builders I’ve tried.

    One thing that is lacking which is really important when it comes to SEO, is the H1. It’s great that you’ve built in the new feature to hide the H1 tag but this is only done by making the H1 selector display:none.

    The problem with that is Google will still see the text in the H1 tag in the page source, so when I go to create another H1 using Elementor, the result in the page source is more than one H1 tag which isn’t good.

    I’ve spent ages trying to find a WP plugin which will remove the default H1 completely from the page source as opposed to simply using display:none;.

    Would this be something you’d be able to update in the next version?

    It would be incredibly useful!!

    Thanks.

  25. Elementor Team: If you do decide to do this, please only make it an *option* for it to remove the H1, as some may want to keep it as is. It should be flexible and not force people to go one way or the other. Thanks!

  26. How about ability to create header and footer on elementor on sitewide?
    Especially header with menu bar with elementor will bring whole new possibilities in designing

  27. A timeline portfolio would be very useful for artists, guys. Something like this http://rickriordan.com/ Something fluid that, at the same time, breaks with the corporate look. It would be a great add for Elementor Pro. Thank u!

  28. Keep up ithe good work. We appreciate you. Oh one more thing. Can you look into adding a site wide Header and Footer design?
    A 3rd party plugin Stylepress does that, but I’ll love it added by default into Elementor.
    You guys rock.
    Can you believe I use Elementor for Wireframing?

  29. Will there be a menu widget anytime soon?? I hope to see some nice new updates for elementor pro, any hints of what’s coming would be nice. Great work again and thank to your entire awesome team!

  30. i have changed the template field and the page went error. can’t go back to editor. just a message “sorry the content area was not found in the page, you must call “the_content” function….”
    what has happen and how can i fix it ?

  31. I can’t figure out how to add a comment section? There are pages I’m happy to leave in elementor canvas, but I need comment sections on those posts for my readers.

  32. Hi Ben.

    I’m hoping this isn’t too obvious, but I can’t see how to remove an entire template once inserted in the page. Can you do this with one click?

    Thanks.

    Love Elementor, by the way!

  33. Hey guys – is there a way to keep my secondary menu and primary menu areas and just edit everything below them?

  34. I started using Elementor on the blog and I’m enjoying it, it has enough resources that help a lot, so I’ll do some new work. Thank you to the entire Elementor team.

  35. I would like to know how to use the categories of the own worpress to be displayed the native posts and pages of wordpress for the slides, news, popular, recent, posts categories, pages, wherever I want to put it, be it in header, body, sidebar or No footer. Because I use a lot for news site and everything is directed to the categories and pages that are made in wordpress.

  36. do you have elements to add menus? i hope you can add that to your list, but i find it very useful I’m about to purchase the pro version, I’m just learning it first.

  37. Hi guys, how can I edit the canvas.php if I want to keep the plugin with updates? Can I put the file into my theme folder in some way? Tried to create /elementor/page-templates/canvas.php inside my theme folder with no success.
    Thanks

  38. Hi, love elementor, but if I use elementor canvas for my landnig page, javascript is not working. Now Iam trying to find some solution how to hide header and footer from my landing page.

  39. How does one spell check in Elementor. I go into WP Editor to spell check and attempt to return to Elementor and it does not retain settings. Quite frustrating.

  40. First of all Appreciate the developers of Elementor. Let me come to my thought. Is it possible to Create a Theme With Elementor and Export as an Individual theme, and use that theme can be used for any WP site even with out Elementor . I mean Creating an Independent theme.

  41. Thankyou! I am loving Elementor so far – it seems brilliant. I am having a little technical issue though, how do I move the ‘paragraph’ text box from the main page so that I can edit my home page photo?

Leave a Reply