Elementor Pro 3.6有什么新功能-页面转换,Woocommerce通知,购买摘要小部件和更多

Elementor Pro 3.6有什么新功能-页面转换,Woocommerce通知,购买摘要小部件和更多

Elementor已经发布了插件Pro版的更新,在这篇文章中我们将讨论Elementor Pro 3.6有什么新功能

这个版本的高级Elementor插件引入了新的特性和小部件,可以让你在整个网站上突出你的品牌。

最重要的是,它将改善整体购物体验。

记住这一点,重要的是要知道Elementor Pro 3.6更新是针对插件的高级版本。

这意味着如果你正在使用Elementor Pro,那么只有你才能访问这些新功能和改进。

如果你不使用Elementor Pro,想给它一个尝试,然后你可以通过点击下面的链接

Elementor Pro 3.6更新有什么新功能-新的小部件和功能

Elementor Pro 3.6发布于2022年1月31日它的特点是

  • 页面转换
  • Woocommerce购买摘要小部件
  • Woocommerce通知小部件
  • 添加到购物车的新布局选项
  • 性能改进

更多的

下面是我们在这篇文章中涉及到的所有主题Elementor Pro 3.6您可以通过单击下面的链接导航到您所选择的部分。

Elementor Pro 3.6页面转换实验

在浏览互联网时,你一定会遇到网站在从一个页面导航到另一个页面时显示正在加载的动画或品牌资产(如徽标)。或者在显示输出时。

这个功能被称为页面转换,它有助于提高品牌认知度。

之前Elementor Pro 3.6更新,在插件中没有允许您添加此功能的选项。

因此,你不得不依赖第三方插件。

现在这在Elementor Pro 3.6更新中有变化,并且引入了新的页面转换实验,允许您添加此功能。

Elementor Pro 3.6更新中的页面转换实验
Elementor Pro 3.6更新中的页面转换实验

在我们继续之前,重要的是要知道页面转换目前正在进行实验。然而在默认情况下是活动的。

在这里,我们建议您在LIVE站点上实现该功能之前,先在登台站点上测试该功能。

记住这一点,您将在元素或站点设置中找到页面转换选项。

要导航到它,第一步是访问Elementor编辑器,然后单击左上角的汉堡图标。

汉堡图标在元素侧面板
汉堡图标在元素侧面板

这样做时,它会显示Elementor站点设置选项。

元素或站点设置选项
元素或站点设置选项

在这里,你必须点击网站设置,它会显示你所有的设置包括。

下一步是向下滚动到底部,直到找到页面转换选项。

Elementor Pro 3.6中的页面转换
Elementor Pro 3.6中的页面转换

点击它会显示所有相关的设置。

Elementor Pro 3.6中的页面转换设置
Elementor Pro 3.6中的页面转换设置

这里是你将遇到的第一组if设置是背景和入口动画。

在Elementor Pro 3.6中的页面转换中的背景和动画设置
在Elementor Pro 3.6中的页面转换中的背景和动画设置

使用背景,你可以设置动画背后的颜色或页面,你可以从2个选项中选择

  • 经典
  • 梯度
在Elementor Pro 3.6中的页面转换中的背景颜色设置
在Elementor Pro 3.6中的页面转换中的背景颜色设置

经典是默认选择,它将允许你选择一个单一的颜色作为背景。

另一方面,选择渐变将显示您选择颜色的其他选项。

在这里您可以根据您的需求选择一个。

在页面过渡的背景选项之后,你将遇到的下一个设置是入口动画。

你可以用它来设置页面过渡的入口动画。

Elementor Pro 3.6中页面过渡中的入口动画
Elementor Pro 3.6中页面过渡中的入口动画

正如你所看到的,这基本上是一个下拉菜单,在这里你可以根据你的设计需要选择一个选项。

从这个下拉菜单中选择一个动画,它会显示你选择退出动画和动画速度的其他设置。

Elementor Pro 3.6中页面过渡的附加动画设置
Elementor Pro 3.6中页面过渡的附加动画设置

这些选项后面是预览页面转换按钮,单击该按钮将显示页面转换。

预览Elementor Pro 3.6中的页面转换
预览Elementor Pro 3.6中的页面转换

移动,

如果你想添加动画,品牌资产或图像到页面转换,那么你需要单击Preload选项卡。

它会显示一个Type下拉菜单,后面跟着一个Preview Page Transition按钮。

