Adobe muse使用联系表单插件

您访问大多数网站有联系页面,让参观者与该网站的拥有者。形式是非常有益的,因为你可以收集潜在客户的联系信息,同时也避免了垃圾邮件,当你直接在网页上发布的电子邮件地址,可能会导致。

在本文中,您将学习如何接触的形式添加到您的缪斯网站。

一个接触的形式添加到您的网站

请按照以下步骤联系人表单控件添加到您的网站设计:

  • 在设计视图打开一个页面进行编辑。

  • 打开小工具库。单击窗体类将其展开,然后选择两种形式之一:

    • 详细联系方式
    • 简单的联系
  • 拖动简单的联系窗口小部件到页面的名称。

    小工具库

    展开窗体部分并拖动简单的联系表单页面。


    您可以添加联系人窗体部件就像你拖动和窗口小部件库中删除其它部件。

  • 表单拖拽到页面后,使用选择工具单击一次选择的形式,然后在页面设计所需的位置进行定位。

    注意:

    如果你想有一个表单出现在每一页上,您可以联系表格小工具添加到母版页。在这种情况下,使用该母版页每一页显示的联系方式。

联系人形式配置设置

在本节中,你会看一看的联系表格插件的设置,看你如何设置选项菜单选项来控制它的行为方式。

  • 使用选择工具选择整个联系表部件。在选中整个表格,选择指示符在控制面板显示器的左上角:形态:正常

    正常的链路是四种可能的状态,就像菜单项或按钮的菜单:

    • 正常
    • 提交进展
    • 提交成功
    • 提交错误

    小工具库

    选择指示符显示可用状态的整个形式。


    如果要调整的形式,因为它出现在各种状态下,您可以选择从这个菜单中的相应状态的名称。

    小工具库

    的形式出现在提交错误状态。


    当选择此状态下,可以调整的错误消息的外观。例如,你可以改变文本内容或更改错误文本颜色从红到蓝。

  • 从选择指示器菜单中再次选择了正常状态。

  • 而在正常状态仍处于选中整个表格,点击蓝色箭头进入选项菜单。该组中的选项菜单选项会影响整个构件:

    小工具库

    选项菜单显示整个接触形式设置。


    默认情况下,表单名称字段填入当前页面的名称,但如果需要,您可以更改名称。

    如果您想在表单提交转发到多个电子邮件地址,可以输入在电子邮件地址(用分号隔开)领域。

    表单提交的行为由您在选择发送菜单后的选项设置。在选项菜单中的下列选项中进行选择:

    • 留在当前页面(默认)
    • 链接到文件(上传的形式提交后链接的文件)

     

    小工具库

    选择使用发送菜单后表单的行为。


    有两种类型的可以添加新的表单元素:

    标准字段

    标准字段列表包括:

    • 手机号码
    • 家庭电话号码
    • 家庭地址
    • 网站
    • 公司
    • 工作电话号码
    • 工作地址
    • 验证码
    • BC CAPTCHA

    如果你想添加这些领域之一,只需选中复选框。

    自定义字段

    点击您要添加,然后输入标签在设计视图来描述您要添加到窗体新的表单字段元素的自定义字段+按钮。

    以下是种自定义字段,你可以添加到联系人的形式:

    • 单行文本:   单行字段是较短的文字,如访问者的年龄,邮政编码。
    • 多行文字:添加多行文本字段,当你想使访客类型的详细信息,如提交的评论或问一个问题。
    • 复选框
    • 复选框组
    • 单选按钮组

配置各个表单元素的设置

