{"id":30749,"date":"2022-09-21T17:00:00","date_gmt":"2022-09-21T14:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=30749"},"modified":"2023-08-17T17:29:26","modified_gmt":"2023-08-17T14:29:26","slug":"design-a-webpage","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/design-a-webpage\/","title":{"rendered":"Design a webpage"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Turn your design vision into an actual website&nbsp;<\/strong><\/h2>\n\n\n\n<p>When you think about making a website, you often have ideas about how it should look and work. That said, converting a web design into a functioning website requires you consider a lot of technical detail. You also have to ensure your design follows user experience (UX) best practices.&nbsp;&nbsp;<\/p>\n\n\n\n<p>In this article, we&#8217;ll show you how to plan your design and quickly turn your ideas into a fully functioning website. You\u2019ll also learn how Elementor&#8217;s flexibility can help you reduce the time it takes to create a website. To demonstrate how you can do this, we\u2019ll build a page for a dog adoption business.&nbsp;<\/p>\n\n\n\n<p>Let\u2019s get started!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"661\" height=\"441\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png\" alt=\"A screenshot of a dog adoption webpage design.\n\" class=\"wp-image-32981\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png 661w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz-300x200.png 300w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><figcaption class=\"wp-element-caption\">Take a look at this adorable dog adoption webpage design!\n<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Analyzing the page<\/strong><\/h2>\n\n\n\n<p>The best way to start is to design your page using any design software. Visual design software allows you to use special tools and features to help you with measurements, colors, and grids for the overall layout. You\u2019ll want to identify the divisions, the sections, and how you want your content to be laid out. You can then take that design and start dividing it into a grid.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Sectioning the page for a clean layout&nbsp;<\/strong><\/h3>\n\n\n\n<p>Sectioning is an important step because sections can highlight the elements you want to emphasize and give your page personality. You want to add a certain number of sections to your design or layout based on the number of topics you want to include on your page. Just be careful not to make your page too narrow or crowded!<br><br>On our example page, you see it\u2019s neatly divided into three horizontal parts. These will become our sections.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-31.png\" alt=\"A screenshot of a dog adoption web design divided into three sections.\" class=\"wp-image-30750\"\/><figcaption class=\"wp-element-caption\">Let&#8217;s identify our page&#8217;s sections so that we can create them accordingly!<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Analyzing sections&nbsp;<\/strong><\/h3>\n\n\n\n<p>After successfully identifying our page&#8217;s sections, we need to decide how we want each section to be laid out. <strong>Planning the layout of each section<\/strong> is crucial. A great layout will allow you to thoughtfully incorporate texts, images, and other elements in a way that makes sense and inline with defined aesthetics.<\/p>\n\n\n\n<p>As you can see in our design, the top section doesn\u2019t need any vertical division. It only needs one column, which we\u2019ll use as a call-to-action (CTA).&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-32.png\" alt=\"A screenshot of the first section of the dog adoption webpage design.\" class=\"wp-image-30751\"\/><figcaption class=\"wp-element-caption\">Our first section here is very simple and doesn&#8217;t need any vertical division, so we&#8217;ll only put one column.<\/figcaption><\/figure>\n\n\n\n<p>The middle section has two distinct parts: an image and a text block. We\u2019ll put two columns in this section to separate and manage the position of these parts.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-33.png\" alt=\"A screenshot of the middle section of the dog adoption web design, with two columns.\" class=\"wp-image-30752\"\/><figcaption class=\"wp-element-caption\">The middle section is divided into two parts for a text block and an image; vertical&nbsp;columns are needed.&nbsp;<\/figcaption><\/figure>\n\n\n\n<p>Last, we want to display four dogs in the bottom section of our design. To achieve this, we\u2019ll have to make it a four-column section.&nbsp;<\/p>\n\n\n\n<p>We know how to lay out and position our web page contents; it\u2019s now time to <strong>use Elementor widgets to build the page.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Converting the design using Elementor widgets<\/strong><\/h2>\n\n\n\n<p>Now that we have the basic layout for our design, it\u2019s time to decide what widgets and styling to use. The first thing we want visitors to see is something impressive. This is where the hero section comes in.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Creating the hero section<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-34.png\" alt=\"A screenshot of the dog adoption page's hero section.\" class=\"wp-image-30753\"\/><figcaption class=\"wp-element-caption\">This hero section is the first thing visitors will see when they access the website, so we better make it impressive!<\/figcaption><\/figure>\n\n\n\n<p>A hero section is an area below your website logo and menu. It\u2019s the first thing visitors see when they access your website. You\u2019ll wan to include some important points, including what you offer, why people should choose you, and a distinct CTA in this section.&nbsp;<\/p>\n\n\n\n<p>In this case, we want a large, impressive image that spans the entire hero section, so we\u2019ll <strong>use the image as a background image<\/strong>. We\u2019ll also want to add some short text so users can send contact information. For that, we\u2019ll need to <strong>use a heading and a button widget.<\/strong>&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-35.png\" alt=\"A screenshot of the Elementor heading widget.\" class=\"wp-image-30755\"\/><figcaption class=\"wp-element-caption\">This hero section is very important so we&#8217;ll use the Heading widget to add good concise content.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-36.png\" alt=\"A screenshot of the Elementor button widget.\" class=\"wp-image-30756\"\/><figcaption class=\"wp-element-caption\">o make it more functional, we added a call-to-action button to send contact information using the Elementor button widget.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Creating the middle section<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-37.png\" alt=\"A screenshot of the dog adoption webpage design's middle section.\" class=\"wp-image-30757\"\/><figcaption class=\"wp-element-caption\">The webpage design&#8217;s middle section is two-columned, with an image on the left and text on the right, so we&#8217;ll use the image and text editor widget.<\/figcaption><\/figure>\n\n\n\n<p>The middle section here has an image and some text, so we\u2019ll use an image and a text editor widget.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-38.png\" alt=\"A screenshot of the Elementor image widget.\" class=\"wp-image-30758\"\/><figcaption class=\"wp-element-caption\">Since our design&#8217;s middle section has a dog image on the left, we&#8217;ll be using the Elementor image widget to add it.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-39.png\" alt=\"A screenshot of the Elementor Text Widget.\" class=\"wp-image-30759\"\/><figcaption class=\"wp-element-caption\">To add the text to the second column of our middle section, we&#8217;ll use the Text Editor widget.\n<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/Meet-the-dogs.png\" alt=\"A screenshot of the dog adoption webpage design's bottom section.\" class=\"wp-image-30761\"\/><figcaption class=\"wp-element-caption\">In this bottom section, we showcase four adorable dog flip photos, so we used a four-column section.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Creating the bottom section<\/strong><\/h3>\n\n\n\n<p>Lastly, we\u2019ll add some amazing dog pictures at the bottom of our page, along with some heartwarming text to drive home the message. Instead of using images and text that don&#8217;t change, let&#8217;s <strong>use flip box widgets to make the page more interesting<\/strong>.<\/p>\n\n\n\n<p>The flip box widget is a two-sided widget that flips when users hover over them. With the flip widget, you can have the pic of the dog on the front and the biographical information on the back. That way, visitors will see the beautiful photos of the dogs, and when they hover over them, they\u2019ll get the biographical information. This helps keep the page layout clean and uncluttered.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/07\/image-41.png\" alt=\"A screenshot of the Elementor Flip Box Widget.\" class=\"wp-image-30762\"\/><figcaption class=\"wp-element-caption\">We want our dog photos to flip and display bio information so we&#8217;ll use the flip box widget.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final words<\/strong><\/h2>\n\n\n\n<p>Proper planning is key to creating web pages efficiently. When you look at a design, your first thought should be, \u201cHow do I need to divide up this page to represent the design best?\u201d Of course, you can\u2019t divide every web page easily on a grid. That said, Elementor is flexible enough to work with a wide range of creative designs.<\/p>\n\n\n\n<p>Now that you&#8217;ve learned a little about designing a page, maybe try your hand at <a href=\"https:\/\/elementor.com\/help\/build-your-first-page\/\">building a page in Elementor<\/a>.<\/p>\n\n\n\n<p>To get the most out of<strong> Elementor,<\/strong> check out the <a href=\"https:\/\/elementor.com\/academy\/\">Elementor Academy<\/a> for helpful learning resources. If you come across any issues or need help, please contact our <a href=\"https:\/\/elementor.com\/support\/\">Support Center<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Turn your design vision into an actual website&nbsp; When you think about making a website, you often have ideas about how it should look and work. That said, converting a web design into a functioning website requires you consider a lot of technical detail. You also have to ensure your design follows user experience (UX) [&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":["65ba3511e4ff026a7f1c06cc"],"footnotes":""},"categories":[1436],"tags":[],"class_list":["post-30749","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>Design a webpage | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Design a webpage 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\/design-a-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design a webpage | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Design a webpage in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/design-a-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-21T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T14:29:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png\" \/>\n\t<meta property=\"og:image:width\" content=\"661\" \/>\n\t<meta property=\"og:image:height\" content=\"441\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Design a webpage\",\"datePublished\":\"2022-09-21T14:00:00+00:00\",\"dateModified\":\"2023-08-17T14:29:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/\"},\"wordCount\":1099,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png\",\"articleSection\":[\"Building your first page or post\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/\",\"url\":\"https:\/\/elementor.com\/help\/design-a-webpage\/\",\"name\":\"Design a webpage | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png\",\"datePublished\":\"2022-09-21T14:00:00+00:00\",\"dateModified\":\"2023-08-17T14:29:26+00:00\",\"description\":\"Learn everything about Design a webpage in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/design-a-webpage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png\",\"width\":661,\"height\":441,\"caption\":\"Take a look at this adorable dog adoption webpage design!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/design-a-webpage\/#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\":\"Design a webpage\"}]},{\"@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":"Design a webpage | Elementor","description":"Learn everything about Design a webpage 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\/design-a-webpage\/","og_locale":"en_US","og_type":"article","og_title":"Design a webpage | Elementor","og_description":"Learn everything about Design a webpage in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/design-a-webpage\/","og_site_name":"Help","article_published_time":"2022-09-21T14:00:00+00:00","article_modified_time":"2023-08-17T14:29:26+00:00","og_image":[{"width":661,"height":441,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/design-a-webpage\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/design-a-webpage\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Design a webpage","datePublished":"2022-09-21T14:00:00+00:00","dateModified":"2023-08-17T14:29:26+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/design-a-webpage\/"},"wordCount":1099,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/design-a-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png","articleSection":["Building your first page or post"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/design-a-webpage\/","url":"https:\/\/elementor.com\/help\/design-a-webpage\/","name":"Design a webpage | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/design-a-webpage\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/design-a-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png","datePublished":"2022-09-21T14:00:00+00:00","dateModified":"2023-08-17T14:29:26+00:00","description":"Learn everything about Design a webpage in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/design-a-webpage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/design-a-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/design-a-webpage\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Dogz.png","width":661,"height":441,"caption":"Take a look at this adorable dog adoption webpage design!"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/design-a-webpage\/#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":"Design a webpage"}]},{"@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\/30749","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=30749"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/30749\/revisions"}],"predecessor-version":[{"id":38535,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/30749\/revisions\/38535"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=30749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=30749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=30749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}