Elementor Pro 3.6页面转换中的预加载器选项卡
Elementor Pro 3.6页面转换中的预加载器选项卡

在这里,你需要点击Type下拉菜单,你会得到添加选项

  • 动画
  • 图标
  • 图像
在Elementor Pro 3.6页面转换中键入下拉框
在Elementor Pro 3.6页面转换中键入下拉框

在选择任何这些选项,它会显示你相关的设置,配置后,你可以预览页面过渡。

完成之后,单击Update保存更改。

新的Woocommerce购买摘要小部件

说到经营一家成功的网上商店,与用户建立信任有很长的路要走。

网上商店的声誉通常与它销售的产品质量和售后服务有关。

然而,一步一步的透明也扮演着重要的角色。

记住这一点,Elementor引入了一个新的购买摘要小部件,您可以使用它为Woocommerce商店创建一个购买摘要页面。

此页面将在用户结帐后立即显示给用户,并将包含他们的订单摘要。

重要的是要知道您将在Woocommerce部分下的Elementor侧面板中找到Woocommerce购买摘要小部件。

在Elementor Pro 3.6中添加了新的Woocommerce购买汇总小部件
在Elementor Pro 3.6中添加了新的Woocommerce购买汇总小部件

当您将此小部件添加到页面时,它将自动获取所有必要的信息,您将获得一个随时可以发布的页面。

Elementor Pro 3.6中的演示订单汇总页面
Elementor Pro 3.6中的演示订单汇总页面

如果你一直在关注不插电写博客,并阅读了我们的关于Elementor Pro 3.5的文章那么你必须熟悉的事实,新的订单汇总小部件的工作方式类似于Woocommerce小部件发布的更新。

这意味着小部件自动创建页面的骨架,你所要做的就是自定义/设计它,使它看起来像你自己的。

记住这一点,重要的是要知道上面看到的订单摘要页面缺少一些信息,如计费和送货地址。

这背后的原因是我们在创建这个虚拟订单时没有提供这些信息。

移动,

新的Woocommerce购买摘要小部件让您可以自定义页面的各个方面,您将能够使用Content选项卡中的选项更改标签和标题。

Elementor Pro 3.6中购买摘要小部件中的内容选项卡
Elementor Pro 3.6中购买摘要小部件中的内容选项卡

要自定义/使此页面适合您的设计/品牌,您需要转到样式选项卡,在那里您可以找到所有相关设置。

Elementor Pro 3.6中新的购买摘要小部件的样式设置
Elementor Pro 3.6中新的购买摘要小部件的样式设置

除此之外,在Elementor Pro 3.6的Woocommerce商店页面配置中引入了一个新的购买摘要选项。

Elementor Pro 3.6中Woocommerce页面设置中的购买摘要选项
Elementor Pro 3.6中Woocommerce页面设置中的购买摘要选项

使用此选项,您将能够选择和设置一个购买摘要页面为您的Woocommerce商店,只需点击几下。

重要的是要知道,默认的Woocommerce页面设置不给你添加购买摘要页面的选项。

这意味着你会得到这个选项Elementor只有。

新的Woocommerce通知小部件在Elementor Pro 3.6

网上购物是我们现在生活的一部分,当你购买产品时,你一定注意到,在你采取任何行动时,你都会收到一个非常微妙的通知。

例如,当您从购物车中添加或删除产品时,它会让您知道您已经采取了操作。

这些通知在保持用户信息并通过提供反馈来改善用户体验方面发挥着重要作用。

在Elementor Pro 3.6之前,没有简单的方法可以定制这些通知,在这次更新中,引入了一个新的Woocommerce小部件,可以让你完全控制这些通知在页面上的显示位置及其样式。

记住这一点,你会在Elementor侧面板的Woocommerce部分下发现新的Woocommerce notifications小部件。

Elementor Pro 3.6新增Woocommerce通知小部件
Elementor Pro 3.6新增Woocommerce通知小部件

当您将此小部件添加到页面时,它将覆盖出现在标题区域的默认Woocommerce通知。

默认Woocommerce通知
默认Woocommerce通知

在将此小部件添加到页面时,您将看到如下截图所示的消息。

在Elementor Pro 3.6中添加新的Woocommerce通知小部件
在Elementor Pro 3.6中添加新的Woocommerce通知小部件

现在要自定义通知,您必须单击Woocommerce设置链接,它将带您到网站设置中的Woocommerce商店页面选项。