当你选择一个表单元素,选择指示符更新,以显示该元素的名称,如标签,文本输入,或提交。随着选择指示器,可以很容易地看到哪些嵌套元素的形式当前选择。

  • 单击整个表单一次以选择它,然后单击两次现场。首先,选择指示器显示形式,则表单域,然后文本输入。文本输入的表单中的实际字段的名称。

    当选择了文本输入表单元素,你点击蓝色箭头按钮进入选项菜单,提供报价设置的选项具体涉及到的元素。

    小工具库

    选项菜单显示上下文一套选定的表单元素的选项。


    在选项菜单中同时选择了文本输入的元素,你可以在需要的领域选择。您也可以选择现场是否显示描述性文本,以帮助游客了解填写一个字段时,输入的内容。

    在配件部分,选择或取消复选框来显示或隐藏字段的标签和消息文本。

    虽然选择了表单元素,选择指示符显示该元素的名称以及您可以在控制面板(如适用)访问的国家菜单。在选择指示符的菜单可以很容易地选择,而你正在编辑表单元素所需的状态。

    小工具库

    虽然选择了表单元素,使用选择指示器菜单选择所需的状态。


    当选择的状态,您可以使用填充面板或控制面板来调整它的外观。

    表单字段的状态是:

    • 非空
    • 滚下
    • 焦点
    • 错误

    Submit按钮的状态显示为提交按钮被选中。

    Submit按钮的状态是:

    • 正常
    • 滚下
    • 鼠标按下
    • 提交进展

     

    小工具库

    选择Submit按钮访问按钮的状态。


    而当你在上一节中看到的,被选中整个表格时,会显示整个表单的状态:

    • 正常
    • 提交进展
    • 提交成功
    • 提交错误

    小工具库

    在选中整个表格,你可以选择整个表单的状态如何影响它就会显示出来。


风格和设计联络表

你可以设计联系表单控件和表单元素更新的其他部件的缪斯外观以同样的方式出现。遵循这个基本的工作流程:

  • 使用选择工具选择整个表格,或者您想要更新的表单元素。

    例如,如果你想改变出现在提交按钮上的文字,您可以点击多次提交表单的按钮。首先你会选择整个表格,那么你会选择Submit按钮,然后你会选择按钮中的文本。使用文本工具,则可以选择提交文本,删除它,然后键入显示按钮一个新词。你也可以使用选择指示符的菜单中选择Submit按钮的不同状态,并改变不同状态的文本。

     

  • 一旦你选择了表单元素,你可以调整它的外观。

    例如,如果您单击一次以选择表格,然后再选择窗体域,然后再次选择该名称字段中输入文本,然后你可以使用的选项在控制面板或填充面板设置文本字段的背景颜色。

    小工具库

    使用填充面板设置文本输入字段的填充颜色。


    使用填充面板选项,可以设置填充颜色为固体或梯度。或设置填充的背景图像和设置安装和定位选项。如图所示,您还可以调整你申请通过改变不透明度设置填充的透明度。

    请注意,除非您禁用编辑一起选项(默认启用),所有当您编辑一个字段的字段更新。此功能可帮助您创建的形式一致的设计并节省了时间,但你总是可以选择整个表格,点击蓝色箭头按钮,打开选项菜单,共同取消编辑,如果你喜欢单独样式的字段。

    小工具库

    当编辑一起选项被禁用,您对一种类型的表单元素的更改都不会自动应用到同类型的其他元素。


测试的形式和检索提交的邮件

当您完成配置和造型表单,保存该网站,然后发布它,这样就可以在浏览器中测试表单。

  • 点击发布按钮,然后单击确定。

    小工具库

    使用最新更改的发布站点。


    一个浏览器窗口打开,显示发布的站点。

  • 与接触形式访问该页面,并用它来直播网站上进行互动。测试当您提交表单,而无需输入必填字段的内容会发生什么。检查的形式出现和功能,并密切关注它是如何显示错误消息。

    一旦你已经确定表的工作方式和显示要求,可尝试提交表单一些占位消息发送消息。检查您的电子邮件,并确保你在收件箱中收到的邮件。

  • 在左侧栏中,单击报表类别中的Web窗体使用选项。出现的图形显示与表单提交最近的活动形式。

    小工具库

    检查Web窗体使用情况报告,了解有多少访问者提交表单。


    通过仪表板中的报告,你可以了解你的网站的访问者很大。您可以跟踪趋势看时,该网站收到了最多的流量,并检查您添加到您的网站的表现形式。

    决定何时加入宣传或更新网站的内容时,此信息是有帮助的。它还可以帮助您与游客互动,因为你让他们发送消息,并反馈给您。你可以有游客对话,而不是只出现在您的网站单向通信显示信息。

    要了解更多关于建筑工地与缪斯,请访问的Adobe缪斯教程网页。还检查了的日页面的网站,看看有缪斯最近创建的网页设计的例子。

