目录
Elementor页脚模板是保存为现成设计的网站的底部部分,它保存着标志,主页链接,联系方式,社交链接和版权线,并且主题构建器在每个页面上显示它。
Master Addons库中的34个Elementor页脚模板,按它们所适合的站点类型分组,每个模板都有一个屏幕截图和一个在新选项卡中打开的实时演示,你从页脚选项卡中插入它们 主插件模板库。 脚踏板制造商 主插件主题生成器 是免费的,一个导入将页脚放在每个页面上,而无需 Elementor Pro。
寻找页面的顶部?我们的 元素标头模板 post有43个页眉,这里的许多页脚来自相同的套件。
跳到你来是为了什么:
- 34页脚模板按站点类型:SaaS、CTA、当地企业、商店和极简
- 网站页脚中应放入什么内容:七项清单
- 网站页脚设计技巧:什么有效,常见错误和移动脚踏车
- 如何添加 Elementor 页脚模板:主题构建器的五个步骤
- 常见问题
34 按站点类型划分的元素页脚模板
34英尺,分成五组,挑选离你站点最近的,并排打开两三个演示,然后再决定。
| 页脚类型 | 设计 | 他们分享什么 | 哪里 |
|---|---|---|---|
| SaaS 和启动 | 8 | Logo和介绍加上三到四个链接列 | 跳 |
| CTA 和时事通讯 | 6 | 链接上方的标题、试用表或注册 | 跳 |
| 当地商业和服务 | 9 | 电话、地址和营业时间 | 跳 |
| 商店和博客 | 4锛屽湪娴欐睙鏉 | 付款图标、帖子或许多类别链接 | 跳 |
| 经典且简约 | 7 | 4根柱子,或者是一个带有社交链接的中心标志 | 跳 |
SaaS 和启动 Elementor 页脚模板
SaaS和tech套件的页脚。大多数遵循一种模式:左侧的徽标和一条单行介绍,右侧三到四个链接列。Finix和Optivue在链接上方添加了试用提示。
1、Craftova:Elementor 紧凑型 SaaS 脚踏板模板
A short footer:左边的品牌介绍,右边的公司、产品和资源链接,当上面页面已经很长的时候使用。
2、Finix:元素器暗色SaaS页脚模板
1条倾斜的紫色带读数“免费试用finix”穿过顶部边缘,在其下方,黑色页脚上握着标志,简短的介绍和四个链接列,那条带是页面上最后的号召性用语。
3。克莱罗:元素科技通讯页脚模板
Request Free Demo按钮、快速链接、支持链接和一个时事通讯字段共享一页脚,它适合通过演示调用销售的软件,也想要一个邮件列表。
4、引线升降:元器SaaS页脚模板
页, 资源和公司列在顶部, 然后一个底部栏, 重复版权线旁边的一些快速链接。
5。Nexis:Elementor 轻型 SaaS 脚踏板模板
1个白色的页脚,有短短的品牌介绍,三个链接栏和社交图标,被版权栏封闭,布局平实,因此适应了大部分品牌。
6。选项:元素器SaaS试用页脚模板
Top行写“黄色试用按钮旁边让我们开始14天”, 下面是一行产品介绍和公司与社交栏目黑色。
7、Sempla:Elementor 四列 SaaS 页脚模板
Pages、Utilities、资源和帮助各得到一栏,标志和版权向下移动到一个底部栏中,它持有SaaS组最多的链接。
8、Zaplyte:Elementor SaaS 页脚模板
徽标下方有社交图标,公司、帮助和资源列填充干净的白色布局的右侧。
带有 CTA 或时事通讯的页脚模板
这些页脚以行动号召开场:一张大标题卡、一份试用表或一个时事通讯栏。他们为滚动到底部的游客提供除了离开之外还可以做的事情。
9、CTA盒子代理:元器代理联系盒页脚模板
概述的联系我们框位于四个暗栏上方:介绍、服务、案例研究和时事通讯注册。
10。通讯栏:元素人通讯页脚模板
Email字段和订阅按钮的时事通讯栏横跨顶部,下面是产品、公司和支持栏和一个联系栏。
11、Techbyte:元素机构 CTA 页脚模板
一张深色圆形卡片问“有一个很棒的项目?”旁边有一个启动按钮。细线下是 Techbyte 名称,两行介绍和文本社交链接。
12、Clowdify:Elementor CTA 卡页脚模板
脚踏板以圆形紫色卡片、大标题和免费试用云按钮打开,链接位于其后。
13、军刀:元素者试用注册页脚模板
Purple 上,一个电子邮件字段开始为期 14 天的试用,下面的列中包含公司链接、更多链接和联系方式。表格在其他页脚中执行按钮所做的工作。
14、移位流:元素器作业板页脚模板
Job category 一侧链接,另一侧是带有通知我按钮的作业警报注册,今天没有找到工作的访客可以要求听听下一个。
本地商业和服务页脚模板
清洁公司、牙医、水管工、治疗诊所、餐厅、房地产代理公司和 IT 公司的页脚。大多数人将电话号码、地址和营业时间放在顾客期望的地方。
15、home轴:元素器房地产页脚模板
Phone、电子邮件和办公地点坐落在导航和资源链接旁边,任何列表页面的买家都可以从这里联系到代理。
16、Tecpart:Elementor IT 公司页脚模板
每个页面的两列列表加上关注我们链接,框为与 Tecpart 标头相同的宽度。
17、平衡器:元素治疗诊所页脚模板
菜单行横跨顶部,上面有联系方式和下面的诊所位置,位于海军蓝。它保持了 Balanciq 套件的平静间距。
18、清洁工:元器件清洁服务页脚模板
白色页脚,带有服务列表、快速链接以及标记的电话、电子邮件和地址线。
19、清洗:元素器清洗公司页脚模板
1行標語和公司、服務和社交欄的深藍色页脚,它使用與Cleanery標頭相同的藍色。
20、烹饪:元素师餐厅页脚模板
Page链接坐在一个四张照片的Instagram网格旁边,对于一家餐厅来说,脚下的美食照片比另一列链接做得更多。
21、牙科:Elementor牙科诊所页脚模板
Navy上的服务、开放时间、诊所地址、电话和电子邮件,患者可以从任何页面查看您的时间。
22、握:元素者代理页脚模板
Logo超大标语 深橄榄色背景上半部分,地址、电话和邮件,两个页面链接和四个社交链接在下面排成一排。
23、水电:Elementor 水电服务页脚模板
1个暗色页脚,上面有页面链接、电话和电子邮件详情、服务区域和开放时间,这些都是人们在给水管工打电话之前检查的事情。
商店和博客页脚模板
商店和博客的页脚:付款图标、最新帖子、营业时间和类别的许多链接列。
24、博客与营业时间:Elementor博客页脚模板
1个黑色页脚,上面有最新帖子,还有一个分类云和一个营业时间表,它适用于一个同时经营商店或工作室的博客。
25、营业时间卡:Elementor 营业时间页脚模板
左侧是地址、电话和电子邮件,右侧是蓝色营业时间卡。
26、支付图标商店:元素商店页脚模板
Visa、万事达卡和PayPal图标的产品、公司和支持链接,在他们下面,购物者在结账前看看你拿了哪些卡。
27、萨蒂沃:Elementor 时装店页脚模板
5个收藏、帮助和公司页面的链接栏,有支付图标和时事通讯块,它适合一个类别多的商店。
经典和最小页脚模板
4列页脚和居中的最小。它们几乎适合任何站点, 并且有几个只是标志, 一个菜单和社交链接。
28、居中暗接触:元素人居中接触页脚模板
Logo、简短的介绍、地址、电话、传真和社交图标,全部以黑色为中心。
29、居中社交:元素人居中社交页脚模板
Logo居中,一排彩色社交按钮和一个居中菜单,是这里最小的两个页脚之一,紧邻极简蓝色社交。
30、暗黑Instagram:元素者暗黑四列页脚模板
联系方式、有用链接、订阅说明和 Instagram 照片网格横跨四个深色列,底部有一个版权栏。
31、获取方向:元素者方向页脚模板
带有获取方向按钮、服务和公司链接以及时事通讯注册的深色页脚。
32、光instagram:元素灯四列页脚模板
白色相同的四列布局,在 Instagram 网格下有"查看更多"链接。
33、极小蓝社交:元素极小页脚模板
蓝色页脚,带有中心徽标,并标有 Facebook、Twitter、Dribbble、Behance 和 Instagram 链接。
34、网络课程:Elementor网络课程页脚模板
带有课程列表、彩色社交按钮和课程公告时事通讯注册的浅页脚。
哪个页脚模板适合您的网站?
| 您的网站 | 通常有效的页脚 | 从头开始 |
|---|---|---|
| SaaS 或应用程序 | 链接上方的试用提示,三列或四列链接 | Finix、Optivue、Sempla |
| 代理或自由职业者 | 带有一个联系按钮的大标题卡 | Techbyte、Clowdify、Grip |
| 本地服务业务 | 电话、地址和开放时间尽收眼底 | 牙科、Plumbiq、清洁剂 |
| 餐厅或咖啡馆 | 页面链接和照片网格 | 烹饪,黑暗的 Instagram |
| 网上商店 | 类别栏、支付图标、时事通讯 | Sartivo,支付图标商店 |
| 博客或课程网站 | 最新帖子或带有注册的课程列表 | 博客和营业时间、在线课程 |
| 作品集或一页网站 | 带有社交链接的中心徽标 | 以社交为中心,极简蓝色社交 |
网站页脚中应放入什么内容
A网站页脚应该在访问者在菜单中找不到东西时, 保存它们, 大多数好的页脚都包含这七项内容:
- 您的徽标和一行描述,因此登陆深度页面的人知道它是谁的网站。
- 人们寻找最多页面的链接:定价、服务、关于、联系、职业、帮助或文档。
- 联系方式:电话、电子邮件和地址,电话和电子邮件作为可点击链接。
- 营业时间,如果您有商店、诊所或办公室人员来访。
- 指向您真实帐户的社交个人资料链接。
- 法律链接:隐私政策、条款以及 cookie 或可访问性页面(如果您需要)。
- 与当前年份的版权线。旧的一年使网站看起来被遗弃了。
两个可选的额外内容值得大多数网站上的空间:时事通讯表格或简短的行动呼吁。如果您收集电子邮件,我们的列表 最佳 WordPress 时事通讯插件 可以帮助您选择表单背后的工具。对于本地企业来说, 营业时间小部件 将打开时间保留在您可以更新的表中。
网站页脚设计:什么有效以及避免什么
34个脚步,我们在写这篇文章之前检查了桌面和电话宽度的所有34个脚步,我们发现的每个问题都在现场演示中得到了修复,那个审核是一个方便的列表,可以找到您自己的脚步中要寻找的内容。
最好的网站页脚做什么
- 给每个列一个作业。Sempla 分割页面、实用程序、资源和帮助,因此访问者会扫描标题并知道在哪里查看。
- Links上方放一个动作,Finix、Optivue和Clowdify在链接栏前要求试用,这会抓住阅读到最后的访问者。
- 使联系方式可点击电话号码应使用
tel:链接和电子邮件地址mailto:(如 1000 指向),因此轻按手机即可开始通话或打开邮件应用程序。 - 头(header)进行匹配,如清洁、Tecpart和Balanciq等套件页脚重复使用页眉颜色和宽度,因此每个页面的顶部和底部都匹配。
- 在深色背景上保持高对比度海军蓝或黑色上的浅灰色链接易于阅读,而中灰色标签则不然。
常见的页脚设计错误
这些在原来的模板中一次又一次地出现, 现在全部都已经固定了, 值得你建或买的任何页脚查收:
- 占位符文本中留下:十七个页脚仍然有 Lorem Ipsum 或样本副本,还有一些人命名了错误的品牌,例如 Finix 页脚上写着 “免费尝试 termix”。
- 列(Every links)中相同的链接:九个页脚在不同的列标题下重复相同的链接。为每一列构建单独的WordPress菜单。
- 与值不匹配的标签,例如电子邮件地址上方的 “Phone:”。
- 低对比度按钮和文本:一个演示按钮的浅绿色白色文本为 2.0:1。 WCAG 要求普通文本为 4.5:1。
- 没有提交按钮的注册表单,或者由于表单插件缺失而显示原始短代码。
- 没有链接的社交图标,以及已有几年历史的版权年。
手机网站页脚技巧
Phone上,四列页脚变成一长列,所以订购很重要,先放联系方式和最常用的链接,后面放通讯,把链接和按钮至少44px高,检查没有元素粘出过屏幕边缘,导致横向滚动Elementor中,切换到编辑器中的移动视图,如果容器本身不堆叠,则设置列宽为100%。
对于更多布局创意,尼尔森诺曼集团很有用 页脚设计模式指南 包含不同类型网站的内容示例。
如何向您的网站添加 Elementor 页脚模板
Footer 是一个主题生成器模板:你构建一次,它出现在每个页面的底部,Master Addons 中的 footer 生成器是免费的,可以与核心 Elementor 配合使用,因此您不需要 Elementor Pro。
下面的视频将其中一个页脚从模板库带到实时站点。相同的步骤写在它下面。
- 在仪表板中,转到 主插件 → 主题生成器,点击 添加新模板的,将类型设置为 脚踏车 然后单击 使用元素器编辑.
- 在编辑器中,单击 主插件模板 按钮,打开 脚踏车 tab,选择一个设计,然后单击 插入.
- 更换徽标和文字,各指向 导航菜单小部件 wordpress菜单上,并添加真实的手机、电子邮件和社交个人资料网址,如果页脚有表单,则将其连接到自己的 联系表 7 形式。
- 打开 条件 选项卡,设置 包括 → 整个网站 并发布。
- 如果您的主题仍然在新页脚下打印自己的页脚,请在其设置或自定义程序中关闭主题页脚。
的 页脚主题构建器指南 用截图显示每个步骤,如果您宁愿编辑现有的页脚而不是替换它,请按照我们的教程操作 如何使用 Elementor 编辑 WordPress 中的页脚.
页脚、页眉、部分或套件:您需要哪个模板?
Footer模板覆盖了网站的一部分,同一个库有 标头模板 为页面的顶部, 元素单元部分模板 对于定价或常见问题解答等单个频段,完整 页面模板、和 模板套件 它以一种匹配的风格捆绑了一个标题、页脚和每个页面。
图书馆中标记为 Pro 的页脚需要一个 Master Addons Pro 许可证的,这也解锁了完整的套件这些页脚大部分来自于放置在您网站上的页脚构建器无论哪种方式都保持免费。
常见问题
什么是 Elementor 页脚模板?
Elementor模板保存的现成的页脚,它通常保存着logo、关键页面链接、联系方式、社交链接和版权行,你把它插入主题构建器页脚,这样每个页面底部都会出现相同的页脚。
如何在 Elementor 中添加页脚?
转到主插件 → 主题生成器,添加一个带有 Footer 类型的新模板并在 Elementor 中打开。从主插件模板库的 Footers 选项卡插入设计,编辑文本和链接,将条件设置为包含 → 整个站点并发布。
Elementor 中有页眉和页脚生成器吗?
Elementor Pro 有一个,主插件还有一个带有页眉和页脚模板的主题生成器,而且它的页眉和页脚生成器是免费的,所以你可以单独用核心 Elementor 和主插件构建一个全站的页脚。
我应该在网站页脚中包含什么?
Logo 和一行描述、人们查找最多页面的链接、联系方式、社交个人资料链接、隐私政策等法律页面以及包含当年的版权行。如果您想要多一个转换点,请添加一份时事通讯表格或行动呼吁。
是什么造就了良好的页脚设计?
1个好的页脚,扫描方便,里面有真实的内容,每一栏都有自己的目的,链接文字与背景至少有4.5:1对比,联系方式可点击,布局干净堆叠成手机一栏。
常见的页脚设计错误是什么?
Placeholder 文字留下来,每个栏目重复相同的链接,没有链接的社交图标,有年历史的版权年,暗背景的低对比度文字,没有提交按钮的注册表单,我们在准备本页模板时发现并修复了所有这些。
哪里可以找到 Elementor 页脚模板?
Elementor Pro 在其库中包含了一些。此页面显示 Master Addons 模板库中的 34 个页脚,每个页脚都有一个实时演示,您可以从 Elementor 编辑器内的页脚选项卡中插入它们。
选择一个页脚,设置一次
择与您的站点匹配的组,插入适合的页脚,在自己的细节中进行交换,如果稍后改变主意,打开相同的主题构建器模板,删除旧设计并插入另一个显示条件保持原样。
相关阅读: 如何导入 Elementor 模板, 元素标头模板 並 Elementor 自己的脚踏板创建指南.
