如何使用 Elementor 中的高级功能

Elementor Pro(专业版)提供高级功能,让WordPress网站更精美。可以使用更多的小工具、主题生成器、弹出式生成器和自定义字段功能。下面,我们将分享如何构建这些额外元素的指南,让你的页面变得更专业更精美。

如何使用 Elementor 中的高级功能

如何在 Elementor 中创建弹出窗口

弹出式表单可帮助获取潜在客户的电子邮件地址。Elementor 的弹出式创建器让创建这些表单变得更容易。

第 1 步:在 WordPress 仪表盘中,转到模板 > 弹出窗口 > 添加新内容

第 2 步:为模板命名,然后单击创建模板

第 3 步:从库中选择模板或创建自己的设计。

第 4 步:单击发布,然后保存并关闭

第 5 步:在 Elementor 中打开一个新页面(PC 用户按 CTRL + E 键;Mac 用户按 Command + E 键)。

第 6 步:拖入一个按钮部件。

第 7 步:在 “布局 “下选择 “链接”>”动态”>”操作”>”弹出窗口”

第 8 步:转到 “弹出窗口“>”打开弹出窗口“,然后选择你创建的弹出窗口。

第 9 步:进入实时页面:

第 10步:然后,点击按钮,就会看到弹出窗口。

如何在 Elementor 中自定义 WooCommerce 产品页面

如何使用 Elementor 中的高级功能

WooCommerce “是一个流行的电子商务平台,可帮助建立网店。在定制产品页面之前,需要在 WordPress 仪表板上安装并激活 WooCommerce 和 Elementor。还需要在网站上添加一些产品。

设置完成后,就可以设计产品页面了。按照下面步骤操作。

1.在 WordPress 仪表盘中,转到Elementor > 我的模板。

2.单击添加新按钮。

3.选择单一产品作为模板类型,然后单击创建模板

如何使用 Elementor 中的高级功能

4. Elementor 库将加载。

5. 接下来,选择一个预先设计好的产品页面模板,或者从头开始创建一个。

elementor wordpress:如何将 Elementor 与 WordPress 结合使用 — Elementor 产品页面模板,提供各种选项可供选择

6.在模板中,添加不同的产品小部件来定制你的页面。

如何使用 Elementor 中的高级功能

7.准备好预览页面后,点击左下角面板上的”眼睛图标“。

8.点击设置,然后选择要显示的产品。比如这种:

如何使用 Elementor 中的高级功能

9.要发布页面,单击左下面板上的绿色“发布”按钮,

5 个必备的 Elementor 兼容插件

如果已经到这一步了,你可能已经发现 Elementor 对于任何 WordPress 用户来说都是一个很好的工具。但是,还有一种方法可以让 Elementor 的功能更强大。

Elementor 最好的一点就是,它拥有一个庞大的开发者社区,他们不断创造新的插件和附加组件。这些插件可以帮你完成很多事情,从在网站上添加谷歌地图到创建自定义表单和布局,让你的生活变得更轻松。如果你想充分利用 Elementor,不妨试试这些与 Elementor 兼容的插件。

MasterAddons

如何使用 Elementor 中的高级功能

精美的登陆页面可以帮助提高参与度,增加销售线索。但是,如果不具备在页面上创建动画标题、悬停效果或滑块的编码知识。MasterAddons 可以帮助你创建一个交互式的、有条理的登陆页面,而无需一行代码。可以使用图片编辑、不同的菜单格式和预先设计的定价表。

最适合:构建漂亮的登陆页面。

Dynamic Content

如何使用 Elementor 中的高级功能

动态内容 “是另一款能让 WordPress 网站栩栩如生的插件。可以使用动画文本、SVG 效果和光标跟踪器为网站带来动感。如果你正在经营电子商务,这个插件尤其有用。Dynamic Content 可与 WooCommerce 无缝集成,帮助对产品进行追加销售、折扣或交叉促销。

最适合:电子商务网站

Starter Templates

如何使用 Elementor 中的高级功能

