30+ Free Elementor Section Templates You Can Import in Minutes (2026)

30+ free Elementor section templates from Master Addons — stacked section wireframes for hero, features, pricing and logo strip on a dark purple background

This is a library of 30+ free Elementor section templates covering the ten sections almost every website needs: features, about, stats, testimonials, pricing, team, FAQ, call-to-action bands, contact forms, and logo strips. Each one downloads as a small JSON file, imports through the Master Addons Widget Builder, and lands in your Elementor panel as a widget where every headline, button, image, and color is a labeled field. No frozen layouts, no hunting through nested containers to change a price.

We built each template by hand — real HTML, CSS, and JavaScript, then converted it into a Widget Builder widget with its own Content and Style controls. That last step is the difference between this collection and a typical elementor template library: you’re not importing a page you have to reverse-engineer. You’re importing a widget you fill in.

One section type is missing on purpose: heroes. We already published a dedicated collection of free Elementor hero section templates, built the same widget-based way, so repeating them here would just pad the count. Pick a hero from that post, stack sections from this one underneath, and you’ve assembled a complete landing page without designing a single block from scratch.

All 30+ are below, grouped by section type, each with a screenshot and a direct download. Grab the ones you need or read the import walkthrough first.

What’s in the pack

Section typeTemplatesJump to
Features / Services4Feature section templates
About Us3About section templates
Stats / Counters2Stats band templates
Testimonials4Testimonial templates
Pricing Tables4Pricing table templates
Team3Team section templates
FAQ4FAQ section templates
CTA Bands3CTA band templates
Contact Forms3Contact section templates
Logo Strips2Logo strip templates

Hero sections aren’t here on purpose. We already published a dedicated pack of free Elementor hero section templates built the same way. Stack a hero from that post on top of sections from this one and you’ve assembled a full landing page.

How to import these Elementor section templates

To import a section template, download its zip, unzip it, then go to Master Addons → Widget Builder → Import in your WordPress admin and upload the JSON file. The template appears as a new widget in your Elementor panel. Drag it onto any page and edit everything from the Content and Style tabs.

  1. Download and unzip. Each zip holds the widget JSON, a preview image, and (where the design uses artwork) the demo images plus a README mapping each one to its field.
  2. Import the JSON. WordPress admin → Master Addons → Widget Builder → Import Widget. Upload the widget-*.json file. The Widget Builder ships with Master Addons Pro; the JSON downloads themselves are free.
  3. Drop it on a page. Open Elementor, search the widget’s name, drag it in. It renders with the full demo content you see in the screenshots.
  4. Make it yours. Every text is a field, every button has a link control, every base color is a picker in the Style tab. Templates that use photos have empty image slots; upload your own or the bundled demo art.

One heads-up on the demo images: they’re SVG files, and WordPress blocks SVG uploads out of the box. Either convert them to PNG/WebP before uploading or install an SVG-enabling plugin. The widgets render fine without images too — image slots hide themselves until you fill them.

Why these are widgets, not page templates

Most elementor sections you download are saved page fragments. They look right until you try to edit them. Then you’re clicking through nested columns trying to find which inner container holds the price text, and the moment you change a color you’re changing it in nine places.

Every template here is a single widget with its content behind labeled controls. The practical wins:

  • Repeaters for repeated things. Pricing plans, FAQ items, testimonials, team members, logos — all repeater fields. Add a fourth plan or a tenth FAQ and the layout, animation stagger, and numbering adjust themselves. The FAQ tabs template even rebuilds its category tabs from whatever categories you type.
  • Four to six base colors re-theme the whole section. Secondary tints, borders, glows, and shadows derive from the base pickers with CSS color-mix(). Change “Accent” once and the bullet dots, link underlines, focus rings, and hover states all follow.
  • The animations ship inside. Count-up counters, the testimonial carousel, the billing toggle, accordion physics, the logo marquee: all scoped JavaScript that respects prefers-reduced-motion and won’t fight other widgets on the page. Across the pack that’s 698 labeled controls doing work you’d otherwise do in custom CSS.
  • Real copy, not lorem ipsum. Each template imports with the fictional-brand content from its screenshot, so you’re editing sentences, not staring at placeholder soup.

Features & services section templates

The workhorse of any landing page. Four styles, because “features” means something different for a SaaS grid than for a solar installer’s process explainer.

