晋江高端网站开发:如何在单击按钮时使Bloom选择窗体弹出

2019.05.14 |
标签

现在很难想象没有选择形式的互联网。我们使用他们在我们的网站上有两个主要原因,特别是:获得订户或产生引线。

找到一个正确的方式来接近你的听众选择的形式可能是一个真正的挑战。有些人想安全行事,不想让访客觉得他们在用不想要的选择表格“侵入”他们的互联网泡沫。这通常是人们选择在点击网站上某个特定位置后出现的选择表单的时刻,或者我们如何称呼它;“单击触发器”。

在今天的教程中,我们晋江高端网站开发将向您展示如何在网站的一些最重要部分使用这些单击触发器。一旦您成功地包含了单击触发器选项,不要忘记度量它带来的结果,看看它是否有助于您取得进展。

晋江高端网站开发

单击后使用“选择”表单的时间。

你基本上可以在你的网站上做任何事情触发一个选择形式。但是在错误的地方使用它很快就会对你不利。人们习惯于随时随地在网站上随意点击,例如,当他们在阅读一些东西的时候。或者就在他们环顾四周的时候,他们经常在网站上没有任何目的情况下点击某个地方。

现在,假设您是访问者;每次随机单击,您可能会遇到意外的选择形式,因为您采取的行动没有目的。这无疑会产生不好的影响,因为在那个时候,当你访问那个网站的时候,你会觉得自己根本无法控制。

但是,在人们自愿选择点击或不点击的地方放置一个点击触发选项表单(比如按钮或一般的行动调用)则是另一回事了。我们熟悉点击CTA(呼叫行动),这样就不会吓到我们了。我们故意选择看看下一步是什么。如果我们不想知道CTA背后的是什么,我们就干脆不点击。但如果我们愿意,我们可以。这个“选择”访问者有,使他们感到更容易,当一个选择的形式最终弹出,并增加了他们将实际注册为您的通讯。

创建选择表单

让人们点击你的CTA是一种艺术形式。让人们在点击你的cta后,通过选择表格订阅或成为领先者,这是对艺术的欣赏。你必须尝试并找到正确的方法来接近你的目标观众,这样双方最终都会感到高兴。

我们将向您展示如何为您的网站上的两个不同按钮设置一个单击触发器,您可以从这种选择形式中获益:Button Module和FullWidth Header Button。工作方式是一样的,但是在不同的场景中看到它可能会帮助您理解逻辑。之后,您也可以将其用于其他模块。

现在,在我们向您展示如何将被选中表单链接到CTA之前,我们将先看一遍OPT表单的设置。在这篇文章中,我们不会为您提供任何具体的设计,而是只提供逻辑。有一些设置是必需的,以确保单击触发器工作。

选择类型-进入形式

晋江高端网站开发当添加一个新的OPT表单时,您将面临的第一个选择是您想要使用的选择形式的类型。要在单击效果上创建触发器,可以使用以下两种类型:弹出和飞入。你最有可能选择的是弹出。但是如果你想变得更微妙,你也可以使用苍蝇。

设置Tab

首先,在要创建的Opt-in表单的安装选项卡中,将您的Opt-in表单命名为“设置”选项卡。接下来,将表单连接到电子邮件提供商。如果没有电子邮件提供商、帐户和电子邮件列表,该表单将处于不活动状态。

设计标签

在“设计”选项卡中,可以对要使用的表单进行样式设置。在这篇文章里,我们不会那么做的。我们将选择一个标准的选择形式,不作任何修改,只是看看它是否有效。以后,您可以始终返回到您创建的用于进行更改的OPT表单。

显示设置选项卡

这是选项卡,我们将把Opt-in表单链接到其中一个按钮。要确保结果有效,您必须确保允许在您希望它工作的页面上显示“选择进入”表单。如果您要在整个网站中使用相同的表单,您可以很容易地为所有的内容启用该表单,如下图所示。

