目录
30多个免费的Elementor部分模板库,涵盖了几乎每个网站需要的十个部分:功能,关于,统计数据,推荐,定价,团队,常见问题解答,号召性用语带,联系表单和徽标条。每个下载为一个小JSON文件,通过Master Addons Widget Builder导入,并作为小部件登陆您的Elementor面板,其中每个标题,按钮,图像和颜色都是标记字段。没有冻结的布局,没有通过嵌套容器狩猎来改变价格。
我们用手构建了每个模板,即真实的 HTML、CSS 和 JavaScript,然后将其转换为具有自己的内容和样式控件的小部件构建器小部件。最后一步是这个集合与典型的元素器模板库之间的区别:您不是导入必须进行逆向工程的页面。您是导入您填写的小部件。
故意缺少一种部分类型:英雄。我们已经出版了一本专门的合集 免费元素英雄部分模板的,构建了同样基于小部件的方式,所以在这里重复它们只会填充计数。从那个帖子中选择一个英雄,从下面的这个中堆叠部分,然后您就组装了一个完整的登陆页面,而无需从头开始设计单个块。
30 + 都在下面,按版块类型分组,每个都有截图和直接下载,抓取你需要的或者阅读 导入演练 首先。
Slider 是你在这里找不到的另一件事,转盘是一种不同的构建,计时,拖动,键盘步骤,ARIA角色—所以它有自己的集合 旋转木马和滑块设计:缩略图画廊、瓷砖重新洗牌的马赛克、固定在真实日期的时间线、带选项卡的面板集以及带有进度计数的报价滑块。
总共二十种设计。免费插件上导入八个,与此页面上的所有内容相同;其他十二个需要 Pro。无论哪种方式,路线都是相同的,将 JSON 放入 Widget Builder 中,设计作为您填写的小部件降落在您的面板中。
包装里有什么
| 部分类型 | 模板 | 跳到 |
|---|---|---|
| 特点/服务 | 4锛屽湪娴欐睙鏉 | 特色部分模板 |
| 关于我们 | 3 | 关于部分模板 |
| 统计数据/计数器 | 2 瀹跺涵涓杞杈 | Stats 频段模板 |
| 感言 | 4锛屽湪娴欐睙鏉 | 感言模板 |
| 定价表 | 4锛屽湪娴欐睙鏉 | 定价表模板 |
| 团队 | 3 | 团队部分模板 |
| 常见问题解答 | 4锛屽湪娴欐睙鏉 | FAQ 部分模板 |
| CTA 乐队 | 3 | CTA 波段模板 |
| 联系表 | 3 | 联系部分模板 |
| 标志条 | 2 瀹跺涵涓杞杈 | 徽标条模板 |
Hero版块不是故意的,我们已经发布了一包专用的 免费元素英雄部分模板 building一样的方式。将那个帖子中的英雄堆叠在这个帖子的部分之上,你已经组装了一个完整的登陆页面。
如何导入这些 Elementor 部分模板
要导入部分模板,请下载其 zip,解压它,然后转到 主插件 → 小部件生成器 → 导入 wordpress 管理员中,并上传 JSON 文件。模板在 Elementor 面板中显示为新小部件。将其拖动到任何页面上,并从内容和样式选项卡中编辑所有内容。
- 下载并解压。 每个 zip 保存小部件 JSON、预览图像和(设计使用艺术品)演示图像以及将每个图像映射到其字段的 README。
- 导入 JSON。 WordPress 管理员 → 主插件 → 小部件生成器 → 导入小部件。上传
widget-*.json文件。 小部件生成器 与 Master Addons Pro 一起发货; JSON 下载本身是免费的。 - 将其放在页面上。 Open Elementor,搜索小部件的名字,拖进去,它渲染了你在截图中看到的完整演示内容。
- 让它成为你的。 Style标签页中每个文本都是一个字段,每个按钮都有一个链接控制,每个基色都是一个选择器。使用照片的模板有空图像槽;上传您自己的或捆绑的演示艺术。
Demo 图像上单挑一个:它们是 SVG 文件,WordPress 会阻止 SVG 开箱上传,要么在上传前将其转换为 PNG/WebP,要么安装支持 SVG 的插件。小部件渲染精细,没有图像太—图像插槽隐藏自己,直到您填充它们。
为什么这些是小部件,而不是页面模板
Elementor部分,你下载的大部分都是保存的页面片段,它们看起来很正确,直到你尝试编辑它们。然后你点击嵌套列试图找到哪个内部容器保存价格文本,当你改变颜色的那一刻,你就要在九个地方改变它。
这里的每个模板都是一个小部件,其内容位于标记控件后面。实际获胜:
- 重复事物的重复者。 定价计划、常见问题解答项目、感言、团队成员、徽标—所有中继器字段。添加第四个计划或第十个常见问题解答,布局、动画交错和编号自行调整。常见问题解答选项卡模板甚至从您键入的任何类别重建其类别选项卡。
- 四到六种底色重新主题了整个部分。 二次色调、边框、光泽和阴影源自带有 CSS 的底座拾音器
color-mix()。一次更改“偏心”子弹点、链接下划线、焦点环和悬停状态均跟随。 - 动画运到里面。 计数计数器、推荐旋转木马、计费拨动、手风琴物理、徽标选框:所有尊重的范围化 JavaScript
prefers-reduced-motion并且不会与页面上的其他小部件进行战斗。在 698 个标记控件的包中执行自定义 CSS 中本来可以执行的工作。 - 真正的副本,而不是传说 ipsum。 每个模板都从其屏幕截图中导入虚构品牌的内容,因此您正在编辑句子,而不是盯着占位符汤。
特点和服务部分模板
任何登陆页面的主力。四种风格,因为“features”对于 SaaS 网格来说意味着与太阳能安装程序的解释器不同的东西。
1、图标卡格
6张特色卡片的黑暗三列网格,围绕光标跟随光芒构建:移动鼠标,柔和的径向光线跟踪它穿过卡片 卡片是一个中继器:图标(粘贴任何SVG),标题,文本,每张卡片可选的箭头链接。来自虚构分析SaaS的六张卡片预先填充,交错的入口会使您最终得到的任何数量的卡片都充满活力。
2、交替图像行
Classic image-left/image-right 行,头部下方有计数 stats 条,交替是自动的,行根据位置翻转边,所以通过中继器添加第四或第五行,使之字形保持完整,每行携带踢球者徽章,三支检查子弹,自带链接控制,三个簿记-app 行演示艺术在 zip。
3、编号过程列表
5个垂直轨道上的编号步骤,有一个进度线,当你滚动时自己绘制,当他们的步骤进入视口时点亮。步骤住在一个中继器(数字,标题,芯片标签,文本)和进度数学读取运行时的步数。三步或八步,该线仍然落在最后一个点。有一个可切换的CTA页脚,其中有一个突出显示的统计烘烤。
4、图像展示卡
3张大图卡,3D倾斜跟随光标,加上头和网格之间的滚动关键字选框,你将每个股票代码关键字添加一次,无缝循环重复发生在JavaScript中,因此选框永远不会显示一张图,徽章,标题,文本和链接各一张;三个播客-工具演示插图在zip中发货。
关于我们部分模板
“你是谁,我为什么要关心”部分的三个布局。选择你拥有的东西:一张好照片、一个好号码或一个好的任务。
5、留有故事的形象
Polaroid式悬停倾斜的左侧照片,右侧的故事副本,三个计数统计,以及一个签名块,统计中继器处理前缀,小数,数千个逗号,演示最多可计数2400个批发合作伙伴,而无需您触摸代码,面包店演示场景作为SVG包含。
6。图片右侧带有浮动徽章
Mirror布局:文字左,图像右,带有浮动“27年”徽章,滚动到视图时会计数,凭证检查表是中继器,徽章是可切换的,两个徽章行都可以编辑,在业务中使用多年,项目发货,无论您最好的数字是什么。
7。使命与价值观
No photo needed。a大使命宣言与一个重音色的短语, 然后四张价值卡与线图标稍微旋转悬停。卡是一个中继器与基于关键字的图标字段(波, 社区,太阳, 心脏)。图标是继承你的重音颜色的CSS掩码, 所以他们重新着色与调色板而不是冲突。
统计和计数器频段模板
短节、不成比例的影响。两者都会运行倒计时动画,滚动到视图中时会发出一次信号,并且都会在启用减少运动的访问者中立即显示最终值。
8。轻型统计波段
4个计数器在纸白色的,衬线数字,分隔线,随着数字的爬升而画进来。如果您运行三到五个统计量而不是四个,则列滑块会重新配置桌面网格,并且单个持续时间控制会调整一切的计算速度。
9。黑暗统计频段
High contrast 版本:近黑底,石灰口音,每个计数器上方都有一个带有发光脉冲的图标,图标每张卡自动循环(螺栓,涡轮,家庭,盾牌)和每个统计设置自己的计数持续时间,因此数字按顺序着陆而不是同时全部标题分成三个字段,因此口音单词可以随心所欲地放置。
感言部分模板
4种展示证明的方法,从完整的旋转木马到单一毁灭性的报价,如果你只从这组中取一个东西:旋转木马的点是从你的幻灯片计数中生成的,因为我们都见过有四个点和六个幻灯片的滑块。
10、见证转盘
A proper slider: 箭头按钮,可点击的点,键盘导航,自动高度如此短的报价不会留下高空的卡片 幻灯片是一个中继器(报价,名称,角色,头像),点和total’标签的“N重建自己从你添加的任意多条zip中发货四个演示头像。
11、砌体网格
CSS-列砖石六张卡片,并交错显示。每个中继器行采用报价(加上高牌可选的第二段),1 5星级,头像圈的首字母,以及一个“featured”切换,使卡片的重音处理星级值渲染,因此4星级评论显示四颗填充星,而不是硬编码的任何东西。
12、单大报价
1个引号,巨大的衬线类型,用蒙面动画逐行揭示,你把引号粘贴为一个段落;JavaScript将其分成平衡的行,乘以揭示,所以15个单词的引号和40个单词的引号都动画正确,下面的一个小元条(房间,评级,年份)是一个可以完全清空的中继器。
13、评分卡片附汇总
的评论聚合器外观:一个大的计数分数,动画发行栏(五星:84%,四:11%...),然后是四个由平台标记的带有每张卡徽章颜色的评论卡。分数评级绘制部分星星。这个是见证组中控制最多的,24,因为从条形百分比到分数下方的标题都是可编辑的。
定价表部分模板
商业网站上风险最高的部分,因此我们构建了四种变体,而不是一张不适合任何人的“通用”表。所有四个都通过计数动画运行价格,并在每个按钮上设置完整的链接控制。
14、经典三层
三张卡,交错入口,价格倒计时滚动计划是一个中继器,在一个文本区域中,每个功能一行进入,因此计划可以有五个功能或九个功能,而无需空槽。每个计划“流行”拨动开关将该卡的按钮从幽灵切换到纯重音。
15。突出计划
Same三柱骨头,但流行的计划物理上上升到其邻居上方,有发光脉冲和丝带,亮点遵循每个中继器行中的切换,因此下季度推广不同的计划是一个开关,而不是重新设置一个页脚统计行(正常运行时间,数据中心,支持)可以关闭。
16、对比功能列表
真实的特征矩阵:三个平面列、具有是/否/自定义值的特征行(“5用户”、“无限”)以及一个可扩展的块,该块显示另外六行具有流畅的高度动画类型 yes 或 no in a cell 并渲染为检查或交叉;键入其他任何内容并打印为文本。哪个计划获得“最佳值”列突出显示是下拉。at 38 控件它是包中最深的模板。
17、每月/每年切换
SaaS标准。一个无障碍开关在每月和年度定价之间翻转每张卡片,并带有少许价格翻转动画;每个计划都携带两个价格加上其中继器行中标为""笔记的"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
团队部分模板
People买人家, 三种佈局看你想展现多少个性, 三种都透过每位中继器栏位拍照, 趁空档优雅降级。
18、照片卡格
4张带有缩放和边框扫描悬停的人像卡。姓名、角色和每个成员的一行简介;入口交错重新计算任何成员数量。如果您在收集真实头像时需要占位符,则在zip中会出现4张演示人像插图。
19。悬停-揭示生物
Hover、focus 或 tap 上滑动生物面板的肖像,因此它可以与键盘和手机一起工作,而不仅仅是与鼠标一起工作。每个成员行都带有 LinkedIn、Instagram 和电子邮件链接控件,如果您的团队不愿意,整个社交行都可以关闭。
20、团队滑块
一次一名成员:大照片、角色标签、更完整的简历以及一个从您的实际成员数量重建的“01 / 05”计数器,与点相同。箭头键适用于每个人应得的名片多于名片的小团队。
FAQ 部分模板
Pack 中最大的搜索集群,以及在最终 CTA 之前杀死反对意见的部分。四次构建。所有这些都将问题文本呈现为真实标题,并保持 ARIA 接线完整,这在常见问题解答部分比其他任何地方都更重要。
21、手风琴
单开手风琴,高度动画流畅,旋转加图标,问答是中继器;第一个项目是否开始打开是切换,页脚线(“仍然卡住?写给我们”)有自己的链接和电子邮件字段,因为那条线总是硬编码,否则就会被遗忘。
22、两栏问答
No clicking。6个答案都保持可见,在一个编号为两列的网格中,交错显示。01 506编号是CSS计数器,因此当你添加第七个时,项目会重新编号。当你的答案很短,你宁愿访客真正阅读它们时,它比手风琴更好。
23、分类选项卡
12个问题,跨越四个类别,并带有滑动药片标签栏,以下是诀窍:你根本不管理标签,中继器中的每个问题都有一个类别字段,小部件从它找到的唯一类别构建标签按钮,在三个问题上重命名一个类别,标签重命名本身包含完整的箭头键标签导航。
24。附有支援卡的常见问题
左(这次多开)手风琴,右边一张粘性支撑卡,上面有插图,联系人通道,还有一个三个头像插槽的团队笔记,联系人通道是一个中继器,每行一个聊天/电子邮件/电话/时钟图标选择卡的粘性偏移是一个滑块,用于当你的站点有一个胖的固定头时。
行动号召性用语频段模板
访客在页脚前看到的最后一件事三个能量级别:响亮、产品主导、安静。
25、大胆的渐变
1个动画三色渐变洗涤,漂浮的斑点向你的指针漂移,这3种渐变色是独立的拾音器,因此将整个情绪从紫罗兰色转移到品牌橙色需要三下,主按钮和幽灵按钮各有完整的链接控制;斑点为极简主义者关闭(为减少运动的访客关闭自己)。
26、与产品形象拆分
Copy和检查列表在左边,产品拍摄在右边与浮动规格徽章(容量,充电时间,重量)重新定位自己无论你添加多少星级从2,318条评论中计数高达4.8在演示中,两个数字都是字段为实体产品构建,但适用于任何规格值得吹嘘的东西。
27、最小居中
Cream背景,一个标题,一个按钮,上下细细的规则标题逐字显示,并且由于分裂发生在运行时,你重写的标题动画完全相同当页面上的其他部分都在喊叫时,这个通过降低声音来结束交易。
联系表单部分模板
3种具有工作前端行为的联系人布局:验证、焦点状态和内联成功消息。公平警告,在每个小部件的字段描述中也明确指出:这些表单是演示式的:它们验证和确认但不发送电子邮件。将标记连接到您选择的表单插件以进行真实交付,或者将它们用作原型联系人页面的最快方法,该页面稍后将获得真实表单。
28。表格与联系信息
Info 列(电子邮件、电话、办公室,作为带有骑行图标的中继器)旁边有一个带有姓名、电子邮件、公司、预算下拉和消息字段的表单,预算范围是他们自己的中继器。每个标签和占位符都是可编辑的,这在您翻译站点的当天很重要。
29、用地图形成
SVG图解地图旁边带有主题选择芯片的表格:动画虚线路线,脉冲引脚,公园和运河详细信息没有嵌入谷歌地图,没有API密钥,没有cookie横幅含义地图上的街道标签是文本字段,所以把你的实际街道放在上面。
30、居中卡
1张位于深色背景上的中心卡片,带有跟随光标的聚光灯,并闪烁着“在一个工作日内回复”状态徽章,徽章文本是一个字段,整个徽章可切换,三者的最小占地面积将其丢弃在任何需要联系选项的页面末尾,无需专门的联系页面。
徽标条模板
Social proof 的最紧凑的形式。两个模板都通过中继器进行徽标上传,直到您上传,每个插槽都将品牌名称呈现为样式化的文本字标,因此该部分在设置过程中永远不会看起来被破坏。
31、静灰度网格
8个徽标在一个网格中,灰度直到悬停,下面有一个计数统计(“为1,400 + 团队提供动力报告”)。列是一个滑块,统计行是可切换的,灰度到颜色的悬停适用于您上传的任何PNG或SVG徽标。
32、滚动跑马灯
边淡化的无限跑马灯,在悬停时暂停,为减少运动的访客停止。您添加每个徽标一次;无缝循环克隆在JavaScript中处理。滚动速度是一个滑块;演示运行28秒的循环,读起来像是自信而不是疯狂。
着陆页实际上需要哪些部分?
高转换的登陆页面遵循相当稳定的滚动顺序:英雄、徽标条、功能、关于或社交证明、定价、常见问题解答、最终 CTA 和联系方式。并不是每个页面都需要所有这些,但顺序很重要,因为每个部分都会回答前一个部分提出的反对意见。
SaaS,代理,和本地业务页面上看到的模式:英雄提出索赔,标志条说“其他相信它,”特征解释它,推荐证明它,定价量化它,常见问题解答处理“是的,但是”时刻,CTA频段抓住了所有滚动到目前为止仍未决定的人,这就是滚动顺序这个集合遵循,从上到下,您可以从这篇文章加上整页集合 英雄包或者从满开始 模板套件 并交换各个部分。
常见问题
这些 Elementor 部分模板真的免费吗?
30 + 模板文件可以免费下载,在任意数量的站点上使用,包括商业项目,导入它们使用Widget Builder,这是其中的一部分 硕士插件专业版的,所以你需要插件活动,但你永远不会为模板本身付费。
如何在 Elementor 中导入部分模板?
转到主插件 → 小部件生成器 → 在 WordPress 管理员中导入小部件,从 zip 上传 JSON 文件,然后使用 Elementor 打开任何页面,然后从面板中拖动新小部件。整个往返大约需要两分钟; 上面走一遍 涵盖每个步骤。
导入后可以编辑模板吗?
式(format)的意义所在,每个标题、段落、按钮标签、链接、图像和基色都是小部件的内容和样式选项卡中的标记控件,加上用于间隙和角半径的排版控件和布局滑块,重复的项目(计划、常见问题、推荐、徽标)都是重复项,因此您添加和删除条目,而不是重复标记。
这些模板是否适用于任何 WordPress 主题?
Yes。widget的每个样式都适用到自己的包装类,因此它既不继承您主题的版块样式,也不将样式泄漏到其中。模板响应到移动端,尊重访问者的缩减运动偏好。
为什么图像以 SVG 文件形式出现?
Demo artwork 是向量的,因此它在任何大小下都保持清晰度,WordPress 默认会阻止 SVG 上传,不过,因此在上传之前将捆绑的艺术转换为 PNG 或 WebP,或者安装支持 SVG 的插件。您自己的照片在每个图像插槽中工作,无需转换。