1. Icon card grid

Dark Elementor features section template with six icon cards in a three-column grid and purple glow hover effect

A dark three-column grid of six feature cards, built around a cursor-follow glow: move your mouse and a soft radial light trails it across the cards. Cards are a repeater: icon (paste any SVG), title, text, and an optional arrow link per card. Six cards from a fictional analytics SaaS come pre-filled, and the staggered entrance animates whatever number of cards you end up with.

Download the icon card grid template (.zip)

2. Alternating image rows

Elementor feature section template with alternating image and text rows, count-up stats strip, and bullet checklists

Classic image-left / image-right rows with a count-up stats strip under the header. The alternation is automatic. Rows flip sides based on position, so adding a fourth or fifth row through the repeater keeps the zigzag intact. Each row carries a kicker badge, three check bullets, and its own link control. Demo art for the three bookkeeping-app rows is in the zip.

Download the alternating rows template (.zip)

3. Numbered process list

Elementor process section template showing five numbered steps on a vertical track with scroll-driven progress line

Five numbered steps on a vertical track, with a progress line that draws itself as you scroll and dots that light up when their step enters the viewport. Steps live in a repeater (number, title, chip label, text) and the progress math reads the step count at runtime. Three steps or eight, the line still lands on the last dot. There’s a toggleable CTA footer with a highlighted stat baked in.

Download the numbered process template (.zip)

4. Image showcase cards

Elementor showcase section template with three image cards that tilt in 3D on hover and a scrolling keyword ticker

Three big image cards with a 3D tilt that follows the cursor, plus a scrolling keyword marquee between the header and the grid. You add each ticker keyword once. The seamless loop duplication happens in JavaScript, so the marquee never shows a seam. Cards take an image, badge, title, text, and link each; the three podcast-tool demo illustrations ship in the zip.

Download the image showcase cards template (.zip)

About us section templates

Three layouts for the “who are you and why should I care” section. Pick by what you have: a good photo, a good number, or a good mission.

5. Image left with story

Warm Elementor about section template with bakery photo left, story text right, count-up stats and a signature

Photo on the left with a polaroid-style hover tilt, story copy on the right, three count-up stats, and a signature block. The stats repeater handles prefix, decimals, and thousands commas. The demo counts up to 2,400 wholesale partners without you touching code. Bakery demo scene included as SVG.

Download the image left story template (.zip)

6. Image right with floating badge

Dark Elementor about section template with architecture image right, credentials checklist and floating years-of-experience badge

The mirror layout: text left, image right, with a floating “27 years” badge that counts up when it scrolls into view. The credential checklist is a repeater, the badge is toggleable, and both badge lines are editable. Use it for years in business, projects shipped, whatever your best number is.

Download the image right badge template (.zip)

7. Mission and values

Elementor mission section template with large mission statement and four value cards with line icons

No photo needed. A big mission statement with an accent-colored phrase, then four value cards with line icons that rotate slightly on hover. Cards are a repeater with a keyword-based icon field (waves, community, sun, heart). The icons are CSS masks that inherit your accent color, so they recolor with the palette instead of clashing with it.

Download the mission and values template (.zip)

Stats and counter band templates

Short sections, disproportionate impact. Both run count-up animations that fire once when scrolled into view, and both show final values immediately for visitors with reduced motion enabled.

8. Light stats band

Light Elementor stats counter section template with four large serif numbers and draw-in divider lines

Four counters on paper-white, serif numerals, divider lines that draw in as the numbers climb. A columns slider reconfigures the desktop grid if you run three or five stats instead of four, and a single duration control tunes how fast everything counts.

Download the light stats band template (.zip)

9. Dark stats band

Dark Elementor stats section template with lime accent counters, glowing icons and a two-tone headline

The high-contrast version: near-black background, lime accent, an icon above each counter with a glow pulse. Icons cycle automatically per card (bolt, turbine, home, shield) and each stat sets its own count-up duration, so the numbers land in sequence rather than all at once. Headline splits into three fields so the accent word sits wherever you want it.

Download the dark stats band template (.zip)

Testimonial section templates

Four ways to show proof, from a full carousel to a single devastating quote. If you only take one thing from this group: the carousel’s dots are generated from your slide count, because we’ve all seen sliders with four dots and six slides.