谷歌加入验证码,以防止垃圾邮件

缪斯的Adobe允许您添加的reCAPTCHA,从谷歌的免费服务,以保护你的网站从垃圾邮件的评论,虚假注册等。您可以在缪斯的Adobe内联系方式使验证码,只允许合法用户提供在网站上的信息。有关验证码的更多信息,请参阅谷歌验证码。

验证码的服务要求您生成唯一到您的网站域名公钥和私钥。这些键都被复制到Adobe缪斯中的特定字段在您的网站完全启用验证码。

注意:

您不必重新发布那些已经居住场所,并有一个现有的谷歌的reCAPTCHA私钥。验证码2,当您创建新的联系人表单时,才需要。

添加和配置验证码到窗体

  • 在Adobe缪斯,选择Window>窗口小部件库>表格。拖动并添加一个简单或详细的联系方式。

    小工具库

     

  • 在选项面板中,从验证码下拉列表中,选择验证码V2。

    小工具库

    验证码添加V2


    验证码的字段(图片验证码)现在被添加到窗体。

    小工具库

    配置验证码V2设置


  • 使用以下选项配置验证码:

    • 公钥:在供应给用户的JavaScript代码使用。有关生成密钥验证码信息,请参阅生成公钥和私钥。
    • 私有密钥:用于您的网站的服务器和谷歌服务器之间的通信。强烈建议您存储私钥安全,不披露。一旦丢失,私钥无法从谷歌恢复。有关生成密钥验证码信息,请参阅生成公钥和私钥。
    • 入学要求:指定验证码是否是强制性的。该选项是不可编辑和选择的,默认情况下。
    • 主题:指定您是否想选择的验证码框浅色或深色的主题。
    • 类型:指定您是否要启用影像验证或音频播放的验证码验证。音频播放可以让盲人用户和使用者的视力很差,通过您的网站上轻松地浏览。
    • 大小:指定您是否希望验证码大小正常或紧凑。
    • 标签:CELECT此复选框以选择显示的验证码字段的标签。您可以使用此字段标题添加到窗体的验证码部分。
    • 消息文本:选择此复选框以选择显示的消息。

生成公钥和私钥

  • 注意:

    你并不需要获得目前公布的商业催化剂网站键。

    打开谷歌管理控制台在浏览器中。在谷歌管理控制台,点击注册登录到您的谷歌帐户或注册使用创建帐户的选项。

    登录后,你会被重定向到谷歌验证码主页。

    小工具库

    谷歌验证码


  • 点击页面顶部的获取验证码按钮。

  • 提供域字段您的网站的域名。不提供网站的完整URL,但只有域名。例如,mysamplemusewebsite.com

    小工具库

    注册您的网站谷歌验证码


  • 点击注册,为您的网站独特的公共和私有密钥。

    注意公钥(站点键),生成的私有密钥(私钥)。

    小工具库

    生成公钥和私钥


  • 复制站点密钥和秘密密钥分别的Adobe缪斯内的公共和私人密钥字段。

    确保你完全复制钥匙,不要错过任何字符。

    一旦你获得一对密钥的域,同一对受到各种形式上的Adobe缪斯网站共享。更改一个自动更改所有的人,并安排所有的页面的再出口和其相应的.php脚本。如果您正在使用第三方工具将文件FTP到服务器上,确保您复制所有的.html和.php文件(php文件都位于里面的“脚本/”文件夹中)在服务器上,不仅是一个进行了更新。

  • 在浏览器或Adobe缪斯内预览页面来测试验证码。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/262847.html

(0)
上一篇 2022年5月27日 20:39
下一篇 2022年5月27日 20:44

相关推荐

发表回复

登录后才能评论