新的Woocommerce注意到Elementor Pro 3.6站点设置中的自定义选项
新的Woocommerce注意到Elementor Pro 3.6站点设置中的自定义选项

在这里,您需要通过单击(+)图标来选择通知类型。

在Woocommerce中有3种类型的通知,在这里你可以选择一个或多个来定制。

  • 错误
  • 消息
  • 信息
在Elementor Pro 3.6更新中选择Woocommerce通知类型
在Elementor Pro 3.6更新中选择Woocommerce通知类型

在选择通知类型时,它将显示一个新选项卡,其中通知名称包含所有自定义选项。

Elementor Pro 3.6中Woocommerce通知的自定义选项
Elementor Pro 3.6中Woocommerce通知的自定义选项

正如你所看到的,你可以选择改变颜色、字体、背景色等。

完成更改后,单击Update。

你的Woocommerce通知现在是完全定制的。

Elementor Pro 3.6中的自定义Woocommerce通知
Elementor Pro 3.6中的自定义Woocommerce通知

在做这些更改之前,Woocommerce的通知出现在头部区域的顶部。

现在这些在最底部。

添加到购物车小部件中的新布局选项

如果您一直使用Elementor创建Woocommerce站点,那么您必须熟悉添加到购物车或自定义添加到购物车小部件。

如果你没有,那么让我告诉你,它让你添加一个添加到购物车按钮,动态连接到产品。

在Elementor Pro 3.6更新中,自定义添加到购物车小部件得到了改进,其中引入了新的布局选项,您可以根据需要选择布局。

Elementor Pro 3.6自定义添加到购物车小部件中的新布局选项
Elementor Pro 3.6自定义添加到购物车小部件中的新布局选项

这个布局设置提供了3个选项供您选择

  • 内联
  • 堆放
  • 汽车
Elementor Pro 3.6自定义添加到购物车小部件中的布局选项
Elementor Pro 3.6自定义添加到购物车小部件中的布局选项

根据你的要求,你可以选择一个。

Elementor Pro 3.6的性能改进

在这个版本的插件中,改进的CSS加载实验已经扩展到包括Woocommerce和主题构建器小部件。

根据Elementor,打开这个实验将减少CSS 126kb。

与此同时,元素-section-wrap已被删除,并添加到DOM输出实验中。

你可以阅读更多相关内容在这里

这就是Elementor Pro 3.6更新中包含的所有内容。如果你喜欢你读过的东西,想给Elementor Pro一个尝试,那么你可以这样做点击链接在下面。

开始使用Elementor Pro 3.6

  • 要开始使用Elementor Pro 3.6,第一步是访问Elementor然后点击主页上的“选择您的计划”或“定价”。
Elementor主页上的定价选项卡
Elementor主页上的定价选项卡
  • 这样做将为您的网站创建显示2个选项。第一个是Elementor云网站第二个是Pro插件。这里云网站是默认选择的,如果你只是想获得Elementor Pro,那么你需要选择插件。
在Elementor中选择Web创建路径
在Elementor中选择Web创建路径
元素云网站定价页面
Elementor云网站
  • 如果你只是想买Elementor Pro,然后点击插件,会显示你所有的Elementor Pro计划。
Elementor Pro Plans
Elementor Pro Plans
在Elementor上创建一个帐户并付款
在Elementor上创建一个帐户并付款

就是这样,现在你有了Elementor Pro插件,下一步是下载而且batway必威公司

Elementor Pro 3.6更新有什么新功能-视频

在Elementor Pro 3.6更新有什么新的-页面转换实验,购买摘要和Woocommerce通知小部件

话虽如此,

我希望这篇文章对您有帮助,现在您已经了解了关于Elementor Pro 3.6更新的所有信息。

如果您对此有任何疑问,请随时与我们联系。

要了解我们的最新内容,我们建议订阅我们的YouTube频道和电子邮件列表。还有,别忘了加入我们的脸谱网组。

加入社区

6个评论

  1. 丽莎|野蛮老板 说:

    谢谢你的全面概述,信息量很大。

  2. 奥布里 说:

    这样一个伟大的,信息丰富的帖子!非常感谢你分享这些精彩的更新。

  3. 萨马sumar 说:

    喜欢这篇文章的细节。elementor pro 3.6终极指南

留下回复

你的电邮地址将不会公布。必填字段已标记