如果是建站新手,使用模板会比从头开始容易得多。这就是 Starter Templates 的作用所在。该插件提供 600 多个模板,可以将它们作为建立网站的起点。可以按行业搜索可用模板。例如,Starter Templates 就有一个与 Elementor 兼容的日托服务演示和另一个针对美食博主的演示。只需找到自己喜欢的网站,然后开始构建。

最适合:刚刚开始搭建网站的用户

ElementsKit

如何使用 Elementor 中的高级功能

如果你需要模板和附加功能,ElementsKit 就是你的一站式商店。该插件包含 85 个小工具和扩展功能,随时可以在网站上使用。然后,就是关注功能了。有了 ElementsKit,你可以创建一个超大型菜单,添加推荐信和倒计时器。很快,就可以拥有一个美观大方、功能齐全的网站了。

最适合:寻找模板和扩展功能的用户

Livemesh Addons

如何使用 Elementor 中的高级功能

Livemesh插件拥有各种精心设计的功能和小工具,可帮助设计定制网站。可以创建动画文本、滑块和不同的网格来展示你的服务。Livemesh 还有网格来展示在社交媒体上的存在。可以展示你的推文、最近的 YouTube 视频和 Vimeo 上的内容。

最适合:精心设计的附加组件和各种小工具

以上就是如何使用 Elementor 中的高级功能,五个和Elementor 兼容的插件;能帮助充分利用Elementor插件。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/9029/

(0)
上一篇 2024年 4月 26日 下午3:12
下一篇 2024年 4月 26日 下午5:29

相关推荐

  • 如何解决Elementor中自定义字体不显示问题

    在使用Elementor编辑WordPress页面时遇到自定义字体不显示问题;是什么原因导致的,该怎么解决呢? 可能导致的原因及解决方案 缓存问题 导致这种问题有可能是缓存造成的。解决方法也比较简单: 清除缓存: HTTP/HTTPS 不匹配 如果最近从 HTTP 迁移到 HTTPS,字体文件可能需要重新上传。 要重新上传字体文件: 1.从 WP Admin…

    2024年 4月 27日 Elementor
    0015
  • 无法使用 Elementor 进行编辑的原因和解决办法

    使用 Elementor 进行编辑时,有时会遇到很多问题,比如:显示一个名为“死亡白屏”的空白页面;显示无限加载的灰色页面;小部件面板呈灰色或无休止地加载。 单击“使用 Elementor 编辑”时,看不到编辑页面,而是会转到实时页面;使用 Elementor 编辑链接不可用等问题。别着急,我们一起分析原因和解决办法。 可能的原因 可能有以下几个原…

    2024年 4月 26日 Elementor
    0022
  • 推荐:TranslatePress — WordPress多语言插件精选

    随着全球贸易的迅速扩张,对企业和个人而言,建立一个多语言网站变得越来越重要。当你使用WordPress搭建网站时,可以利用多语言插件,比如TranslatePress。这是一个强大的插件,能帮你轻松把网站翻译成多种语言。 TranslatePress插件提供了三个套餐选项:个人版、商业版和开发者版。所有版本都提供高级翻译界面、灵活的语言切换选项、SEO增强插…

    2024年 3月 27日
    0055
  • 如何将亚马逊联盟链接添加到 WordPress 网站

    将亚马逊联盟链接添加到你的 WordPress 网站可以更具吸引力的方式推广产品。可以采用手动或WordPress 插件通过管理仪表板执行此操作。 如何使用插件添加亚马逊联盟链接? 选择使用Auto Amazon Links – Amazon Associates Affiliate Plugin插件,此工具易于使用并且提供免费版本。请按照以下步骤操作: 1…

    2024年 4月 9日 WordPress插件
    0030
  • WordPress站点地图详解:如何轻松创建并优化你的站点地图

    什么是WordPress站点地图? WordPress站点地图是一个XML文件,它包含了网站中所有页面的列表。这个文件主要是为搜索引擎设计的,比如Google和Bing,以帮助它们更有效地索引和爬取你的网站内容。站点地图对搜索引擎来说是一个很好的资源,因为它可以提供一个清晰、全面的网站结构视图,确保所有的页面都能被搜索引擎找到。一个WordPress网站地图…

    2024年 4月 18日 SEO流量
    0017

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信