此外,我们希望只在单击时使用Opt-in形式的触发器。这就是为什么我们要禁用所有其他选项,并只启用‘触发器点击一个。您将看到CSS Selector字段将立即出现。稍后在这篇文章中,我们将使用这个字段将我们的按钮链接到我们正在创建的OPT表单。请将此页打开在您的选项卡中,以便您可以在稍后立即访问它。

我们开始吧

虽然在不同模块中添加单击触发器选择形式的逻辑是相同的,但我们将在两个示例中解释它:Button Module和FullWidth Header Button。

但是,如果您想让单击触发器在下面解释的其他地方工作,那么您必须做一些小小的修改。唯一要改变的是我们使用的类,因为这个类总是不同的。如果您想要使此单击触发器发生在您的网站的任何其他部分,您只需遵循相同的步骤,我们将显示如下,并根据您使用的CSS类。

将按钮模块连接到弹出选择表单

我们将引导您完成的第一个示例是Button模块。为Button模块创建单击触发器的好处是,可能性是无限的。您可以制作包含Button模块的任何类型的区段或行,并尽可能地具有创造性。

没有任何进一步的到期,让我们开始为按钮创建一个单击触发器。我们有两种方法可以做到这一点:使用CSS类或创建分配给模块的CSS ID。

使用CSS类

晋江高端网站开发打开页面或创建要单击触发器工作的页面。接下来,添加按钮模块或打开按钮的按钮模块设置。

转到“高级”选项卡并向下滚动。单击“主元素”字段,查看分配给该按钮的CSS类。复制CSS类,我们马上就需要它。

然后,转到正在创建的Opt-in表单的DisplaySettings选项卡。在前一部分中,我们已经向你们展示了魔法将在哪里发生。我们启用了“单击触发器”,并禁用了提到的所有其他可能性。就在“点击技巧”下面,您必须粘贴以下一行:

*.et_pb_button_0.et_pb_button.et_pb_module

正如您所看到的,它只是一个‘*’符号,后面跟着在这个步骤之前复制的类。

在使用此方法时,您必须记住一件事:同一页中的每个按钮都有不同的CSS类按钮,但是一旦您向另一个页面添加了一个按钮,它就会立即从‘0’开始。这意味着,每个页面上的每个第一个按钮模块都将触发选择进入表单,如果您的被选择进入表单对所有页面和帖子都是可用的。

如果要避免这种情况,可以通过CSS ID使用“使单击触发器发生”。但是,在将特定的CSS ID分配给完整模块的情况下,最简单的实现方法是通过CSS类。

您可以确定某个“选择”表单可以在“选择”窗体的“显示设置”中显示在哪些页面上。通过这样做,您将掌握并确切地知道在单击分配给它的按钮后,选择进入表单将出现在哪个页面上。

通过使用CSS ID

第二种方法是使用CSS ID。打开按钮模块,转到高级选项卡,并给它一个CSS ID。在这种情况下,我们将使用“弹出”。

继续转到Button Module的Content选项卡,然后编写“#”符号,然后是您想要的任何内容。通过这样做,您将确保访问者在单击按钮时保持在页面上的相同位置。

继续,回到您的选择表单设置,并添加“一个#弹出”到触发器上的单击字段。您应该始终编写“a#”,然后是分配给Button模块的CSS ID。

a#popup

将全宽度标头按钮连接到“选择”表单中。

我们将向您展示如何在ClickOpt-in表单上执行触发器的另一个示例是FullWidthHeader Button。这里唯一的可能是使用按钮CSS类。我们不能通过Divi构建器为按钮指定一个CSS ID。

使用CSS类

创建一个全宽度标头或打开要在单击“选择中”窗体上添加触发器的全宽度标头。转到全宽度标题的高级选项卡,向下滚动,直到你遇到‘Button One’。单击该字段并复制分配给该按钮的CSS类。

然后,转到Content选项卡,然后在Button#1的URL字段中键入“#”符号,然后是其他任何内容。

最后,转到选择中的DisplaySettings选项卡,然后键入“*”符号,然后是您复制到按钮的类。

*.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_one.et_pb_button

最后思想

