🔥 Attention Please: Hey my fellow Elementor buddy, the Black Friday Sale is Now Live!
Here are the BFCM deals you shouldn't miss…
So you’ve created an awesome landing page using Elementor & now you wish to set it as your website homepage. Well, that's a good idea.
But sadly, in your Settings > Reading, under homepage display settings, you’re not getting your awesomely designed landing page in the list.
So, you may have just Googled How do I set elementor landing page as homepage?
Are we on the same page? If so, then this is the only guide you'll need to read as the 5 steps mentioned below will help you set the elementor page as your front page.
So without further ado, let's dive in…
Here are 5 Easy Steps to Set the Elementor Landing Page as Homepage
Don't wanna read? Here's a Video guide…
Step 1: Once you're inside your WordPress dashboard, hover over the Templates and go to the “Landing pages” option.
Step 2: Select the Landing page that you wish to set as a homepage & then click on “Edit with Elementor”.
In my case, it’s the (Demo) Tutor Landing page.
Step 3: Once you’re inside the Elementor editor, from the bottom left, click on the Save options & then select “Save as Template”
Next, name your Template & then save it. (I’m saving it as Tutor Landing Home)
Once done, exit the editor & come back to the WordPress dashboard.
Step 4: Now, Go to Pages & then click on Add New to create a new page.
Next, give your desired page name & then click on the “Edit with Elementor” button.
Once you’re inside the elementor editor, click on the “folder icon” i.e Add Template option.
Next, go to My Templates & select the landing page you wanted & then click on the Insert button.
In my case, it’s “Tutor Landing Home”
Note: A small popup for Import Document settings may appear. If you select yes, the elementor canvas layout will be applied.
But if you want your landing page to contain your header & footer, then go to your page settings & select the full-width layout.
Once the import is completed, click on the “publish button” to make your page live. The next step is to exit the dashboard.
Step 5: Go to Settings > Reading and under your homepage displays settings, first select a static page & then click on the dropdown right next to the homepage & select the page you just created & then click on Save Changes.
For me, it’s the Demo Tutorial Page so I’ll select that & click on Save Changes.
Once done, simply visit your homepage & your goal is now accomplished.
Well done! You've successfully set your Elementor landing page as homepage.
Now if you wish to improve your landing page design, check out these well-designed & ready-to-import elementor landing page templates by Elementskit.
Worth your Attention: If you're struggling to optimize your Elementor landing page, then look no further than Toptal, where you can hire a skilled freelance Elementor developer to help you implement essential changes and achieve transformative outcomes for your website projects.
With personalized attention and expertise, this partnership can strengthen your brand's digital presence and drive more conversions.”
Bonus | Get some FREE Traffic to your Elementor Landing Page
I hope this short & precise tutorial helped you. Anyway, here's something more from my side.
Along with a little info about your website (& which niche you're in), you can drop your website's Homepage URL in the comments below.
I assure you that I'll approve your comment and provide a backlink to your website.
Also, I'll visit your website and I'll provide feedback (if needed) on what you've done right & what you can improve.
Quick Note: This blog post gets roughly around 70-100 visits in a month, so, you can expect some free referral traffic to your website's landing page.
Don't hesitate to promote your beautifully designed Elementor landing page to like-minded people. Some have already done it, it's your turn now.
Lastly, if you've got any questions or suggestions, feel free to put them in the comments below.
Elementor Folks Also Read:
1) How to set Elementor accordion closed by default
2) How to add custom fonts to Elementor
3) How to create a password-protected page in Elementor
4) How to add iFrame in Elementor