{"id":4953,"date":"2019-01-31T10:55:29","date_gmt":"2019-01-31T10:55:29","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=4953"},"modified":"2023-05-30T10:55:51","modified_gmt":"2023-05-30T10:55:51","slug":"how-to-create-pages-with-elementor-page-builder","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/","title":{"rendered":"How to Create Pages with the Elementor Page Builder"},"content":{"rendered":"\n<p>There are lots of reasons that make <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Elementor<\/a> page builders stand out among the others. The most important is its user-friendly interface for creating posts, pages, etc. Also, it doesn\u2019t require any <strong>HTML<\/strong> or <strong>CSS<\/strong> knowledge, so you can do everything without coding skills.<\/p>\n\n\n\n<p>First of all, let\u2019s create a new page. In order to do it, select the <strong>Pages<\/strong> tab from the <strong>WordPress Dashboard<\/strong> and click the <strong>Add New<\/strong> button.<\/p>\n\n\n\n<p>Provide your new page with a name, and proceed to the <strong>Page Attributes<\/strong> section, where you need to select the <strong>Elementor Canvas template<\/strong> from the <strong>Template<\/strong> dropdown.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2018\/12\/Screenshot_1-4.png\" alt=\"selecting the template in the page settings\">\n\n\n\n<p>Now, click the <strong>Edit with Elementor<\/strong> button to get redirected to <strong>Elementor<\/strong> page builder, where you will do all the customization and will be able to fill the page up with content.<\/p>\n\n\n\n<p>When Elementor opens, you\u2019ll see the <strong>Add Template<\/strong> button and the <strong>Magic Button<\/strong> option. Afterwards, click <strong>Magic Button<\/strong> to select the ready-to-use page and section templates.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2018\/12\/Screenshot_2-3.png\" alt=\"Magic Button and Add new section option\">\n\n\n\n<p>Then, click the <strong>Add New Section<\/strong> button and select the needed structure of a new page. You can select the section with up to 10 columns and change their size, the layout, the structure, the border, and the background. Set up the <strong>Margin<\/strong> and the <strong>Padding<\/strong> values if you want.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2018\/12\/Screenshot_3-3.png\" alt=\"ready-made all pages templates in Magic Button\">\n\n\n\n<p>Also, you can use <strong>Inner Section<\/strong> widget to add the columns inside the already existing ones to create a more complex layout with a number of columns inside the column you\u2019ve got.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2018\/12\/Screenshot_4-3.png\" alt=\"style settings in the inner section\">\n\n\n\n<p>Fill the columns with the widgets and create any content you want. Use the <strong>Style<\/strong> and <strong>Advanced<\/strong> settings in order to style up the content according to your wishes.<\/p>\n\n\n\n<p>If you don&#8217;t need one of the columns, sections or widgets, you can easily delete it by clicking the <strong>Delete<\/strong> button.<\/p>\n\n\n\n<p>Feel free to use the <strong>Navigator<\/strong> option located in the bottom left corner on the right from the <strong>Settings<\/strong> to view the layout of the page with all the inner sections, and all the content blocks. You can easily drag and drop the elements shown there to get the desired effect.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2018\/12\/nbnb.png\" alt=\"style border settings in the inner section\">\n\n\n\n<p>Make sure that your page is fully responsive and will look proper on all devices. In order to do it, click the <strong>Responsive Mode<\/strong> option.<\/p>\n\n\n\n<p>After the customization is done, click the <strong>Publish<\/strong> button.<\/p>\n\n\n\n<p>Now, your brand-new page is ready to use.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The instruction below reveals the detailed process of creating a visually attractive page using Elementor page builder.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[532,349],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create Pages in Elementor | Crocoblock<\/title>\n<meta name=\"description\" content=\"This instruction reveals the detailed process of creating a visually attractive page using Elementor page builder and Crocoblock products.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Pages in Elementor | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"This instruction reveals the detailed process of creating a visually attractive page using Elementor page builder and Crocoblock products.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-30T10:55:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2018\/12\/Screenshot_1-4.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/\",\"name\":\"How to Create Pages in Elementor | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-01-31T10:55:29+00:00\",\"dateModified\":\"2023-05-30T10:55:51+00:00\",\"description\":\"This instruction reveals the detailed process of creating a visually attractive page using Elementor page builder and Crocoblock products.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create Pages with the Elementor Page Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Pages in Elementor | Crocoblock","description":"This instruction reveals the detailed process of creating a visually attractive page using Elementor page builder and Crocoblock products.","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:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Pages in Elementor | Crocoblock","og_description":"This instruction reveals the detailed process of creating a visually attractive page using Elementor page builder and Crocoblock products.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/","og_site_name":"Help Center","article_modified_time":"2023-05-30T10:55:51+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2018\/12\/Screenshot_1-4.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/","url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/","name":"How to Create Pages in Elementor | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-01-31T10:55:29+00:00","dateModified":"2023-05-30T10:55:51+00:00","description":"This instruction reveals the detailed process of creating a visually attractive page using Elementor page builder and Crocoblock products.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-pages-with-elementor-page-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Create Pages with the Elementor Page Builder"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/4953"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=4953"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=4953"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=4953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}