{"id":2717,"date":"2021-06-22T10:30:22","date_gmt":"2021-06-22T10:30:22","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2717"},"modified":"2023-02-21T11:08:44","modified_gmt":"2023-02-21T11:08:44","slug":"live-webinar-how-to-create-a-landing-page-faster-using-blocks","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/","title":{"rendered":"Live Webinar: How to Create a Landing Page Faster Using Blocks"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2717\" class=\"elementor elementor-2717\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f718742 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f718742\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10b92748\" data-id=\"10b92748\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5167202f elementor-widget elementor-widget-video\" data-id=\"5167202f\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=yI0ZAzR1upI&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-35912132 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"35912132\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a5ca9b7\" data-id=\"5a5ca9b7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f73f5e5 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"4f73f5e5\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1331\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1331\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1332\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1332\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1331\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1331\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1331\" tabindex=\"0\" hidden=\"false\"><p>Join us as we show the exciting new process of creating landing pages using Blocks.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1332\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1332\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1332\" tabindex=\"0\" hidden=\"hidden\"><p>first I want to welcome you all<br \/>elementors<br \/>to our first live webinar and I&#8217;m Ben<br \/>CMO of Elementor today I&#8217;m joined by one<br \/>of our lead designers Bogdan Fishbein<br \/>now you might have seen some of his<br \/>awesome speed art videos where he<br \/>magically combines Photoshop and<br \/>Elementor to create truly one-of-a-kind<br \/>pages hi Bogdan so sadly we have only<br \/>one microphone so I&#8217;ll be doing most of<br \/>the talking but that&#8217;s that&#8217;s actually<br \/>good because that will allow the magical<br \/>hands of Bogdan to work today we&#8217;re<br \/>gonna go step by step through a new<br \/>faster process of creating a page using<br \/>blocks blocks is a new feature of<br \/>alimentar 2.0 that is currently in beta<br \/>what blocks are are pre-designed section<br \/>templates that introduce a flexible page<br \/>building process so if you think about<br \/>it a full working with templates is<br \/>great you get a full page but sometimes<br \/>it doesn&#8217;t match the exact need that you<br \/>want and to do all the customization for<br \/>a well-developed and well-established<br \/>template is somewhat difficult blocks<br \/>are much more simple more independent<br \/>and allow for a flexible and dynamic<br \/>process that you can drag and you as<br \/>you&#8217;ll see you can start with a<br \/>prototype of basic design and then<br \/>customize it and make it unique so I see<br \/>there was a our first technical issue so<br \/>you should be forgiving because it&#8217;s our<br \/>first webinar so we&#8217;ll be posting to<br \/>Facebook the updated live address<br \/>momentarily and then we might be seeing<br \/>I see people are starting to stack up<br \/>here and yeah so we&#8217;ll give it one more<br \/>minute or two so actually this blocks<br \/>feature is pretty cool with start we&#8217;re<br \/>starting out with about two hundred and<br \/>variety of categories so we categorized<br \/>about 15 of the most popular sections<br \/>people need from call to action if fa<br \/>Q&#8217;s services hero headers everything you<br \/>need to create any kind of page and<br \/>that&#8217;s of course just the start we&#8217;ll be<br \/>adding more Mora blocks as we go along<br \/>so it&#8217;s really easy for beginners<br \/>instead of trying to tinker with a<br \/>template and understanding how to drag<br \/>it and sometimes it&#8217;s done it doesn&#8217;t<br \/>fit they can choose any block add it to<br \/>the page<br \/>and mix and match any type of blocks<br \/>blocks come now as light or dark colored<br \/>so pick one that fits your website and<br \/>start designing and customizing it for<br \/>professional designers it&#8217;s also very<br \/>helpful because it can it can improve<br \/>their workflow instead of starting from<br \/>scratch they quickly prototype create a<br \/>page within minutes and then customize<br \/>make them make it their own and reuse<br \/>them again and again in their projects<br \/>so I think it&#8217;s a good time to start<br \/>right now Bogdan will be showing you how<br \/>to create this page and I will follow<br \/>along and try to explain what it does so<br \/>we will start by just second Bogdan what<br \/>you are seeing now is a the new blocks<br \/>menu so you see what Bogdan did is click<br \/>on add template then chose the blocks<br \/>tab and here you have a wide range of<br \/>categories if you go to hero it filters<br \/>through all the hero blocks we can see<br \/>what we think is best<br \/>browse around and insert it<br \/>and you see all the elements of the<br \/>block then we can change things but<br \/>first let&#8217;s add all the other blocks as<br \/>well so we have a hero at the top a<br \/>services section below that so this was<br \/>the services that we wanted hello world<br \/>press zone and our final section is call<br \/>to action so you see here there&#8217;s a huge<br \/>variety for you to choose from now you<br \/>see that without any problem all of<br \/>these sections are standalone and they<br \/>work well with each other because<br \/>they&#8217;re so simple and easy to use<br \/>now we&#8217;re going to start doing the<br \/>customization baktun already removed the<br \/>background image and now we&#8217;ll be<br \/>tinkering with the gradient background<br \/>and this is the background that we<br \/>created in advanced Moglen is changing<br \/>the opacity to get it to mix with the<br \/>background color so the the business<br \/>that we&#8217;ve we&#8217;ve invented is called the<br \/>beard trimmer and this is a business for<br \/>hairstyle<br \/>and I think it&#8217;s so much easier that the<br \/>topography is set and the layout is said<br \/>you don&#8217;t have to hassle with everything<br \/>just to make it look decent you can go<br \/>on and customize it to more unique font<br \/>family and setting of course all the<br \/>padding and margins are also done the<br \/>only thing that we sometimes do in the<br \/>process of designing the blocks is<br \/>changing maybe the ratio increasing<br \/>margin or pairing but we will usually<br \/>stick to the same initial ratio so we<br \/>see that the hero had heard of the first<br \/>hero which is the most important part of<br \/>the page because it what it&#8217;s what<br \/>people see the most that it&#8217;s a two<br \/>column layout that we chose now walden<br \/>is creating the link with a an<br \/>underlined link effect that will change<br \/>on hover<br \/>instead of the video we still don&#8217;t have<br \/>a video for this business so we&#8217;ll use<br \/>an image and we&#8217;ll we will do a sort of<br \/>cool effect here which is the use of<br \/>z-index so if you&#8217;re not familiar<br \/>I invite you to go to the documentation<br \/>because we won&#8217;t have time to explain it<br \/>but basically it sets which layer is on<br \/>the front and which is on the back and<br \/>using minus margin we can actually get a<br \/>nice effect where the title is in the<br \/>front of the makeup is that makeup or<br \/>wax beard wax let&#8217;s call it that hey so<br \/>this gives it a nice nice effect out of<br \/>the box yeah header is finished look how<br \/>much time was that can someone did<br \/>someone time it that it was fast so<br \/>welcome to everyone joining us I see<br \/>already a hundred people are watching<br \/>which is nice so hi everyone also from<br \/>Bogdan here next services of course<br \/>because we are starting with blocks<br \/>which are very simple and black and<br \/>white light and dark so we are<br \/>customizing them and using adding colors<br \/>and it&#8217;s really easy that we start off<br \/>with something very simple and then do<br \/>the customization according to our<br \/>website colors<br \/>yeah so now we are setting the<br \/>black-and-white image and now we&#8217;re<br \/>going to show a nice effect where the<br \/>image is on the background and we add a<br \/>background overlay which is a gradient<br \/>of white but the top of which is with an<br \/>overlay so yeah you can see that you<br \/>don&#8217;t have the the image is visible only<br \/>on the top and it gives it a nice<br \/>shining effect which is very unique in<br \/>this for this page now we&#8217;re going to<br \/>continue to customize this section and I<br \/>see people started posting questions and<br \/>that&#8217;s fine we will have a Q&amp;A session<br \/>later we just want to finish this<br \/>tutorial so people can start using the<br \/>blocks feature of Elementor once it&#8217;s<br \/>out currently it&#8217;s in beta so everyone<br \/>can go and test it on your dev sites and<br \/>you see that the block the services<br \/>section already comes with a nice shadow<br \/>and a nice feature for the hover shadow<br \/>of each of the columns and this just<br \/>states that it&#8217;s not blocks are not like<br \/>super simple to simplistic not to be<br \/>beautiful but we are taking what is<br \/>initially in the blocks and taking it to<br \/>the next step and customize it<br \/>customizing it to fit this page<br \/>so Bogdan is now adding editing the<br \/>column and adding some yeah a hover<br \/>effect of a sin a sin line a thin red<br \/>line that appears on hover also<br \/>accentuating a bit the drop shadow and<br \/>yeah now he duplicated the the column so<br \/>they get the same effect without having<br \/>to recreate it now we need to yeah play<br \/>around a bit with the space using blocks<br \/>you&#8217;re still going to do some<br \/>customization and changes but having<br \/>that initial setup really helps working<br \/>fast as you can see this is a great tool<br \/>for professional designers to scale up<br \/>their work and move faster and more<br \/>efficient of course<br \/>so I see the same theme of red repeats<br \/>in the title yeah and you know colors is<br \/>also always important I mean we start<br \/>off with simple black and white blocks<br \/>and this is for prototyping and getting<br \/>you the right start but I do recommend<br \/>you use bold colors and interesting<br \/>colors on your designs because you see<br \/>the effect that it gives to the whole<br \/>page second section done it looks great<br \/>okay so the third section of our<br \/>hairstyling landing page is the call to<br \/>action section now this is going to<br \/>you&#8217;re going to do total transformation<br \/>to this to this part right so most of<br \/>the blocks do have a light and dark<br \/>versions but not all of the blocks in<br \/>this case we don&#8217;t have a light version<br \/>so what Bogdan is going to do is reverse<br \/>all the colors so so the white title<br \/>will be dark and vice-versa<br \/>and we&#8217;re going to show a really cool<br \/>double hover effect here which is nice<br \/>so you see the image already has a hover<br \/>grow and effect<br \/>so now we&#8217;re fixing the titles and if<br \/>you&#8217;re using typography usually a good<br \/>rule of thumb is to repeat the same<br \/>families throughout the titles and text<br \/>elements or at least fonts that are<br \/>aligned well together<br \/>we see the same red repeating in the<br \/>button border<br \/>yeah now we did a nice hover effect for<br \/>the button so what we will do in this<br \/>section is combine the image animation<br \/>Gro animation with a background<br \/>animation to separate animations that<br \/>will work together to create a really<br \/>nice effect<br \/>so now Bogdan is going to the section<br \/>settings and under background type use<br \/>this image right here of all the<br \/>barbershop tools we yeah we start with<br \/>the position of center center and this<br \/>aligns the image to the center of the<br \/>section yeah<br \/>on top of this we put a background<br \/>overlay to sort of add a get a haze<br \/>effect to the image of the background<br \/>this also puts the image on the front of<br \/>course in focus so we are adding an an<br \/>on hover we were adding another image<br \/>which is actually the same image and<br \/>this will allow us to do the this effect<br \/>the position now is center-right and<br \/>this means when Bogdan will hover over<br \/>this section two things will occur they<br \/>grow the growth of the image will be<br \/>present and the background itself will<br \/>move to the left so yeah we&#8217;ll add<br \/>another effect on hover which is another<br \/>background overlay effect which will add<br \/>another haze you see it goes now to<br \/>hover and add another white effect now<br \/>with a different opacity so on hover you<br \/>see three things happening then three<br \/>animations happening at the same time<br \/>the main image pops out and grows the<br \/>background moves two sways to the left<br \/>and all the image on the background<br \/>kind of Hayes&#8217;s so when we hover over it<br \/>it really looks like something is<br \/>happening and that into that small<br \/>interaction that took us two minutes to<br \/>make that&#8217;s all the difference between<br \/>something that looks nice too so so tell<br \/>us users how long did it take us to<br \/>create a complete full page using blocks<br \/>I think now we&#8217;re about 15 minutes in<br \/>our short tutorial and it really<br \/>emphasizes the effects we&#8217;ll be doing a<br \/>lot of more tutorials and guides how to<br \/>use blocks because we believe it&#8217;s a<br \/>great tool it&#8217;s a new feature of<br \/>Elementor 2.0 beta and I think now it&#8217;s<br \/>a good time that you can ask us any<br \/>questions and we&#8217;ll go over the question<br \/>that you posed us and let&#8217;s look okay so<br \/>Mik Casilla I hope I am pronouncing it<br \/>right says hi guys<br \/>when will you start supporting landscape<br \/>view on tablets or provide proper<br \/>instruction how to implement that there<br \/>are a lot of us who are not so talented<br \/>with coding well it&#8217;s true now that for<br \/>tablet landscape you need you can use<br \/>custom CSS and we have currently we<br \/>offer three breakpoints in our editor we<br \/>might be changing it in the future but<br \/>currently we think this is enough for<br \/>most of the screens so keep updated we<br \/>might change it or add in the future I<br \/>don&#8217;t have any information on that<br \/>upload too much different so this is<br \/>Lois Lara Lara says upload too much<br \/>differences fonts could be a problem for<br \/>load time what do you think guys well I<br \/>would<br \/>that the Google Fonts that you get<br \/>initially inside Elementor should be<br \/>enough for most of your projects because<br \/>I think now it&#8217;s over 800 different<br \/>fonts and as you&#8217;ve seen in in this<br \/>tutorial we used only a group yeah if<br \/>you have I would recommend if you have<br \/>specific fonts that you like use them<br \/>they shouldn&#8217;t<br \/>I mean adding a new font doesn&#8217;t<br \/>influence the page speed we got that<br \/>question and it&#8217;s just it doesn&#8217;t<br \/>influence page really small the smallest<br \/>file that is uploaded and a small<br \/>request another request to the server so<br \/>it&#8217;s really not substantial and you<br \/>shouldn&#8217;t worry about it<br \/>it&#8217;s really fine hi guys<br \/>with animator is it possible to create a<br \/>magazine website<br \/>this is mois\u00e9s we have people from all<br \/>over the world so it makes me proud but<br \/>I&#8217;m sorry I can&#8217;t pronounce possibly the<br \/>names yeah magazine websites that&#8217;s<br \/>definitely possible we even created a<br \/>tutorial explaining explain just how to<br \/>use how to create a magazine website<br \/>with a theme called collar mag so check<br \/>that tutorial out and yeah hello will<br \/>you demo the header\/footer<br \/>we will not demo it yet but it&#8217;s coming<br \/>soon that&#8217;s bad cat design okay alright<br \/>let&#8217;s see<br \/>when we have a pop up in the element<br \/>this will also come up in the future I<br \/>don&#8217;t have an ETA how to integrate<br \/>Elementor with Gutenberg well Gutenberg<br \/>is not out inside the core once it&#8217;s out<br \/>we have will have more clear ideas but<br \/>we&#8217;re already preparing and blocks a<br \/>Gutenberg will also have blocks this has<br \/>all been created to enable in the future<br \/>compatibility maximum compatibility for<br \/>the user will it be possible to not load<br \/>the images with the blocks and actually<br \/>no when you upload the blocks it comes<br \/>with the image but you&#8217;ve seen in this<br \/>tutorial how easy it is to quickly<br \/>customize it so I don&#8217;t know that the<br \/>images are have all been tiny then made<br \/>small so it shouldn&#8217;t affect on it<br \/>shouldn&#8217;t have any effect and we didn&#8217;t<br \/>show it but maybe now is a good time<br \/>that all the blocks are also mobile<br \/>responsive so yeah<br \/>let&#8217;s check out few more comments in<br \/>them in the meantime what is the<br \/>transition speed you used for the smooth<br \/>feel I think what they mean is the<br \/>transition that you did for the Gro<br \/>effect I think it was &#8211; if I&#8217;m not<br \/>mistaken the transition that you set for<br \/>the movement of the it was &#8211; can we have<br \/>a copy of this template once you&#8217;ve<br \/>finished guys well before we release a<br \/>template that&#8217;s important for you to<br \/>know there are a lot of tests and<br \/>reassurances that we have to run to make<br \/>sure that everything is aligned and<br \/>there are no issues so it takes a little<br \/>time but usually we do release them<br \/>eventually what&#8217;s this little dynamic<br \/>button on image corner top right okay<br \/>that&#8217;s a good question and I&#8217;m glad that<br \/>people are very they have a good eye for<br \/>details so this is a feature of<br \/>Elementor pro 2.0 but it&#8217;s still we&#8217;re<br \/>going to release a post about it and<br \/>we&#8217;re going to talk about and there&#8217;s<br \/>going to be a better soon so I think<br \/>it&#8217;s too soon to talk about that but I<br \/>have to tell you it&#8217;s it&#8217;s a great new<br \/>feature and it will wow you and we might<br \/>even have some sort of sneak coming up<br \/>for it and you can of course imagine<br \/>what what it might be I would love to<br \/>hear your your guesses<br \/>in the in yeah if you finished okay well<br \/>while I&#8217;m talking if you know this then<br \/>Bogdan moved to mobile view and started<br \/>customizing everything you can create a<br \/>totally different alignment and style<br \/>for mobile devices yeah and it looks<br \/>perfect and all the blocks themselves<br \/>once you insert them they are pre-built<br \/>mobile responsive so you can start using<br \/>them and customize them and they will<br \/>look great I see a lot of new questions<br \/>so let&#8217;s see when its version 2 coming<br \/>well I don&#8217;t have an ETA yet but we&#8217;re<br \/>very advanced into going to release<br \/>elemental Pro beta so good things are<br \/>coming so please be patient<br \/>will we okay that&#8217;s an important<br \/>question that someone asked will we be<br \/>able to create our own blocks on a new<br \/>tab this will not be I mean there might<br \/>be changes for this in the future but<br \/>currently what you do after you maybe<br \/>you can show it back then after you<br \/>create your section you can actually<br \/>save the section now this save the<br \/>section that you create you can save it<br \/>as a section to the library okay you<br \/>give it a name and you save it then you<br \/>can reuse it on any project yeah it&#8217;s<br \/>the same as blocks then it will appear<br \/>when you go when you go to a template<br \/>and you go to my templates you will see<br \/>and you&#8217;ll be able to to use them if you<br \/>if you use the template it&#8217;s the second<br \/>if you use the template widget then<br \/>you&#8217;ll add you will actually be able to<br \/>choose that template that you just saved<br \/>and<br \/>use it wherever you want on your website<br \/>what&#8217;s great about that if you change<br \/>your template at one time at one place<br \/>it will change the entire area of the<br \/>entire sections throughout your site so<br \/>if you put like a banner and you place<br \/>it throughout your entire site you<br \/>change it in one area and it changes<br \/>throughout your site which is cool<br \/>in the upcoming Elementor 2.0 in regards<br \/>to custom post and custom fields<br \/>integration can we expect to be able to<br \/>dynamically load data into most of the<br \/>elements yes that&#8217;s the question that&#8217;s<br \/>the answer to that it will take time I<br \/>mean all the integrations to ACF and<br \/>other features it will take time so the<br \/>better that we will release will be a<br \/>long beta where we will take your<br \/>feedback and improve it and do all these<br \/>changes that are needed but it&#8217;s going<br \/>to be awesome why did you choose not to<br \/>have the alt on image carousel widget I<br \/>mean I I don&#8217;t have an answer to that<br \/>the only answer is for the newer widget<br \/>that we&#8217;ve introduced media carousel<br \/>that actually can serve as an image<br \/>carousel we do have the alt the alt that<br \/>can appear on top of the image will<br \/>Elementor be using CSS grid in the<br \/>future I don&#8217;t have an answer to that I<br \/>can check and return in the future will<br \/>you put an apply to all section columns<br \/>when you add a single animation it is so<br \/>tedious to edit in each every column or<br \/>section and regarding animation I&#8217;m not<br \/>sure in any case I wouldn&#8217;t I wouldn&#8217;t<br \/>recommend like using animation on each<br \/>and every section in column I&#8217;ve seen<br \/>some of those websites and they&#8217;re kind<br \/>of hideous<br \/>animation should be used thoughtfully<br \/>and with with regards to with planning<br \/>and not overuse it where can I get one<br \/>of those sickest Elementor shirts yeah<br \/>we we might have a competition in the<br \/>future I don&#8217;t<br \/>currently only employees have them and a<br \/>few few others and but maybe in inward<br \/>camps that we will be present at we will<br \/>share them will my templates get a<br \/>preview I know that&#8217;s an issue and I<br \/>know many people want a preview but<br \/>there are some technical issues with<br \/>that but we might add it in the future<br \/>we are aware of that hello Ben say<br \/>something about the theme builder what<br \/>can we expect well I think it&#8217;s it&#8217;s too<br \/>early to share right now exactly what<br \/>what is planned but I can tell you that<br \/>there&#8217;s a lot of functionality waiting<br \/>to happen and it will solve a lot of the<br \/>issues that users face today with<br \/>WordPress will you have a better way to<br \/>organize our own saved section that<br \/>we&#8217;ve created in the library in the<br \/>future like in organized folders well we<br \/>keep improving the way you filter and<br \/>search through templates we recently<br \/>added the filters and search so we&#8217;re<br \/>constantly thinking about how to improve<br \/>it we are aware that it&#8217;s it&#8217;s an issue<br \/>so you should expect improvements<br \/>already with blocks you can see the the<br \/>drop-down that we&#8217;ve added and yeah<br \/>there will be improvements there what is<br \/>the ETA for blocks again I don&#8217;t have a<br \/>specific ETA but the blocks will be kind<br \/>of soon it will be sooner a lot sooner<br \/>than the the the pro 2.0 release can we<br \/>also have images for templates like<br \/>theme images I&#8217;m not sure if I<br \/>understand what that question means but<br \/>if<br \/>if that if you mean like featured image<br \/>then yes this will be in Elementor 2.0<br \/>will you add a video portfolio widget in<br \/>the future right now you have to post a<br \/>portfolio but I don&#8217;t see an option to<br \/>showcase my video per category that&#8217;s an<br \/>interesting idea yeah we might have that<br \/>I think yeah I think we&#8217;re about 35<br \/>minutes into this webinar and Bogdan do<br \/>you want to say something thanks for<br \/>watching guys I hope you liked it and in<br \/>future we can do more and more yeah<br \/>thank you we&#8217;d love to get your feedback<br \/>after this webinar I hope you&#8217;ve enjoyed<br \/>it for us it&#8217;s very important to keep<br \/>this community growing and keep the<br \/>communication lines open with you<br \/>so now Elementor has 600,000 active<br \/>installs we&#8217;re not even two years in the<br \/>market so we&#8217;re thrilled about this<br \/>growth and will thrilled that people<br \/>enjoy a product we can promise that<br \/>we&#8217;re going to do our best to help you<br \/>and give you tutorials and I see people<br \/>are asking if you have a portfolio site<br \/>so yeah we might post it if you want his<br \/>is dribble so thank you very much<br \/>everyone for joining in until next time<br \/>this is Ben from Elementor bye everyone<br \/>bye bye<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview Join us as we show the exciting new process of creating landing pages using Blocks. Transcript first I want to welcome you all elementors to our first live webinar and I\u2019m Ben CMO of Elementor today I\u2019m joined by one of our lead designers Bogdan Fishbein now you might have seen some [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-2717","post","type-post","status-publish","format-standard","hentry","category-other"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Live Webinar: How to Create a Landing Page Faster Using Blocks - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Live Webinar: How to Create a Landing Page Faster Using Blocks - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Join us as we show the exciting new process of creating landing pages using Blocks. Transcript first I want to welcome you all elementors to our first live webinar and I\u2019m Ben CMO of Elementor today I\u2019m joined by one of our lead designers Bogdan Fishbein now you might have seen some [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T10:30:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T11:08:44+00:00\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Live Webinar: How to Create a Landing Page Faster Using Blocks - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/","og_locale":"en_US","og_type":"article","og_title":"Live Webinar: How to Create a Landing Page Faster Using Blocks - Academy","og_description":"Overview Transcript Overview Join us as we show the exciting new process of creating landing pages using Blocks. Transcript first I want to welcome you all elementors to our first live webinar and I\u2019m Ben CMO of Elementor today I\u2019m joined by one of our lead designers Bogdan Fishbein now you might have seen some [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/","og_site_name":"Academy","article_published_time":"2021-06-22T10:30:22+00:00","article_modified_time":"2023-02-21T11:08:44+00:00","author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Live Webinar: How to Create a Landing Page Faster Using Blocks","datePublished":"2021-06-22T10:30:22+00:00","dateModified":"2023-02-21T11:08:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/"},"wordCount":4062,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"articleSection":["Other"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/","url":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/","name":"Live Webinar: How to Create a Landing Page Faster Using Blocks - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"datePublished":"2021-06-22T10:30:22+00:00","dateModified":"2023-02-21T11:08:44+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/live-webinar-how-to-create-a-landing-page-faster-using-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Other","item":"https:\/\/elementor.com\/academy\/other\/"},{"@type":"ListItem","position":4,"name":"Live Webinar: How to Create a Landing Page Faster Using Blocks"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2717"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2717\/revisions"}],"predecessor-version":[{"id":9432,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2717\/revisions\/9432"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}