Elementor Templates
This Elementor stats section shows three key numbers in a row, each with a short label, on a clean white background. Stats Section Simple is a free, responsive block shared as a JSON file and built only with native Elementor widgets.
Elementor Templates
This Elementor newsletter section puts an email signup on the left and two short benefit blocks on the right, on a dark teal gradient. Newsletter Side by Side with Details is a free, responsive block shared as JSON files and built only with native Elementor widgets, in one version for Elementor Free and one for Elementor Pro.
Elementor Templates
This Elementor header section opens a page with a large headline, a short intro, a row of quick links, and four key figures on a dark gradient background. Header Section with Stats is a free, responsive block shared as a JSON file and built only with native Elementor widgets.
Elementor Templates
This Elementor pricing section template puts two plans side by side, with a light Basic card and a raised dark Bulk Buyer card that marks the featured tier. Pricing Two Tiers with Emphasized Tier is a free, responsive block shared as a JSON file and built only with native Elementor widgets.
CTA Sections
This Elementor CTA section places a centered headline, a short supporting text, and two buttons on a dark gradient panel. CTA Centered on Dark Panel is a free, responsive block shared as a JSON file and built only with native Elementor widgets. What's Inside the Block A rounded dark panel with a radial gradient from deep teal ( #0B5048 ) to near-black navy ( #101828 ) and a soft shadow. A centered white headline (H2), 3 rem on desktop and 2.25 rem on mobile. A supporting paragraph in light gray, limited to 36 rem wide. Two buttons: a white filled primary button and a white text-style secondary link with an arrow. Inter font on a white section background. On mobile, the panel runs edge to edge with square corners. Tip: Keep one clear main action. Let the primary button carry the action you most want, and use the secondary link for a lower-commitment option such as contacting you. Replace both # links with real destinations. Requirements A recent versio...
Elementor Templates
This Elementor feature section with screenshot puts a short pitch and three benefits on the left and a large product image on the right. Feature Section with Product Screenshot is a free, responsive block shared as a JSON file and built only with native Elementor widgets. What's Inside the Block A label, a headline, and an intro paragraph in the left column. A list of three benefits, each with a small icon and a bold title followed by a short description. A large image widget with rounded corners, a thin border, and a soft shadow in the right column. A Grid Container layout: 2 columns on desktop, 1 column on tablet and mobile. Inter font, an emerald accent color ( #007A55 ), and a white background. Tip: The screenshot is set wider than its column, so the right edge can be cropped by the section. Keep the important part of your screenshot toward the left, and check it in the editor. Requirements A recent version of Elementor with Flexbox Container and G...
Elementor Templates
This Elementor hero section template pairs a centered headline with a short supporting line, an announcement pill, and two buttons. Hero Simple Centered is a free, responsive block shared as a JSON file and built only with native Elementor widgets. What's Inside the Block An announcement pill with a short message and a link, hidden on mobile. A centered headline (H1), 4.5 rem on desktop and 3 rem on mobile. A supporting paragraph and two buttons: a filled primary button and a text-style secondary link. A soft radial gradient background in light mint green, with Inter font and an emerald accent color ( #007A55 ). Tip: Keep the headline short and lead with the benefit to the visitor. Replace the sample text and set real links on the pill and both buttons, because they all point to # by default. Requirements A recent version of Elementor with Flexbox Container available. No Elementor Pro required. The Inter font available on your site (otherwise a fallb...
Elementor Tutorials
A contact form looks like the simplest part of a website, until it starts failing in one of two frustrating ways. Either real messages never arrive, quietly lost in a spam folder or rejected by a mail server, or your inbox fills up with junk from bots. Sometimes both at once. In this tutorial you will build a clean contact form with Elementor Pro's Form widget, configure what happens after submission, add layered spam protection, and make sure the emails actually reach you.
Elementor Tutorials
In Elementor, every heading has two separate settings that are easy to confuse: how it looks and what it is . You can make an H4 look huge or an H1 look tiny. Visually, nobody notices. But search engines, screen readers, and browser tools read the HTML tag, not the font size, and a messy heading structure makes your content harder to understand for all of them. In this guide you will learn what each heading level means, the most common heading mistakes on Elementor sites, and a simple system for structuring headings correctly on any page.
Elementor Tutorials
You change a color in Elementor, click Update, open the live page, and nothing has changed. You refresh. Still the old version. You check the editor, and your change is definitely there. It is one of the most common and most confusing Elementor experiences, and almost always the cause is the same: something is serving an old copy . This guide explains why Elementor changes sometimes do not appear, walks through every layer of caching from your browser to your server, and shows the order in which to clear them so your updates appear immediately.
WordPress Tips
Every website has broken links eventually. A visitor mistypes an address, an old post is removed, or another site links to a page that no longer exists. When that happens, WordPress shows a 404 page. The default version is usually a short "Page not found" message that sends visitors straight back to search results. A well-designed 404 page turns that dead end into a helpful detour. This guide explains what makes a good 404 page and how to build one in WordPress with Elementor.
Elementor Tutorials
You click "Edit with Elementor", the editor panel loads, and instead of your page you see an error message: "Preview could not be loaded" . The panel is there, the widgets are listed, but the canvas where your page should appear stays blank or shows the error. This error means the editor itself started, but it could not load your page inside its preview frame. The good news is that the causes are well known. This guide walks you through them in order of likelihood, with a fix for each.