HTML to Elementor
模板库

模块与页面——获取开箱即用的 Elementor 数据

每个条目都可预览 HTML,并复制或下载 HTML、Elementor 粘贴数据和 JSON 模板。粘贴数据与模板在你首次打开时于浏览器内生成,不会上传任何内容。

打开工具

Website kits

A matching set of pages, header and footer for one industry — same colors and fonts throughout. Download a whole kit as one ZIP of Elementor JSON templates.

Templates: 41
Module Heroes

Split hero with image panel

Two-column opening section: headline and buttons on the left, a visual panel on the right.

Hero Two column Buttons Landing page
View template
Module Heroes

Centered hero on a gradient

Single-column centered opening with an eyebrow badge, large headline, one button and a trust line.

Hero Centered Gradient Campaign
View template
Module Features & content

Three-column feature cards

A centred section heading above three bordered cards, each with an icon, a title and a short paragraph.

Features Cards Icons Three column
View template
Module Features & content

Alternating content rows

Two stacked rows that swap sides — text and a visual panel, then a visual panel and text.

Features Alternating Two column Storytelling
View template
Module Features & content

Four-figure stats band

A dark full-width band with four large numbers and their labels.

Stats Numbers Band Social proof
View template
Module Social proof

Three testimonial cards

Three quote cards in a row, each with the quote, a name line and a role line.

Testimonials Quotes Cards Trust
View template
Module Social proof

Full-width pull quote

One large quote on a tinted band, with an attribution line underneath.

Quote Band Editorial Single column
View template
Module Pricing

Three pricing tiers

Three plan cards with a highlighted middle tier, each with a price, a feature list and a button.

Pricing Plans Cards Conversion
View template
Module Pricing

Plan comparison table

A four-column table comparing three plans across six rows, under a short intro.

Table Comparison Specs Pricing
View template
Module Calls to action

Dark call-to-action band

A dark rounded band with a headline and supporting line on the left and one button on the right.

CTA Band Button Footer
View template
Module Calls to action

Newsletter signup band

A single-field email signup row with a heading, a note line and a submit button.

Newsletter Form Email CTA
View template
Page Full pages

Service landing page

A complete campaign page: hero, problems grid, three-step process and a closing call to action.

Landing page Service Campaign Full page
View template
Page Full pages

Product detail page

Hero, advantages grid, a detail split, a specification table and a closing quote request.

Product page Specs Table Full page
View template
Page Full pages

About page

A complete about page: intro, the story, a stats band, principles and a contact close.

About Company Full page Trust
View template
Module Headers & footers

Four-column footer with bottom bar

Site footer with a brand blurb column, three link columns and a bottom bar holding the small print and text social links.

Footer Links Theme Builder Site-wide
View template
Module Contact & FAQ

Split contact section with form

Two-column contact block: email, phone, address and hours on the left, a labelled enquiry form on the right.

Contact Form Icon list Two column
View template
Module Contact & FAQ

FAQ accordion with intro column

Frequently asked questions block: heading, intro and contact button beside six expandable question-and-answer items.

FAQ Accordion Questions Service business
View template
Module Contact & FAQ

Location, opening hours and map

Visit-us section with the street address, a directions button, a weekly opening-hours list and an embedded Google map.

Location Opening hours Google Maps Local business
View template
Module Features & content

Team grid with photos

Four team members in a row, each card with a portrait photo, a name heading and one line on what that person does.

Team About Image box Four column
View template
Module Features & content

Six-service icon grid

A centered heading over six icon cards in a 3×2 grid, each with an icon, a service name and one sentence, closed by a button.

Services Icon box Grid Six cards
View template
Module Features & content

Four-step process timeline

Four numbered steps on a ruled timeline that runs across the page on desktop and down the page on phones, with a closing button.

Process Timeline Steps How it works
View template
Module Features & content

Three blog post cards

