{"id":15205,"date":"2018-07-31T13:18:14","date_gmt":"2018-07-31T13:18:14","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=15205"},"modified":"2025-12-05T22:33:58","modified_gmt":"2025-12-05T20:33:58","slug":"create-wordpress-landing-page","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/","title":{"rendered":"How to Create a Landing Page in WordPress With Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"15205\" class=\"elementor elementor-15205\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b730a00 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b730a00\" data-element_type=\"section\">\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-a46b0f7\" data-id=\"a46b0f7\" 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-ea1a82e elementor-widget elementor-widget-text-editor\" data-id=\"ea1a82e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>There are many ways to build successful landing pages.\u00a0<\/p><p><em>&#8220;Why follow this particular tutorial and not others?&#8221;<\/em>\u00a0you might ask.<\/p><p>This step-by-step tutorial has several key advantages:<\/p><ol><li><strong>Free landing page builder<\/strong> \u2013 You will be building a landing page with our leading <a href=\"https:\/\/elementor.com\/features\/landing-page-builder\/\"><u>free WordPress landing page builder<\/u><\/a> with no additional WordPress plugins.\u00a0<\/li><li><strong>No coding<\/strong> \u2013 You won&#8217;t have to deal with a single line of CSS or PHP code, and also won&#8217;t need to deal with <a href=\"https:\/\/elementor.com\/blog\/wordpress-child-theme\/\">child themes<\/a> \u2013 or any technical know-how for that matter.<\/li><li><strong>High Conversions<\/strong> \u2013 We put focus in this guide on reaching a landing page that not only looks beautiful but is built to generate higher conversions.<\/li><\/ol><p>First, let&#8217;s start with a quick explanation of what a landing page is and how it is different from a homepage. Then, we&#8217;ll show you how to create your own landing page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aef3392 blog-toc elementor-widget elementor-widget-heading\" data-id=\"aef3392\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table Of Contents<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05d1146 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"05d1146\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-is\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">What is a Landing Page?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-is-the-difference\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">What Is The Difference Between The Homepage And A Landing Page?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How To Create a Landing Page in WordPress: Step-by-Step Guide<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#additional\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Additional Tricks: Sticky Menu and Anchor<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#final-trick\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Final Trick: Hiding the Navigation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2858276 elementor-widget elementor-widget-menu-anchor\" data-id=\"2858276\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"what-is\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9016946 elementor-widget elementor-widget-heading\" data-id=\"9016946\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is a Landing Page?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe1176c elementor-widget elementor-widget-text-editor\" data-id=\"fe1176c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A landing page is a page on your website which has been created specifically for a certain marketing campaign. <a href=\"https:\/\/elementor.com\/blog\/landing-page-optimization\/\">Landing pages<\/a> are made with a clear call to action (CTA) goals in mind, and they often generate better conversion rates than regular blog posts or site pages. They are also a good source for generating leads and creating an email list for marketing purposes, as well as enforcing a presence in social media.\u00a0<\/p><p>There are several differentiators between landing pages and regular pages \u2014 like the homepage, for example, they have fewer or no header and footer menu links, they\u2019re more visual and tend to have clear messaging. The most common way to categorize landing pages is to lead generation pages and click-through pages.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-956f748 elementor-widget elementor-widget-menu-anchor\" data-id=\"956f748\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"what-is-the-difference\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6aec7d9 elementor-widget elementor-widget-heading\" data-id=\"6aec7d9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Is The Difference Between The Homepage And A Landing Page?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8fd893 elementor-widget elementor-widget-text-editor\" data-id=\"d8fd893\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>While a visitor can certainly &#8220;land&#8221; on your homepage, that doesn&#8217;t mean your homepage is a landing page.<\/p><p>Your homepage is essentially the welcome area for your brand. It introduces what your brand offers, who it&#8217;s for, who to contact, and so on. What&#8217;s more, it encourages your visitors to explore other areas of your site.<\/p><p>This general approach is great for introducing people to your brand. However, it&#8217;s not great if you want visitors to take a single, specific action.<\/p><p>That&#8217;s where landing pages come in:<\/p><p>Rather than trying to cover all the information about your brand, a landing page is focused on getting visitors to perform one specific action. That action could be buying a product, filling out a form, joining your email list, and so on.<\/p><p>As we mentioned above, landing pages accomplish this by removing as many distractions as possible. For example, your homepage will include lots of links to deeper areas of your site. This is good because you want visitors to explore.<\/p><p>In contrast, your landing pages should remove all or most of those links. On a landing page, those links are just distractions that might get in the way of visitors performing the action that you want them to perform.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f000b1 elementor-widget elementor-widget-menu-anchor\" data-id=\"6f000b1\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89490e3 elementor-widget elementor-widget-heading\" data-id=\"89490e3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How To Create a Landing Page in WordPress: Step-by-Step Guide<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6a1596 elementor-widget elementor-widget-text-editor\" data-id=\"c6a1596\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now that you know what landing pages are and why they&#8217;re useful, let&#8217;s get into how you can create a dedicated landing page for your <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-wordpress\/\"   title=\"What is WordPress? Build a Website, Sell, Start a Blog &amp; More (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26867\">WordPress website<\/a>.<\/p><p>To create your landing pages, you can use Elementor and its visual drag-and-drop design interface.<\/p><p>Why use Elementor instead of the default WordPress block editor? Well, there are a few reasons:<\/p><ul><li><strong>Visual, drag-and-drop design <\/strong>&#8211; Elementor gives you access to a much more powerful visual, drag-and-drop design editor. Because you have more control over your design, you can make sure that every part of your landing page is perfect.<\/li><\/ul><ul><li><strong>Blank canvas <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26868\">template<\/a><\/strong> &#8211; Elementor lets you build your landing pages using a blank canvas that hides your header and footer, which the block editor doesn&#8217;t offer by default. As we discussed above, hiding navigation is a good practice for landing pages because it lets you remove distractions and focus your landing page on pushing users towards a specific action.<br \/><br \/><\/li><li><strong>Landing page management <\/strong>&#8211; Elementor gives you a dedicated landing page management area. This lets you keep your landing pages separate from your regular content pages.<\/li><\/ul><ul><li><strong>Marketing elements<\/strong> &#8211; Elementor includes tons of built-in marketing elements that help you optimize your landing pages and eliminate the need to use third-party plugins. For example, you can add forms using the Form widget and easily integrate with your CRM or email marketing service.<\/li><\/ul><ul><li><strong>Landing page templates<\/strong> &#8211; while Elementor makes it easy to build great-looking landing pages from a blank canvas, you also have the option to import one of Elementor&#8217;s professionally designed landing page templates and then customize it to your needs.<\/li><\/ul><p>Are you ready to build your first landing page? Here&#8217;s how it works:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de595c1 elementor-widget elementor-widget-heading\" data-id=\"de595c1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Initial Setup<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd8d7be elementor-widget elementor-widget-text-editor\" data-id=\"fd8d7be\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To follow this guide and create your own landing page, you&#8217;ll need three tools:<\/p><ol><li><a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener\">A WordPress site<\/a> (required)<\/li><li><a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener\">The free Elementor plugin<\/a> (required)<\/li><li><a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro<\/a> (optional, but very useful for landing pages)<\/li><\/ol><p>WordPress provides the baseline functionality for your website and your landing pages. If you&#8217;ve already built your main website with WordPress, you can use that same WordPress install for your landing pages. If you don&#8217;t have a WordPress site yet, you&#8217;ll need to create a fresh WordPress install before continuing. We have a detailed <a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\" target=\"_blank\" rel=\"noopener\">guide on how to make a WordPress site<\/a>.<\/p><p>Once you have a WordPress site, the Elementor plugin adds the visual, drag-and-drop design interface that you can use to create your landing pages. The Elementor plugin is free and available at WordPress.org &#8211; you can install it by going to <strong>Plugins \u2192 Add New<\/strong> and searching for &#8220;Elementor&#8221;. <a href=\"https:\/\/elementor.com\/help\/how-to-install-elementor\/\" target=\"_blank\" rel=\"noopener\">Head here for more detailed instructions<\/a>.<\/p><p>Elementor Pro extends the free Elementor plugin with a number of features and design options that <a href=\"https:\/\/elementor.com\/features\/marketing-platform\/\">can improve your landing pages<\/a>. For example, Elementor Pro gives you the Form widget, which you can use to create all kinds of opt-in or lead capture forms. To use it, you&#8217;ll need to <a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">purchase Elementor Pro<\/a> and <a href=\"https:\/\/elementor.com\/help\/installing-elementor-pro\/\" target=\"_blank\" rel=\"noopener\">then install it on your site<\/a> alongside the free Elementor plugin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e398f47 elementor-widget elementor-widget-heading\" data-id=\"e398f47\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">The Landing Page You'll Build<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e662b0 elementor-widget elementor-widget-text-editor\" data-id=\"6e662b0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You will be creating a page which includes:<\/p><ol><li><strong>Top section<\/strong> \u2014 This takes most of our screen space. It&#8217;s made of a headline title, some text, and a call to action button \u2013 that will lead the user to our form.<\/li><li><strong>Navigation Menu section<\/strong> \u2014 This area helps the site visitor to quickly navigate to any part of our landing page.<\/li><li><strong>About section<\/strong> \u2014 An important section that tells our visitors more about our business or service.<\/li><li><strong>Features section<\/strong> \u2014 A list of features, with a big image on the left.<\/li><li><strong>Gallery section<\/strong> \u2014 For this section, we created a unique gallery layout using a combination of widgets, with some images, text, social icons, and video background.<\/li><li><strong>Form section<\/strong> \u2014 Here, we included a contact form which will allow our visitors to easily connect with us.<\/li><\/ol><p>So that&#8217;s it \u2014 let&#8217;s start!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a065257 elementor-widget elementor-widget-heading\" data-id=\"a065257\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 1: Create a New Landing Page<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0a4e68 elementor-widget elementor-widget-text-editor\" data-id=\"b0a4e68\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As we mentioned above, one of the advantages of using Elementor is that it gives you a dedicated interface to manage your landing pages instead of requiring you to mix them in with your regular WordPress content pages.<\/p><p>To create your first landing page, go to <strong>Templates \u2192 Landing Pages <\/strong>and click the <strong>Add New Landing Page<\/strong> button.<\/p><p>This will launch you into the Elementor editor. You can either choose one of the premade landing page templates or close the template library to build your landing page from scratch.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1589ed elementor-widget elementor-widget-heading\" data-id=\"e1589ed\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 2: Set Up Colors, Fonts, and Color Picker<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25e8081 elementor-widget elementor-widget-text-editor\" data-id=\"25e8081\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Before starting the actual<a href=\"https:\/\/elementor.com\/blog\/how-to-design-effective-landing-page\/\" target=\"_blank\" rel=\"noopener\"> landing page design<\/a>, it is important to set up the visual editor correctly.<\/p><p>When you create a new landing page, Elementor will automatically apply the Elementor Canvas page layout. This gives us a \u201cclean\u201d page, without the header, footer, or sidebar. That\u2019s a good option to go with when building a landing page.<\/p><p>We then set the default global colors as follows: primary is white, secondary, and text \u2014 black. The default colors will be automatically set when we add a new widget, making our job a whole lot easier.<\/p><p>Let\u2019s do the same to fonts. I\u2019ve set up my primary and secondary headlines font to an Adobe Typekit font (<a href=\"https:\/\/fonts.adobe.com\/fonts\/restore\" target=\"_blank\" rel=\"noopener\">Restore<\/a>), but you can set your own font as you wish.\u00a0<\/p><p>With regards to the color picker, we set up our colors, so we can access them quickly while building the page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eee7f3d elementor-widget elementor-widget-heading\" data-id=\"eee7f3d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 3: The Landing Page's Top Section<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c2aaae elementor-widget elementor-widget-image\" data-id=\"4c2aaae\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"402\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=402\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-1024x514.jpg\" class=\"attachment-large size-large wp-image-15229\" alt=\"Landing Page Hero\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-1024x514.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-300x151.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-768x386.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1516\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min.jpg 1516w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-049030f elementor-widget elementor-widget-text-editor\" data-id=\"049030f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our top light blue section includes the heading, text-editor, and button widgets.\u00a0<\/p><p><strong>What\u2019s special here:<\/strong> The background image blend mode and the overlapping headings.<\/p><p><strong>How we did it:<\/strong> We set the background color to blue. Background overlay gives us the option to set another layer on top, this time set an image overlay. Blend mode is a new option in Elementor 2.1. What it does is mix the overlay with the light blue background. We choose <em>Multiply <\/em>or <em>Darken<\/em>, and check out how this affects the image.<\/p><p>To get the heading overlap, we go to the first heading\u2019s advanced settings and add a minus margin just to the bottom.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ffcb20 elementor-widget elementor-widget-heading\" data-id=\"4ffcb20\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 4: Header &amp; Navigation Area<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b914ca7 elementor-widget elementor-widget-image\" data-id=\"b914ca7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"47\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=47\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-1-1024x60.jpg\" class=\"attachment-large size-large wp-image-15228\" alt=\"Landing Page Header\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-1-1024x60.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-1-300x18.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-1-768x45.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1516\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-1.jpg 1516w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b0c46f elementor-widget elementor-widget-text-editor\" data-id=\"3b0c46f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The navigation area has 3 columns and includes an image widget, <a href=\"https:\/\/elementor.com\/blog\/introducing-nav-menu\/\">nav menu<\/a> widget, and a button.\u00a0<\/p><p><strong>What\u2019s special here:<\/strong> Navigation links that help the visitor scroll to the relevant point in the page.<\/p><p><strong>How we did it: <\/strong> We will achieve this functionality later using the Anchor widget. The menu has 3 links: about, features and gallery. Each link is connected to the relevant section using a hashtag.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cba0866 elementor-widget elementor-widget-heading\" data-id=\"cba0866\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 5: About Area<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abf2103 elementor-widget elementor-widget-image\" data-id=\"abf2103\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"249\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=249\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-2-1024x319.jpg\" class=\"attachment-large size-large wp-image-15227\" alt=\"Landing Page About\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-2-1024x319.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-2-300x94.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-2-768x240.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1516\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-2.jpg 1516w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06d3518 elementor-widget elementor-widget-text-editor\" data-id=\"06d3518\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The About area will be a one-column section. It will include the icon, heading, and text editor widget. This section is pretty simple. The heading has the same style as the top heading, we only changed the shadow a bit.\u00a0<\/p><p><strong>What\u2019s special here<\/strong>: Icon appearing covered over by the heading<\/p><p><strong>How we did it<\/strong>: We reduced the size of the icon and set a bottom minus margin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca8e5a1 elementor-widget elementor-widget-heading\" data-id=\"ca8e5a1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 6: Designing a Features Area<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-328398a elementor-widget elementor-widget-image\" data-id=\"328398a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"364\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=364\/blog\/wp-content\/uploads\/2018\/07\/image-1024x466.png\" class=\"attachment-large size-large wp-image-15336\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2018\/07\/image-1024x466.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/07\/image-300x136.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/07\/image-768x349.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1842\/blog\/wp-content\/uploads\/2018\/07\/image.png 1842w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6582e2c elementor-widget elementor-widget-text-editor\" data-id=\"6582e2c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This features section includes a big Vespa image on the left and a list of 3 services on the right.\u00a0<\/p><p><strong>What\u2019s special here<\/strong>: For this features section, we repeat the background icon effect we used in the previous section.\u00a0<\/p><p><strong>How we did it<\/strong>: To get this effect, we set the margin setting for the icon widget to 40px to the bottom margin, and -20 to the left. We can duplicate this first service 3 times.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbd30f3 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"bbd30f3\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-lightbulb\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M176 80c-52.94 0-96 43.06-96 96 0 8.84 7.16 16 16 16s16-7.16 16-16c0-35.3 28.72-64 64-64 8.84 0 16-7.16 16-16s-7.16-16-16-16zM96.06 459.17c0 3.15.93 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84l.05-43.18H96.02l.04 43.18zM176 0C73.72 0 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78 16.64 18.99 42.74 58.8 52.42 92.16v.06h48v-.12c-.01-4.77-.72-9.51-2.15-14.07-5.59-17.81-22.82-64.77-62.17-109.67-20.54-23.43-31.52-53.15-31.61-84.14-.2-73.64 59.67-128 127.95-128 70.58 0 128 57.42 128 128 0 30.97-11.24 60.85-31.65 84.14-39.11 44.61-56.42 91.47-62.1 109.46a47.507 47.507 0 0 0-2.22 14.3v.1h48v-.05c9.68-33.37 35.78-73.18 52.42-92.16C335.55 260.85 352 220.37 352 176 352 78.8 273.2 0 176 0z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span>Tip<\/span><span style=\"font-weight: 400\">&nbsp;\u2014 if you have a section or any other element you want to duplicate, first make it&nbsp;<\/span><a href=\"https:\/\/elementor.com\/help\/mobile-editing\/\" target=\"_blank\" rel=\"noopener\" style=\"font-weight: 400\">mobile ready<\/a><span style=\"font-weight: 400\">, and only then duplicate it.<\/span><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e2e20d elementor-widget elementor-widget-heading\" data-id=\"8e2e20d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 7: Gallery Area<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-364fc7a elementor-widget elementor-widget-image\" data-id=\"364fc7a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"742\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=742\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-4-1024x950.jpg\" class=\"attachment-large size-large wp-image-15225\" alt=\"Landing Page Gallery\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-4-1024x950.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-4-300x278.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-4-768x713.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1516\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-4.jpg 1516w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e88e6b elementor-widget elementor-widget-text-editor\" data-id=\"7e88e6b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The next area we\u2019ll add is the gallery. Here we have a big title, and a grid made up of call-to-action and other widgets.<\/p><p><strong>What\u2019s special here:<\/strong> A gallery grid make up with various widgets<\/p><p><strong>How we did it:<\/strong><\/p><ul><li>To create this gallery-like grid, we will use the columns widget to create an inner section.\u00a0<\/li><li>We will combine several widgets, and a background video, to create a uniquely styled gallery.\u00a0<\/li><li>We use the spacer widget, so we could set a background color to the left column. We do the same for the center column.\u00a0<\/li><li>We also add another Columns Widget section, and this time under style we\u2019ll set a background type of Video. In the new Elementor 2.1, you can set a start and end time for the video. This is great for creating a background loop.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e0d2cf elementor-widget elementor-widget-heading\" data-id=\"2e0d2cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 8: Contact Area &amp; Contact Form<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31fd76f elementor-widget elementor-widget-image\" data-id=\"31fd76f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"413\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=413\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-5-1024x528.jpg\" class=\"attachment-large size-large wp-image-15224\" alt=\"Landing Page Call to Action Form\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-5-1024x528.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-5-300x155.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-5-768x396.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1516\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-5.jpg 1516w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f214d1a elementor-widget elementor-widget-text-editor\" data-id=\"f214d1a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Here is our contact area, which is a vital part of every page that allows visitors to communicate with the site owners. Using Elementor\u2019s visual <a href=\"https:\/\/elementor.com\/features\/form-builder\/\">form builder<\/a>, we can easily set up a contact form and customize its style to fit the entire page. We can also seamlessly hook it up to an email marketing service like <a href=\"https:\/\/elementor.com\/pro-v140-form-integrations\/\">MailChimp<\/a> using Elementor\u2019s built-in form integrations.<\/p><p><strong>What\u2019s special here<\/strong>: Background blend mode effect<\/p><p><strong>How we did it<\/strong>: We add an image overlay and set it with the blend mode Multiply setting.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3901a6e elementor-widget elementor-widget-menu-anchor\" data-id=\"3901a6e\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"additional\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f17c66 elementor-widget elementor-widget-heading\" data-id=\"4f17c66\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Additional Tricks: Sticky Menu and Anchor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-621b6c2 elementor-widget elementor-widget-text-editor\" data-id=\"621b6c2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We want our menu to be sticky and to be kept on top when we scroll down.<\/p><p><strong>What\u2019s special here<\/strong>: Sticky menu with navigational links<\/p><p><strong>How we did it:<\/strong> We will set this by choosing the edit section, advanced, scrolling effect, sticky top. We can set on which devices we\u2019ll have it sticky, and also the spacing from the top. We also add anchors so the visitors will be able to navigate through the page easily. We do this by dragging an <strong>anchor widget<\/strong> in each section.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6696e84 elementor-widget elementor-widget-menu-anchor\" data-id=\"6696e84\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"final-trick\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1afffa3 elementor-widget elementor-widget-heading\" data-id=\"1afffa3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Final Trick: Hiding the Navigation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bccd11 elementor-widget elementor-widget-text-editor\" data-id=\"9bccd11\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now a little trick regarding the navigation; As you can see, the navigation area is visible throughout the site, but what if we want to hide it a little?<\/p><p><strong>What&#8217;s special here:<\/strong> Hiding the navigation when the user scrolls past a certain point on the page.<\/p><p><strong>How we did it:<\/strong> We\u2019ll choose the navigation section, advanced, and under z-index give it a 1. Under the gallery section settings, style, give it a white background. And under the advanced tab, z-index set it to 2. This means it should cover the menu section. Let&#8217;s see if this works. We&#8217;ll scroll down, and check it out \u2014 the navigation is Gone.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6aae4ca elementor-widget elementor-widget-heading\" data-id=\"6aae4ca\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Let's See the Result...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50ce035 elementor-widget elementor-widget-text-editor\" data-id=\"50ce035\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Let&#8217;s view what we\u2019ve created. Looks cool, right?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68cf3f2 elementor-widget elementor-widget-image\" data-id=\"68cf3f2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"1024\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=380,h=1024\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-380x1024.png\" class=\"attachment-large size-large wp-image-15223\" alt=\"Landing Page WordPress\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=380\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-380x1024.png 380w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=111\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-111x300.png 111w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/07\/screencapture-edu-elementor-davidmarkus-elementor-153-2018-07-26-10_02_40-min-768x2070.png 768w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcb4edb elementor-widget elementor-widget-heading\" data-id=\"dcb4edb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Use Landing Page Templates Instead of Building From Scratch<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf5d64a elementor-widget elementor-widget-text-editor\" data-id=\"bf5d64a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In this post, you learned to build a landing page from scratch, as we went over the creation process every part of the landing page.<\/p><p>An alternate method is to use Elementor\u2019s landing page templates and customize them for your needs. You can find more than a hundred full-page templates in Elementor\u2019s <a href=\"https:\/\/library.elementor.com\/\">free and Pro template library<\/a>. Browse through the list and pick the ones that suit you best.\u00a0<\/p><p>Another option is to use <a href=\"https:\/\/elementor.com\/blog\/introducing-blocks\/\">Elementor Blocks<\/a> to quickly construct the various elements of your landing page. The Blocks categories include hero, call to action, FAQ, services, and other sections you are likely to need.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c86c55 elementor-widget elementor-widget-heading\" data-id=\"9c86c55\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elementor.com\/blog\/faq-page-best-examples\/\">How To Design an FAQ Page + 10 Beautiful Examples<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90ac602 elementor-widget elementor-widget-heading\" data-id=\"90ac602\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WordPress Free \/ Premium Themes for Landing Pages<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9484fda elementor-widget elementor-widget-text-editor\" data-id=\"9484fda\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A common question we get is which theme works best with Elementor. The answer, however, is practically any theme.<\/p><p>Since you are using the Canvas blank template, the entire landing page is built-in Elementor. Choosing a simple theme is a good way to go to ensure the landing page loads quickly.\u00a0<\/p><p>Here are some great free themes you can use:<\/p><ul><li><a href=\"https:\/\/generatepress.com\/\">GeneratePress<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/\">Astra<\/a><\/li><li><a href=\"https:\/\/oceanwp.org\/\">OceanWP<\/a><\/li><li><a href=\"https:\/\/themeisle.com\/themes\/hestia\/\">Hestia<\/a><\/li><\/ul><p>These themes also come with Elementor templates that you can use for your landing pages.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0fdc86 elementor-widget elementor-widget-heading\" data-id=\"f0fdc86\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dynamic Content - Control Multiple Landing Pages From One Place<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-698d8cd elementor-widget elementor-widget-text-editor\" data-id=\"698d8cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This tutorial focused on creating a static landing page, but you can just as easily create a landing page template and using Elementor\u2019s <a href=\"\/help\/dynamic-content\/\">Dynamic Content<\/a> feature attribute that template to multiple landing pages. This way, you can make changes to a single template and have it affect across your landing pages.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edfaa46 elementor-widget elementor-widget-heading\" data-id=\"edfaa46\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63be7c5 elementor-widget elementor-widget-text-editor\" data-id=\"63be7c5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>We\u2019d love to hear from you\u00a0<\/b><strong>\u2014<\/strong><b>\u00a0so please leave any questions or comments below.\u00a0<\/b><b>And don\u2019t forget to subscribe to our YouTube channel for more videos like this and more!<\/b><\/p>\t\t\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>In this guide, we&#8217;ll go over how to build and design a landing page in WordPress, using Elementor. We will cover the essential steps and guidelines you need to follow to create an effective design.<\/p>\n","protected":false},"author":39185,"featured_media":15400,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,36],"tags":[79],"marketing_persona":[],"marketing_intent":[],"class_list":["post-15205","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-marketing","tag-build"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Landing Page in WordPress With Elementor?<\/title>\n<meta name=\"description\" content=\"Learn How to Create a Landing Page in WordPress with Elementor! We cover the essential steps you need to follow to create a great design.\" \/>\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\/blog\/create-wordpress-landing-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Landing Page in WordPress With Elementor?\" \/>\n<meta property=\"og:description\" content=\"Learn How to Create a Landing Page in WordPress with Elementor! We cover the essential steps you need to follow to create a great design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-31T13:18:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-05T20:33:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Saar Kedem\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Saar Kedem\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/\"},\"author\":{\"name\":\"Saar Kedem\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/71d37c7336cbdb6c2fa7337d3c4f46c8\"},\"headline\":\"How to Create a Landing Page in WordPress With Elementor\",\"datePublished\":\"2018-07-31T13:18:14+00:00\",\"dateModified\":\"2025-12-05T20:33:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/\"},\"wordCount\":2607,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png\",\"keywords\":[\"Build\"],\"articleSection\":[\"Blog\",\"Marketing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/\",\"url\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/\",\"name\":\"How to Create a Landing Page in WordPress With Elementor?\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png\",\"datePublished\":\"2018-07-31T13:18:14+00:00\",\"dateModified\":\"2025-12-05T20:33:58+00:00\",\"description\":\"Learn How to Create a Landing Page in WordPress with Elementor! We cover the essential steps you need to follow to create a great design.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Marketing\",\"item\":\"https:\/\/elementor.com\/blog\/category\/marketing\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Landing Page in WordPress With Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/71d37c7336cbdb6c2fa7337d3c4f46c8\",\"name\":\"Saar Kedem\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1088ed3a6dcab53c172d632030ff97173b1e7adc49cd74d116e0e9d0f43b0d7a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1088ed3a6dcab53c172d632030ff97173b1e7adc49cd74d116e0e9d0f43b0d7a?s=96&d=mm&r=g\",\"caption\":\"Saar Kedem\"},\"sameAs\":[\"https:\/\/test.com\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/saarkedem\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Landing Page in WordPress With Elementor?","description":"Learn How to Create a Landing Page in WordPress with Elementor! We cover the essential steps you need to follow to create a great design.","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\/blog\/create-wordpress-landing-page\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Landing Page in WordPress With Elementor?","og_description":"Learn How to Create a Landing Page in WordPress with Elementor! We cover the essential steps you need to follow to create a great design.","og_url":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2018-07-31T13:18:14+00:00","article_modified_time":"2025-12-05T20:33:58+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png","type":"image\/png"}],"author":"Saar Kedem","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Saar Kedem","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/"},"author":{"name":"Saar Kedem","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/71d37c7336cbdb6c2fa7337d3c4f46c8"},"headline":"How to Create a Landing Page in WordPress With Elementor","datePublished":"2018-07-31T13:18:14+00:00","dateModified":"2025-12-05T20:33:58+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/"},"wordCount":2607,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png","keywords":["Build"],"articleSection":["Blog","Marketing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/","url":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/","name":"How to Create a Landing Page in WordPress With Elementor?","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png","datePublished":"2018-07-31T13:18:14+00:00","dateModified":"2025-12-05T20:33:58+00:00","description":"Learn How to Create a Landing Page in WordPress with Elementor! We cover the essential steps you need to follow to create a great design.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/07\/cover-image-Saar_Cover.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Marketing","item":"https:\/\/elementor.com\/blog\/category\/marketing\/"},{"@type":"ListItem","position":3,"name":"How to Create a Landing Page in WordPress With Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/71d37c7336cbdb6c2fa7337d3c4f46c8","name":"Saar Kedem","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1088ed3a6dcab53c172d632030ff97173b1e7adc49cd74d116e0e9d0f43b0d7a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1088ed3a6dcab53c172d632030ff97173b1e7adc49cd74d116e0e9d0f43b0d7a?s=96&d=mm&r=g","caption":"Saar Kedem"},"sameAs":["https:\/\/test.com"],"url":"https:\/\/elementor.com\/blog\/author\/saarkedem\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/15205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/39185"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=15205"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/15205\/revisions"}],"predecessor-version":[{"id":146766,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/15205\/revisions\/146766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/15400"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=15205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=15205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=15205"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=15205"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=15205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}