Elementor testimonial carousel template with large quote card, avatar, arrow navigation and slide dots

A proper slider: arrow buttons, clickable dots, keyboard navigation, and auto-height so short quotes don’t leave a tall empty card. Slides are a repeater (quote, name, role, avatar), and dots and the “N of total” labels rebuild themselves from however many you add. Four demo avatars ship in the zip.

Download the testimonial carousel template (.zip)

11. Masonry grid

Elementor testimonial masonry grid template with staggered review cards, star ratings and initial avatars

Six cards in CSS-columns masonry with staggered reveals. Each repeater row takes a quote (plus optional second paragraph for the tall cards), a 1–5 star rating, initials for the avatar circle, and a “featured” toggle that gives a card the accent treatment. Stars render from the rating value, so a 4-star review shows four filled stars, not whatever was hardcoded.

Download the masonry grid template (.zip)

12. Single large quote

Elementor single quote testimonial template with large serif quote revealed line by line and a stats strip

One quote, huge serif type, revealed line by line with a masked animation. You paste the quote as one paragraph; the JavaScript splits it into balanced lines and times the reveal, so a 15-word quote and a 40-word quote both animate correctly. A small meta strip underneath (rooms, rating, year) is a repeater you can empty entirely.

Download the single quote template (.zip)

13. Rating cards with summary

Elementor review section template with aggregate score, animated rating distribution bars and four platform review cards

The review-aggregator look: a big count-up score, animated distribution bars (five stars: 84%, four: 11%…), then four review cards tagged by platform with per-card badge colors. Fractional ratings paint partial stars. This one has the most controls of the testimonial group, 24, because everything from the bar percentages to the caption under the score is editable.

Download the rating cards template (.zip)

Pricing table section templates

The highest-stakes section on a commercial site, so we built four variants instead of one “universal” table that fits nobody. All four run their prices through count-up animations and put a full link control on every button.

14. Classic three tier

Elementor pricing table template with three plan cards, count-up prices and a highlighted middle plan button

Three cards, staggered entrance, prices that count up on scroll. Plans are a repeater. Features go in as one line per feature in a textarea, so plans can have five features or nine without empty slots. A per-plan “popular” toggle switches that card’s button from ghost to solid accent.

Download the three tier pricing template (.zip)

15. Highlighted plan

Elementor pricing section template with elevated popular plan, glowing accent border and ribbon label

Same three-column bones, but the popular plan physically rises above its neighbors with a glow pulse and a ribbon. The highlight follows a toggle in each repeater row, so promoting a different plan next quarter is one switch, not a restyle. A footer stats row (uptime, data centers, support) can be switched off.

Download the highlighted plan template (.zip)

16. Comparison feature list

Elementor pricing comparison table template with three plans, feature matrix rows and expandable extra features

A real feature matrix: three plan columns, feature rows with yes/no/custom values (“5 users”, “Unlimited”), and an expandable block that reveals six more rows with a smooth height animation. Type yes or no in a cell and it renders as a check or cross; type anything else and it prints as text. Which plan gets the “Best value” column highlight is a dropdown. At 38 controls it’s the deepest template in the pack.

Download the comparison list template (.zip)

17. Monthly / annual toggle

Elementor pricing template with monthly annual billing toggle, save badge and three plan cards with flipping prices

The SaaS standard. An accessible switch flips every card between monthly and annual pricing with a little price-flip animation; each plan carries both prices plus both “billed as” notes in its repeater row. The “Save 20%” badge text is a field — change the math, change the badge.

Download the billing toggle template (.zip)

Team section templates

People buy from people. Three layouts depending on how much personality you want to show. All three take photos through per-member repeater fields and degrade gracefully while the slots are empty.

18. Photo card grid

Elementor team section template with four photo cards, portrait zoom and accent border sweep on hover

Four portrait cards with a zoom-and-border-sweep hover. Name, role, and a one-line bio per member; the entrance stagger recalculates for any member count. Four demo portrait illustrations come in the zip if you need placeholders while collecting real headshots.

Download the team card grid template (.zip)

19. Hover-reveal bios

Elementor team template with portrait cards that reveal bios and social links on hover or tap

Portraits that slide up a bio panel on hover, focus, or tap, so it works with a keyboard and on phones, not just with a mouse. Each member row carries LinkedIn, Instagram, and email link controls, and the whole social row can be switched off if your team would rather not.