晋江高端网站开发本教程将帮助您开始使用单击触发器和BloomOpt-in表单。这甚至可能会让你重新考虑你目前试图获得订户或领头羊的方式。如果您有任何问题或建议,请在下面的评论部分留下评论。当你在那里的时候,告诉我们在什么情况下你会在点击选择表格上使用触发器。


相关推荐

晋江网站开发:WordPress插件漏洞及其解决方法
 

晋江网站开发:WordPress插件漏洞及其解决方法

你努力工作使你的网站很棒。在你投入这么多工作之后,你最不想做的事就是把你的网站丢给某个恶意黑客。当涉及到黑客和WordPress时,插件漏洞是坏人最容易进入的方法之一。由于受欢迎,WordPress是黑客的一块磁铁...
2019.04.29
晋江企业网站开发:如何在WordPress中添加Screencast
 

晋江企业网站开发:如何在WordPress中添加Screencast

想通过WordPress提供高质量的教育内容吗?一个很好的方法就是给WordPress添加屏幕。无论您需要教育您的客户或您的网站访问者,屏幕是一个极好的选择。晋江企业网站开发在这篇文章中,我将讨论屏幕的一些好处,以...
2019.04.29
晋江定制网站:WordPress文章和页面过滤的最终指南
 

晋江定制网站:WordPress文章和页面过滤的最终指南

如果你曾经在亚马逊上购物过,很可能你已经意识到过滤器的强大力量,能够深入到大量的内容中,准确定位你想要的内容。当在Amazon上搜索产品时,总是会有一个侧栏,它会帮助您改进搜索,只返回满足您最重要需求的结...
2019.05.14
晋江高端网站开发:如何在单击按钮时使Bloom选择窗体弹出
 

晋江高端网站开发:如何在单击按钮时使Bloom选择窗体弹出

现在很难想象没有选择形式的互联网。我们使用他们在我们的网站上有两个主要原因,特别是:获得订户或产生引线。找到一个正确的方式来接近你的听众选择的形式可能是一个真正的挑战。有些人想安全行事,不想让访客觉得...
2019.05.14

最新文章

晋江高端网站开发:如何在单击按钮时使Bloom选择窗体弹出
 

晋江高端网站开发:如何在单击按钮时使Bloom选择窗体弹出

现在很难想象没有选择形式的互联网。我们使用他们在我们的网站上有两个主要原因,特别是:获得订户或产生引线。找到一个正确的方式来接近你的听众选择的形式可能是一个真正的挑战。有些人想安全行事,不想让访客觉得...
2019.05.14
晋江定制网站:WordPress文章和页面过滤的最终指南
 

晋江定制网站:WordPress文章和页面过滤的最终指南

如果你曾经在亚马逊上购物过,很可能你已经意识到过滤器的强大力量,能够深入到大量的内容中,准确定位你想要的内容。当在Amazon上搜索产品时,总是会有一个侧栏,它会帮助您改进搜索,只返回满足您最重要需求的结...
2019.05.14
晋江企业网站开发:如何在WordPress中添加Screencast
 

晋江企业网站开发:如何在WordPress中添加Screencast

想通过WordPress提供高质量的教育内容吗?一个很好的方法就是给WordPress添加屏幕。无论您需要教育您的客户或您的网站访问者,屏幕是一个极好的选择。晋江企业网站开发在这篇文章中,我将讨论屏幕的一些好处,以...
2019.04.29
晋江网站开发:WordPress插件漏洞及其解决方法
 

晋江网站开发:WordPress插件漏洞及其解决方法

你努力工作使你的网站很棒。在你投入这么多工作之后,你最不想做的事就是把你的网站丢给某个恶意黑客。当涉及到黑客和WordPress时,插件漏洞是坏人最容易进入的方法之一。由于受欢迎,WordPress是黑客的一块磁铁...
2019.04.29

热门推荐

选择您希望晋江网站设计成品的风格偏好,让我们通过精确的分析与筛选,为您推荐合适的版式布局,
为此,您可以节省最基本的沟通时间,
让我们把有限的时间,充分的用在对行业的分析及您企业网站建设的自身分析上吧
联系电话 400-6065-301

建站咨询 星星-总监

投诉