{"id":38102,"date":"2023-08-02T14:15:35","date_gmt":"2023-08-02T11:15:35","guid":{"rendered":"https:\/\/help-center-reorg.site.strattic.io\/?p=38102"},"modified":"2024-10-28T12:20:44","modified_gmt":"2024-10-28T10:20:44","slug":"add-elements-to-a-page","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/","title":{"rendered":"Add elements to a page"},"content":{"rendered":"\n<p>With the Elementor Editor you build your page on the canvas using elements from the panel. These include containers, widgets, and more.There are two ways to add elements to the canvas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Drag an element to the canvas&nbsp;<\/li>\n\n\n\n<li>Click an element&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Learn how to <a href=\"https:\/\/elementor.com\/help\/how-to-delete-a-widget\/\">Delete elements from a page<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Drag an element to the canvas<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the panel, click and drag the element you want to use to the canvas.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1440\" height=\"880\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif\" alt=\"\" class=\"wp-image-41054\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Click an element<\/h2>\n\n\n\n<p>Sometimes with complex layouts such as nested containers, it can be difficult to drag and drop elements exactly where you want them. Placing an element with a click allows you to select where you want to place the element and then add it to the canvas with a click.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>To add an element by clicking:&nbsp;<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>On the canvas, select where you want to place the element.<\/li>\n\n\n\n<li>Click the element in the panel. The element appears on the canvas. The location where the element appears depends on whether you\u2019re using containers or sections.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p><strong>When using containers:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you did not select a specific location&nbsp; on the canvas, by default the&nbsp; element appears in a new container&nbsp; at the bottom of the page.&nbsp;&nbsp;<\/li>\n\n\n\n<li>If you select a location, the element appears as follows, depending on what you selected:&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>What you select<\/th><th>Where it appears on the canvas<\/th><\/tr><\/thead><tbody><tr><td>An empty container<\/td><td>The element appears in the selected container&nbsp;<\/td><\/tr><tr><td colspan=\"2\"><img decoding=\"async\" class=\"wp-image-36527\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/06\/click-element-focused-on-container.gif\" alt=\"\"><\/td><\/tr><tr><td>A container that already contains elements<\/td><td>The element appears either next to, or under, the <strong>existing <\/strong>elements,depending on whether your container is set to horizontal or vertical.<\/td><\/tr><tr><td colspan=\"2\"><img decoding=\"async\" class=\"wp-image-36528\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/06\/clickelement2.gif\" alt=\"\"><\/td><\/tr><tr><td>An element (in a container)<\/td><td>The element appears either next to, or under, the <strong>selected <\/strong>element (depending on whether your container is set to horizontal or vertical).<\/td><\/tr><tr><td colspan=\"2\"><img decoding=\"async\" class=\"wp-image-36529\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/06\/click-element3.gif\" alt=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>When using sections:<\/strong><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you did not select anything on the canvas, you create a new section at the bottom of the page containing the element.&nbsp;<\/li>\n\n\n\n<li>If you select a location, the element appears as follows, depending on what you selected:&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>What you select<\/th><th>Where it appears on the canvas<\/th><\/tr><\/thead><tbody><tr><td>An empty section or inner section<\/td><td>The element appears in the left column of the section (or right column in a right-to-left website).&nbsp;<\/td><\/tr><tr><td>A section or inner section that already contains elements<\/td><td>A new row is created and the new element is added to the left column (or right column in a right-to-left website).&nbsp;<\/td><\/tr><tr><td>An element (in a section or inner section)<\/td><td>The element appears under the selected element.&nbsp;<\/td><\/tr><tr><td colspan=\"2\"><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>With the Elementor Editor you build your page on the canvas using elements from the panel. These include containers, widgets, and more.There are two ways to add elements to the canvas: Learn how to Delete elements from a page. Drag an element to the canvas Click an element Sometimes with complex layouts such as nested [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65b0f204b858daaedf81b30d"],"footnotes":""},"categories":[1436],"tags":[],"class_list":["post-38102","post","type-post","status-publish","format-standard","hentry","category-building-your-first-page-or-post"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add elements to a page | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Add elements to a page in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\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\/help\/add-elements-to-a-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add elements to a page | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Add elements to a page in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-02T11:15:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T10:20:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Add elements to a page\",\"datePublished\":\"2023-08-02T11:15:35+00:00\",\"dateModified\":\"2024-10-28T10:20:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"},\"wordCount\":427,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif\",\"articleSection\":[\"Building your first page or post\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\",\"url\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\",\"name\":\"Add elements to a page | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif\",\"datePublished\":\"2023-08-02T11:15:35+00:00\",\"dateModified\":\"2024-10-28T10:20:44+00:00\",\"description\":\"Learn everything about Add elements to a page in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif\",\"width\":1440,\"height\":880},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Building your first page or post\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/building-your-first-page-or-post\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Add elements to a page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add elements to a page | Elementor","description":"Learn everything about Add elements to a page in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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\/help\/add-elements-to-a-page\/","og_locale":"en_US","og_type":"article","og_title":"Add elements to a page | Elementor","og_description":"Learn everything about Add elements to a page in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/","og_site_name":"Help","article_published_time":"2023-08-02T11:15:35+00:00","article_modified_time":"2024-10-28T10:20:44+00:00","og_image":[{"width":1440,"height":880,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif","type":"image\/gif"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Add elements to a page","datePublished":"2023-08-02T11:15:35+00:00","dateModified":"2024-10-28T10:20:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/"},"wordCount":427,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif","articleSection":["Building your first page or post"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/","url":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/","name":"Add elements to a page | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif","datePublished":"2023-08-02T11:15:35+00:00","dateModified":"2024-10-28T10:20:44+00:00","description":"Learn everything about Add elements to a page in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/add-elements-to-a-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/GIF-of-adding-element-by-dragging.gif","width":1440,"height":880},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/add-elements-to-a-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Building your first page or post","item":"https:\/\/elementor.com\/help\/elementor-editor\/building-your-first-page-or-post\/"},{"@type":"ListItem","position":4,"name":"Add elements to a page"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/38102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=38102"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/38102\/revisions"}],"predecessor-version":[{"id":53325,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/38102\/revisions\/53325"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=38102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=38102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=38102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}