Download the hover bio template (.zip)

20. Team slider

Elementor team slider template with large member photo, bio panel, dots and slide counter on dark background

One member at a time: big photo, role tag, a fuller bio, and an “01 / 05” counter that rebuilds from your actual member count, same as the dots. Arrow keys work. Good for small teams where each person deserves more than a business card.

Download the team slider template (.zip)

FAQ section templates

The biggest search cluster in this pack and the section that kills objections before your final CTA. Four builds. All of them render question text as real headings and keep ARIA wiring intact, which matters more in FAQ sections than anywhere else.

21. Accordion

Elementor FAQ accordion template with single-open questions, plus icons and a footer contact note

Single-open accordion with smooth height animation and rotating plus icons. Questions and answers are a repeater; whether the first item starts open is a toggle. The footer line (“Still stuck? Write to us”) has its own link and email fields, because that line always ends up hardcoded and forgotten otherwise.

Download the FAQ accordion template (.zip)

22. Two-column Q&A

Elementor FAQ section template with numbered questions in a static two-column grid on dark background

No clicking. All six answers stay visible in a numbered two-column grid with staggered reveals. The 01–06 numbering is CSS counters, so items renumber themselves when you add a seventh. Better than an accordion when your answers are short and you’d rather visitors actually read them.

Download the two-column FAQ template (.zip)

23. Category tabs

Elementor FAQ template with category tab navigation, sliding pill indicator and grouped questions

Twelve questions across four categories with a sliding pill tab bar. Here’s the trick: you don’t manage tabs at all. Every question in the repeater has a category field, and the widget builds the tab buttons from the unique categories it finds. Rename a category on three questions and the tab renames itself. Full arrow-key tab navigation included.

Download the category tabs template (.zip)

24. FAQ with support card

Elementor FAQ section template with multi-open accordion left and sticky support contact card right

Accordion on the left (multi-open this time), a sticky support card on the right with an illustration, contact channels, and a team note with three avatar slots. Contact channels are a repeater with a chat/email/phone/clock icon picker per row. The card’s sticky offset is a slider, for when your site has a fat fixed header.

Download the FAQ support split template (.zip)

Call-to-action band templates

The last thing visitors see before the footer. Three energy levels: loud, product-led, and quiet.

25. Bold gradient

Bold Elementor CTA section template with animated gradient background, floating blobs and two buttons

An animated three-color gradient wash with floating blobs that drift toward your pointer. The three gradient colors are separate pickers, so shifting the whole mood from violet to brand-orange takes three clicks. Primary and ghost buttons each have full link controls; the blobs switch off for minimalists (and switch themselves off for reduced-motion visitors).

Download the bold gradient CTA template (.zip)

26. Split with product image

Elementor CTA section template with product image, floating spec badges, star rating and checklist

Copy and checklist on the left, product shot on the right with floating spec badges (capacity, charge time, weight) that reposition themselves however many you add. The star rating counts up to 4.8 from 2,318 reviews in the demo, and both numbers are fields. Built for a physical product but works for anything with specs worth bragging about.

Download the split image CTA template (.zip)

27. Minimal centered

Minimal Elementor CTA template with word-by-word headline reveal and single button on cream background

Cream background, one headline, one button, thin rules above and below. The headline reveals word by word, and because the split happens at runtime, your rewritten headline animates exactly the same. When every other section on the page is shouting, this one closes the deal by lowering its voice.

Download the minimal centered CTA template (.zip)

Contact form section templates

Three contact layouts with working front-end behavior: validation, focus states, and an inline success message. Fair warning, stated plainly in each widget’s field descriptions too: these forms are presentational: they validate and confirm but don’t send email. Wire the markup to your form plugin of choice for real delivery, or use them as the fastest way to prototype a contact page that will get a real form later.

28. Form with contact info

Elementor contact section template with contact details and note box left, form with budget dropdown right

Info column (email, phone, office, as a repeater with cycling icons) next to a form with name, email, company, a budget dropdown, and a message field. Budget ranges are their own repeater. Every label and placeholder is editable, which matters the day you translate the site.

Download the form info split template (.zip)

29. Form with map

Elementor contact template with topic chips form and animated illustrated map with pulsing location pin

