TL;DR: Install Elementor via Plugins > Add New, create a new page, and click “Edit with Elementor” to launch the drag-and-drop builder. Then add a hero section, feature columns, testimonials, and a call-to-action using Elementor widgets, style each section in the left panel, and hit Publish.
Step 1: Install Elementor
In your WordPress dashboard, go to Plugins > Add New and search for “Elementor.” Click Install Now, then Activate. You can optionally enter your license key under Elementor > Settings for Pro features, but the free version is enough to build a solid landing page.
If you want to dig deeper, check out our guide on Mycelium Packaging: How Mushroom Foam Replaces Styrofoam.
Step 2: Create a Landing Page
Go to Pages > Add New and give it a title like “Free Trial” or “Product Launch.” Click the “Edit with Elementor” button to open the visual builder. Tip: set your page template to “Elementor Canvas” in the bottom-left settings to remove the theme header and footer for a distraction-free landing page.
Step 3: Build the Hero Section
Click the plus icon to add a new section, choose a single-column structure, and drag in a Heading widget for your main promise, a Text Editor for a short subheadline, and a Button widget for your primary CTA. In the left panel, set the section background to a color or gradient, increase heading size, and make the button bold and high-contrast. Tip: keep the hero above the fold with one clear action.
Step 4: Add Features and Social Proof
Add a new section with three columns and drop an Icon Box widget into each for your key benefits. Below that, add a Testimonials widget or a short quote section to build trust. Use consistent spacing: set section padding to around 60–80px top and bottom so the page breathes.
Step 5: Close with a CTA and Publish
Finish with a final section containing a strong headline and a repeat of your button. Use the Navigator (right-click > Navigator) to review your structure, preview on mobile via the responsive mode icon, then click Publish. Tip: test your form or button links before going live.
FAQ
Q: Do I need Elementor Pro to build a landing page?
A: No. The free version includes sections, columns, and all core widgets needed for a landing page; Pro adds theme builder, forms, and advanced widgets.
Q: How do I make my landing page full-width without the theme header?
A: In Elementor, open Page Settings (gear icon, bottom-left) and set Page Layout to “Elementor Canvas,” which hides the theme’s header and footer.
Q: Why does my page look broken on mobile?
A: Switch to mobile preview using the responsive icon at the bottom of the panel and adjust font sizes, padding, and column stacking per device; Elementor saves these settings separately.
Leave a Reply