{"id":31481,"date":"2019-10-15T06:03:14","date_gmt":"2019-10-15T06:03:14","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=31481"},"modified":"2019-10-15T06:03:14","modified_gmt":"2019-10-15T06:03:14","slug":"how-to-create-a-homepage-for-your-business-with-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/","title":{"rendered":"How to Create a Homepage for Your Business With Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"31481\" class=\"elementor elementor-31481\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a777e5e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a777e5e\" 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-db72081\" data-id=\"db72081\" 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-67ef643 elementor-widget elementor-widget-text-editor\" data-id=\"67ef643\" 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>Your website&#8217;s homepage is the first experience many of your customers will have with your business, so you want it to be awesome.<\/p><p>In this tutorial, we&#8217;re going to show you how to build a great homepage for your business with <a href=\"https:\/\/elementor.com\/\">Elementor<\/a>. Beyond a stylish design, your homepage will have lots of unique and helpful features like:<\/p><ul><li>Custom positioning<\/li><li>Motion and scrolling effects<\/li><li>Flip boxes<\/li><li>Forms<\/li><\/ul><p>To see how to configure every little setting and style option in Elementor, you can check out our full tutorial video below. Otherwise, keep reading for the text version as I follow along with the video and take you through the high-level steps.<\/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-4eb9171 elementor-widget elementor-widget-video\" data-id=\"4eb9171\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=sI5sLDINqqY&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8c5abc7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c5abc7\" 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-4b00e31\" data-id=\"4b00e31\" 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-f275ecf elementor-widget elementor-widget-heading\" data-id=\"f275ecf\" 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 Homepage for Your Business With Elementor\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87dd882 elementor-widget elementor-widget-text-editor\" data-id=\"87dd882\" 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 get started, create a new page in your WordPress dashboard and click the button to <strong>Edit with Elementor<\/strong>. Then, change the page layout to <strong>Elementor Canvas<\/strong> to create a blank slate for your homepage without any of your theme&#8217;s elements.<\/p>\n<p>Then, you&#8217;re ready to start <a href=\"https:\/\/elementor.com\/resources\/how-to\/create-business-website\/\">creating your business website<\/a>.<\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8513594 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8513594\" 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-4fef8b5\" data-id=\"4fef8b5\" 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-3caebfe elementor-widget elementor-widget-heading\" data-id=\"3caebfe\" 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\">Create Your First Section: Hero\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f31bd4b elementor-widget elementor-widget-image\" data-id=\"f31bd4b\" 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=\"414\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=414\/blog\/wp-content\/uploads\/2019\/10\/First-Section-1024x530.jpg\" class=\"attachment-large size-large wp-image-31490\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/First-Section-1024x530.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/First-Section-300x155.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/First-Section-768x397.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1983\/blog\/wp-content\/uploads\/2019\/10\/First-Section.jpg 1983w\" 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-91efe6b elementor-widget elementor-widget-text-editor\" data-id=\"91efe6b\" 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 get started, create a new section and choose a one-column layout. Then:<\/p><ul><li>Set the <strong>Content Width <\/strong>to full-width<\/li><li>Set the <strong>Columns Gap<\/strong> to no gap<\/li><li>Choose Min Height for the Height and then set it equal to 140 VH<\/li><\/ul><p>Go to the <strong>Style<\/strong> tab and choose the image for the background of your section. Then, you can use the options below to change its position.<\/p><p>Add a Heading widget and click to edit your text. Then, you can use the <strong>Style<\/strong> options to change how your Heading looks.<\/p><p>Then, you can add an Image widget below your Heading and set a negative top margin to move it up the page. For our example, that&#8217;s the flying skater. You can then add another image for the ramp.<\/p><p>Now, to add motion effects as a visitor scrolls down the page, go to the <strong>Motion Effects<\/strong> settings in the <strong>Advanced<\/strong> tab and turn on <strong>Scrolling Effects<\/strong>. You can then tweak the settings to achieve your desired effect.<\/p><p>Then, you can edit your Heading text and add <strong>Mouse Effects<\/strong> in the <strong>Motion Effects<\/strong> section. Then, turn on <strong>3D Tilt<\/strong> so that the heading will &#8220;tilt&#8221; when a user hovers over it.<\/p><p><em>Side note &#8211; to keep track of all your page&#8217;s elements, you can use Elementor&#8217;s <\/em><strong><em>Navigator<\/em><\/strong><em> feature. It&#8217;s really helpful for staying organized and finding different sections and widgets.<\/em><\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d670ead elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d670ead\" 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-76aa602\" data-id=\"76aa602\" 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-fd41b8b elementor-widget elementor-widget-heading\" data-id=\"fd41b8b\" 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\">Create Your Second Section: Build Your Board<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e2975e elementor-widget elementor-widget-image\" data-id=\"7e2975e\" 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=\"371\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=371\/blog\/wp-content\/uploads\/2019\/10\/Second-Section-Build-Your-Board-1024x475.jpg\" class=\"attachment-large size-large wp-image-31499\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/Second-Section-Build-Your-Board-1024x475.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/Second-Section-Build-Your-Board-300x139.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/Second-Section-Build-Your-Board-768x356.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1989\/blog\/wp-content\/uploads\/2019\/10\/Second-Section-Build-Your-Board.jpg 1989w\" 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-8a1b961 elementor-widget elementor-widget-text-editor\" data-id=\"8a1b961\" 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>Next, add another section with a one-column layout and make it full-width.<\/p><p>Then, use the <strong>Style<\/strong> tab to add a solid background color and add a Heading widget. Then, you can align your widget in the center and configure its colors and <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\"   title=\"typography\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"5291\">typography<\/a>.<\/p><p>Next, add a Text Editor widget underneath the header and configure its typography and colors.<\/p><p>To create your CTA, add a Button widget below your text widget and configure its style. You can make the button more interesting by adding a Float <strong>Hover Animation.<\/strong><\/p><p>Below that, add three skateboard images and use the Navigator to name them &#8220;Front,&#8221; &#8220;Middle,&#8221; and &#8220;Back.&#8221;<\/p><p>Then, use the <strong>Custom Positioning<\/strong> section in the <strong>Advanced<\/strong> tab and set all three images to <strong>Absolute <\/strong>positioning with a vertical orientation at the bottom. This creates a neat &#8220;stacked&#8221; effect.<\/p><p>Finally, add images for the wheels and other accessories and use <strong>Custom Positioning<\/strong> to position each image. Then, you can use <strong>Scrolling Effects <\/strong>in the <strong>Motion Effects <\/strong>settings to make the wheels, and other images &#8220;move&#8221; as users scroll down the page.<\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bac8d73 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bac8d73\" 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-d5a8918\" data-id=\"d5a8918\" 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-60ae0f1 elementor-widget elementor-widget-heading\" data-id=\"60ae0f1\" 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\">Create Your Third Section: Products<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64c072e elementor-widget elementor-widget-image\" data-id=\"64c072e\" 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=\"371\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=371\/blog\/wp-content\/uploads\/2019\/10\/Third-Section-Products-1024x475.jpg\" class=\"attachment-large size-large wp-image-31504\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/Third-Section-Products-1024x475.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/Third-Section-Products-300x139.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/Third-Section-Products-768x356.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1987\/blog\/wp-content\/uploads\/2019\/10\/Third-Section-Products.jpg 1987w\" 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-2d03965 elementor-widget elementor-widget-text-editor\" data-id=\"2d03965\" 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>For your third section, create a new section with a one-column layout and set the content width to 1600 and minimum height to 100 VH. Then, add a background image and configure its positioning.<\/p><p>Next, add a Heading widget and configure its typography and colors. Below that, add a Text Editor widget, insert your text, and align it in the center.<\/p><p>Below the Text Editor widget, add an Inner Section widget and set its width to 1600.\u00a0<\/p><p>Then, add a Call to Action widget to highlight your products. Make sure to edit the text and image as needed. Then, set the minimum height to 500 px and the vertical position to bottom. You can also play around with the other style options, like changing how the animation works.<\/p><p>Once you&#8217;ve finished configuring the widget, duplicate the column twice and delete the empty column on the right so that you have three columns, each with a Call to Action widget.<\/p><p>To add some interest, you can add an <strong>Entrance Animation<\/strong> to the Inner Section widget in the <strong>Motion Effects<\/strong> settings. <strong>Fade in Up<\/strong> is a good option.<\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-73ef490 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73ef490\" 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-32af970\" data-id=\"32af970\" 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-431cde0 elementor-widget elementor-widget-heading\" data-id=\"431cde0\" 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\">Create Your Fourth Section: Meet Our Team\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13d7aac elementor-widget elementor-widget-image\" data-id=\"13d7aac\" 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=\"410\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=410\/blog\/wp-content\/uploads\/2019\/10\/Fourth-Section-Meet-Our-Team-1024x525.jpg\" class=\"attachment-large size-large wp-image-31506\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/Fourth-Section-Meet-Our-Team-1024x525.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/Fourth-Section-Meet-Our-Team-300x154.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/Fourth-Section-Meet-Our-Team-768x394.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1990\/blog\/wp-content\/uploads\/2019\/10\/Fourth-Section-Meet-Our-Team.jpg 1990w\" 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-5d57fa1 elementor-widget elementor-widget-text-editor\" data-id=\"5d57fa1\" 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 create your fourth section, once again, create a new section with a one-column layout and make it full-width, with a minimum height of 100 VH. Then, add a solid background color.<\/p><p>Next, add a Heading widget and configure its typography.<\/p><p>Below that, add an Inner Section widget and make it full-width. Then, duplicate the column in the Inner Section widget so you end up with four evenly-spaced columns.<\/p><p>Inside the first column, add a Flipbox widget and edit the text and images to add your first team member. For more interest, you can add the <strong>3D Depth<\/strong> effect. You should also adjust the spacing and alignment as needed.<\/p><p>Once you&#8217;ve finished, right-click the column and copy it. You can then right-click and paste the already-configured widget into the other three columns. Then, all you need to do is edit the text and images for each column, which saves you a ton of time.<\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ec433a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3ec433a\" 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-87f9360\" data-id=\"87f9360\" 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-bfb80a0 elementor-widget elementor-widget-heading\" data-id=\"bfb80a0\" 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\">Create Your Final Column: Email Opt-in and Social Follow<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3653c61 elementor-widget elementor-widget-image\" data-id=\"3653c61\" 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=\"411\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=411\/blog\/wp-content\/uploads\/2019\/10\/Final-Column-1024x526.jpg\" class=\"attachment-large size-large wp-image-31507\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/Final-Column-1024x526.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/Final-Column-300x154.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/Final-Column-768x395.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1980\/blog\/wp-content\/uploads\/2019\/10\/Final-Column.jpg 1980w\" 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-3411bf7 elementor-widget elementor-widget-text-editor\" data-id=\"3411bf7\" 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 create the fifth and final section, add a new section and use a one-column layout. Then, set the width to 500 px and the minimum height to 60 VH. Then, add a background image and configure the image.<\/p><p>Then, drag in a Text Editor widget, add your text and configure the typography and alignment.<\/p><p>To create an email opt-in form, add the Form widget underneath the Text Editor widget. Then, edit the form fields and delete unnecessary fields. You can also configure the form&#8217;s styling to match the rest of your design and connect it with your preferred email marketing service.<\/p><p>Finally, to add your social follow buttons, add a Social Icons widget underneath your opt-in form. Choose which social networks you&#8217;d like to use and edit the icons if desired.<\/p><p>And that&#8217;s it!\u00a0<\/p><p>Congratulations, you just created an awesome homepage for your business with Elementor. Remember, if you want a more detailed look at all these settings, <a href=\"https:\/\/www.youtube.com\/watch?v=sI5sLDINqqY\" target=\"_blank\" rel=\"noopener\">check out the full video tutorial<\/a> at the <a href=\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA\" target=\"_blank\" rel=\"noopener\">Elementor YouTube channel<\/a>.<\/p><p>Ready to get started? Install the <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener\">free core Elementor plugin<\/a> and <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">grab your copy of Elementor Pro<\/a> to start building today.<\/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 article, we will show you how to design and build a cool homepage for your business utilizing Elementor&#8217;s unique features.<\/p>\n","protected":false},"author":50988,"featured_media":31597,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[79],"marketing_persona":[47],"marketing_intent":[49],"class_list":["post-31481","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","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 Homepage for Your Business | Elementor<\/title>\n<meta name=\"description\" content=\"In this article, we will show you how to design and build a cool homepage for your business utilizing Elementor&#039;s unique features.\" \/>\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\/how-to-create-a-homepage-for-your-business-with-elementor\/\" \/>\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 Homepage for Your Business | Elementor\" \/>\n<meta property=\"og:description\" content=\"In this article, we will show you how to design and build a cool homepage for your business utilizing Elementor&#039;s unique features.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/\" \/>\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=\"2019-10-15T06:03:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.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=\"Colin Newcomer\" \/>\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=\"Colin Newcomer\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/\"},\"author\":{\"name\":\"Colin Newcomer\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21\"},\"headline\":\"How to Create a Homepage for Your Business With Elementor\",\"datePublished\":\"2019-10-15T06:03:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/\"},\"wordCount\":1160,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.png\",\"keywords\":[\"Build\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/\",\"url\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/\",\"name\":\"How to Create a Homepage for Your Business | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.png\",\"datePublished\":\"2019-10-15T06:03:14+00:00\",\"description\":\"In this article, we will show you how to design and build a cool homepage for your business utilizing Elementor's unique features.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/category\/blog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Homepage for Your Business 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\/8df3c6697ea8e60fd1416e98a7ff0e21\",\"name\":\"Colin Newcomer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"caption\":\"Colin Newcomer\"},\"description\":\"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/colinn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Homepage for Your Business | Elementor","description":"In this article, we will show you how to design and build a cool homepage for your business utilizing Elementor's unique features.","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\/how-to-create-a-homepage-for-your-business-with-elementor\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Homepage for Your Business | Elementor","og_description":"In this article, we will show you how to design and build a cool homepage for your business utilizing Elementor's unique features.","og_url":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2019-10-15T06:03:14+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.png","type":"image\/png"}],"author":"Colin Newcomer","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Colin Newcomer"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/"},"author":{"name":"Colin Newcomer","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21"},"headline":"How to Create a Homepage for Your Business With Elementor","datePublished":"2019-10-15T06:03:14+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/"},"wordCount":1160,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.png","keywords":["Build"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/","url":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/","name":"How to Create a Homepage for Your Business | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.png","datePublished":"2019-10-15T06:03:14+00:00","description":"In this article, we will show you how to design and build a cool homepage for your business utilizing Elementor's unique features.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Business-Homepage-with-Elementor-V2_1200x628-internal-tiny.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/elementor.com\/blog\/category\/blog\/"},{"@type":"ListItem","position":3,"name":"How to Create a Homepage for Your Business 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\/8df3c6697ea8e60fd1416e98a7ff0e21","name":"Colin Newcomer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","caption":"Colin Newcomer"},"description":"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.","url":"https:\/\/elementor.com\/blog\/author\/colinn\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/31481","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\/50988"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=31481"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/31481\/revisions"}],"predecessor-version":[{"id":92572,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/31481\/revisions\/92572"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/31597"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=31481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=31481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=31481"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=31481"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=31481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}