A row of three article cards, each with a cover image, a category label, the title, a short excerpt and a read-more link.

Blog Articles Cards Three column
View template
Module Features & content

Video and text split

Two columns: a heading, short paragraph, three ticked points and a button on the left, an embedded YouTube video on the right.

Video Two column Icon list YouTube
View template
Module Features & content

Six-image gallery grid

A short heading and intro above six square photos in a three-column grid that drops to two columns on phones.

Gallery Images Portfolio Grid
View template
Module Social proof

Review cards with star ratings

Three review cards in a row, each with a star rating, the review text, a reviewer name and where the review was left.

Reviews Star rating Cards Trust
View template
Module Website kits

Dental clinic header

Clinic header with a phone and hours strip, a text wordmark, three navigation links and a Book appointment button.

Dental clinic Header Navigation Booking
View template
Page Website kits

Dental clinic home page

Home page with a new-patient hero, four treatment cards, a why-choose-us checklist, first-visit steps, an insurance band and a booking close.

Dental clinic Home page Icon Box Icon List Full page
View template
Page Website kits

Dental treatments page

Treatments page with general, cosmetic, orthodontic and emergency care, each with a guide price, a what-to-expect row and an FAQ accordion.

Dental clinic Services Prices FAQ Accordion
View template
Page Website kits

Dental clinic team page

Team page with three clinician cards (photo, name, role and short bio), a qualifications list, a three-photo clinic gallery and a booking link.

Dental clinic Team Image Box Gallery
View template
Page Website kits

Dental appointment request page

Appointment page with an emergency notice, a request form (Elementor Pro Form), opening hours, address, parking and accessibility details.

Dental clinic Appointment Form Contact Opening hours
View template
Module Website kits

Dental clinic footer

Four-column clinic footer with address and parking, opening hours, contact details and a booking button, plus a pricing and emergency line.

Dental clinic Footer Opening hours Contact
View template
Module Website kits

Home services header

Trade business header with a license strip, business name, three nav links, a large call button and a Get a quote button.

Home services Header Plumber Electrician
View template
Page Website kits

Home services home page

Trade business home page: hero with call and quote buttons and a license line, services, why choose us, job steps, reviews and an emergency band.

Home services Home page Plumber Reviews
View template
Page Website kits

Home services services page

Services page for a trade business: six services with what is included and illustrative price ranges, a before-you-call checklist and an FAQ.

Home services Services Pricing FAQ
View template
Page Website kits

Home services service areas page

Service areas page for a local trade: towns covered as icon lists, response times, star-rated reviews by town and a map-free location note.

Home services Service areas Local SEO Reviews
View template
Page Website kits

Home services quote page

Quote request page for a trade business: a form with job type and preferred time, an emergency notice with the phone number and what happens next.

Home services Quote form Contact Elementor Pro
View template
Module Website kits

Home services footer

Trade business footer with an emergency call strip, contact details, service and area links, opening hours and license placeholders.

Home services Footer Contact Local business
View template

关于这个模板库

每个模板都是一小段自包含的 HTML——首屏、价格表、特性网格、行动号召——都已转换为原生 Elementor 组件。预览 HTML,然后复制 Elementor 粘贴数据或下载 JSON 模板导入。不上传任何内容;粘贴数据与模板都在你的浏览器里生成。

如何使用模板

  1. 打开一个模板,预览它的 HTML 以及生成的组件。
  2. 复制 Elementor 粘贴数据,或下载 JSON 模板。
  3. 在 Elementor 编辑器中右键选择「从其他站点粘贴」,或从模板库导入该 JSON。
  4. 或者把模板直接发送到转换器,导出前先调整。

你能搭建什么

用这些模块拼装落地页、往现有页面里放单个区块,或从整页布局起步。导入后一切依然可编辑——文字、颜色、间距、字体与响应式表现都是真正的 Elementor 设置,而不是锁死的截图或一坨原始 HTML。