A form with topic-selection chips beside an illustrated SVG map: animated dashed route, pulsing pin, park and canal details. No Google Maps embed, no API key, no cookie banner implications. Street labels on the map are text fields, so put your actual streets on it.

Download the form map template (.zip)

30. Centered card

Elementor contact form template with centered card, cursor spotlight effect and live status badge

One centered card on a dark background with a spotlight that follows your cursor and a blinking “Replies within one business day” status badge. The badge text is a field and the whole badge is toggleable. Smallest footprint of the three. Drop it at the end of any page that needs a contact option without a dedicated contact page.

Download the centered card template (.zip)

Logo strip templates

Social proof in its most compact form. Both templates take logo uploads through a repeater, and until you upload, each slot renders the brand name as a styled text wordmark, so the section never looks broken mid-setup.

31. Static grayscale grid

Elementor logo strip template with grayscale client logo grid that colors on hover and a count-up stat line

Eight logos in a grid, grayscale until hovered, with a count-up stat underneath (“Powering reporting for 1,400+ teams”). Columns are a slider, the stat row is toggleable, and the grayscale-to-color hover works on whatever PNG or SVG logos you upload.

Download the static logo grid template (.zip)

32. Scrolling marquee

Elementor scrolling logo marquee template with seamless infinite loop and edge fade

An infinite marquee with edge fades that pauses on hover and stops for reduced-motion visitors. You add each logo once; the seamless loop clone is handled in JavaScript. Scroll speed is a slider; the demo runs a 28-second loop, which reads as confident rather than frantic.

Download the scrolling marquee template (.zip)

Which sections does a landing page actually need?

A high-converting landing page follows a fairly stable scroll order: hero, logo strip, features, about or social proof, pricing, FAQ, final CTA, and contact. Not every page needs all of them, but the order matters, because each section answers the objection the previous one raised.

The pattern we see across SaaS, agency, and local-business pages: the hero makes a claim, the logo strip says “others believed it,” features explain it, testimonials prove it, pricing quantifies it, the FAQ handles the “yeah, but” moments, and the CTA band catches everyone who scrolled this far still undecided. That’s the scroll order this collection follows, top to bottom. You can assemble the whole page from this post plus the hero pack, or start from a full template kit and swap individual sections.

Frequently Asked Questions

Are these Elementor section templates really free?

The 30+ template files are free to download and use on any number of sites, commercial projects included. Importing them uses the Widget Builder, which is part of Master Addons Pro, so you need the plugin active, but you’ll never pay for the templates themselves.

How do I import a section template in Elementor?

Go to Master Addons → Widget Builder → Import Widget in your WordPress admin, upload the JSON file from the zip, then open any page with Elementor and drag the new widget in from the panel. The whole round trip takes about two minutes; the walkthrough above covers each step.

Can I edit the templates after importing?

That’s the point of the format. Every heading, paragraph, button label, link, image, and base color is a labeled control in the widget’s Content and Style tabs, plus typography controls and layout sliders for gaps and corner radii. Repeated items (plans, FAQs, testimonials, logos) are repeaters, so you add and remove entries instead of duplicating markup.

Do the templates work with any WordPress theme?

Yes. Each widget’s styles are scoped to its own wrapper class, so it neither inherits your theme’s section styling nor leaks styles into it. The templates are responsive down to mobile and respect the visitor’s reduced-motion preference.

Why do the images come as SVG files?

The demo artwork is vector, so it stays sharp at any size. WordPress blocks SVG uploads by default, though, so convert the bundled art to PNG or WebP before uploading, or install an SVG-enabling plugin. Your own photos work in every image slot with no conversion.

Picture of Roy
Roy
I'm Roy, part of the Master Addons for Elementor team. I write the tutorials, record the videos, and keep the documentation current, so you always know how to use every feature. I also handle support, so if you hit a snag, I'm the person who helps you fix it. Real answers, from someone who uses these tools every day.

Leave a Reply

Your email address will not be published. Required fields are marked *

Master Addons mid-year reset promotion banner offering 40% off

Still On The Fence? We Get It.

Every Master Addons Pro license comes with a 14-day no-questions refund, lifetime updates, and priority support. Try it risk-free this Spring – 40% OFF with “RESET40″ coupon.

No thanks, I'll pay full price later