Ragic有一个非常实用的站点内嵌功能,你可以内嵌表单到你的站点或是传送链接给其他人。当你创建好表单时,即可使用这些站点内嵌功能。
意思是说,一旦嵌在网页面上的表单被提交后便会被保存在数据库里,你就可以内嵌表单到你的站点或是让你的客户使用你的数据,甚至浏览你的整个数据库。
要使用网页面内嵌功能的话,点选工具里的嵌入这张表单。
你可以选择以下六种的站点内嵌元件型式。
点选其中一种之后,Ragic会给你一段HTML源代码,你可以拷贝贴上在任何你想要嵌入的站点内。你也可以将专属于你的表单直接在独立的网页面内呈现。
另外Ragic也支持内嵌Wordpress 喔!
你可以根据不同的需求来决定要使用哪种站点内嵌元件。下表是每一种站点内嵌元件的简短介绍(也可以点击元件名称看详细介绍),你可以根据你的使用目的来决定要使用哪一种站点内嵌元件。
元件名称 | 功能 |
---|---|
3.1. 数据库浏览 | 让站点用户可以浏览这个表单上权限内看得到的数据。 |
3.2. 数据库查询 | 让您站点的用户根据字段下筛选条件,来查询他所想找的数据。 |
3.3. 填写表单 | 让站点用户有一个表单能够填写并将他送出的数据保存到您的数据库中。 |
3.4. 搜索发动机 | 让站点用户能下关键字来搜索您数据库里的数据 |
3.5. 数据库查询浏览 | 让站点用户根据字段下筛选条件并在同一个画面上浏览结果 |
3.6. 直接嵌入 | 直接把Ragic表单接口内嵌到网页面上。 |
在选定嵌入方式后,你也可以透过“增加自订CSS”来针对各内嵌功能做修改。
数据库浏览让你站点的用户可以链接到所有数据的列表,并且利用这样的功能浏览这个表单上他权限内看得到的数据。你可以透过Ragic的访问权限来设置站点用户的权限,如果有需要的话也有将整个数据库设为公开的选项。
然后在你选了数据库浏览之后可以看到目前有以下几种不同的呈现方式可以选择。
而浏览者也能够在数据库中点选数据,进一步观看更详细的数据,就如同在列表页面与表单页面一样。
选择列表的话数据就会以类似列表页面的形式呈现。
选择方格的话,你的数据就会根据你所选择的字段以一列一列的方式呈现。而将鼠标移到字上,就可以看到该段字是从哪个字段抓来的。您可以用下方出现的下拉菜单,变更这段字对应到的数据库字段。
要是你的数据有包含图片的话,相册会是一个非常好的选择。图片会以缩略图的方式呈现,相关的字段也会呈现在那一格中。“相册”格式跟“方格”一样,只要将鼠标移到字上,就可以变更这段字对应到的数据库字段。
数据库查询让站点用户可以根据你所设置的字段条件来查询你的数据库。
你不仅可以默认要呈现哪些可供查询的字段,还可以修改他们的顺序。点击设置默认查询字段来修改即可。
而这些查询字段的输入型态会跟我们在表单页面看到的一样。例如:你在表单页面把字段的输入型态设为选项,点击查询字段时就会跑出下拉式清单让你能够选择不同种类。
在用户把查询条件设置好并且送出之后,符合搜索条件的数据就会根据你在3.1.1设置的呈现方式呈现。
而查询者也能够点选这些查询过后的数据,进一步观看更详细内容,就如同在列表页面与表单页面一样。
针对数据库查询以及数据库查询浏览这两种内嵌工具,我们提供了精确模式的设置,让你在表单没有将EVERYONE群组的权限开放时,用户在输入完整比对条件的情况下可以找寻到数据。详细设置说明及运用案例可以参阅这篇文档。
利用这项功能,你可以嵌入表单来让站点用户填写问卷、回报信息。当用户填写完数据并且送出之后,数据就会自动存进数据库了。
选择“填写表单”内嵌元件后,系统会让你看到使用此元件时的预览画面。你可以点击最上方的区块,调整内嵌表单的外观,包含:横幅(banner)、主题颜色、以及字段排列的顺序。(有特别需要也可以选择“切换为旧版”,新旧版的差异与说明请见此链接)
我们已经设计好的图片供你套用,你也可以点击“上载横幅”上载自己计算机里的图檔,建议图檔尺寸为 1500 x 300 。
为了在不同设备上都能以用户友善的方式呈现信息,新版填写表单的内嵌元件和 Ragic app 一样采用单栏排版格式,系统会先依照“由左至右、再由上至下”的逻辑来排列表单中的字段顺序,但有需要的话你也可以在这里手动调整排序。只要点选欲调整的字段,再点击右方的上下箭头,就可以往上或往下移动字段位置,记得点“保存设置”来保存排序。
若你希望用户在填写表单中特定字段时能够带入默认值,你就可以利用这个功能。例如:报名企业内训时,希望相应部门的用户能够快速带入自己的产品别及部门,这时候就能够设置预先填入值范本,也可以设置多个范本给不同部门的报名者使用,范本设置完成后,可以点击想要选取的范本(反灰)并保存设置。
最后就可以将套用行销部范本的内嵌表单链接提供给行销部人员使用,打开表单链接时就会预先带入范本中设置的产品别及部门。
表单里有从菜单选择字段,且选项少于 5 个的话,除了下拉式菜单,你也可以选择用“选项单击钮”的样子呈现这些选项。可以透过点击预览画面里该字段下方的“变更显示方式”来切换显示方式,如下图。(注:选项大于 5 个,或选项属于子表格字段、连动选项的话,只能以下拉菜单方式呈现,不支持以单击钮样式显示。)
从其他表单选择除了支持以下拉菜单方式呈现,还可透过变更链接字段选项显示方式选项,切换为链接表单列表页面形式:
请注意链接表单列表页面呈现形式,会显示出该链接表单列表页面上所有字段。
选项字段也可以设置在填答时让“选项随机排序”。
在预览画面的左下角,你一样可以透过“增加自订CSS”的功能,进一步修改嵌入样式。
表单填写阶段的预览画面设置完成后,点“下一步”,可以设置别人填写完表单后,会看到怎样的信息,设置画面如下图。
你可以透过点选设置画面上的标签,来选择以纯字或 HTML 句法的形式来呈现这些信息。假设你点选下图“一般字”,表单填写完毕后的显示信息就是纯字格式;而如果点选的是“HTML”标签,则你可以在信息字框中添加 HTML 句法,表单填写完毕后的信息就会呈现出对应的结果,例如超链接。
在信息字框下方,勾选增加验证码机制
填写内嵌表单时最下方的区块就会增加用来防范机器人的验证机制。
勾选显示填写新的一笔数据功能链接
送出数据后,就会显示再次填写数据的链接。
若希望在用户填写问卷时自动在特定字段中填入指定的值,可以在网址中加上 pfv 参数来达成,编写方式:
https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new&pfv字段编号=填入内容
如需下多组条件,则使用 & 链接:
https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new&pfv字段编号1=填入内容1&pfv字段编号2=填入内容2...
编写方式由三部分归并而成:
1. 内嵌工具自动生成的网址:例如 https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new
2. 字段编号:为你想要自动填入值的字段ID ,例如 1002358
3. 填入内容:为你希望在该字段中自动填入的值
完成上述网址后,当用户点击链接,系统即会自动在指定字段中输入指定的值。
站点用户可以利用这个搜索发动机输入关键字搜索数据库的内容。
而搜索的结果就会根据你在3.1.1设置的呈现方式呈现。而搜索者也能够点选这些搜索过后的数据,进一步观看更详细的内容,就如同在列表页面与表单页面一样。
此内嵌工具其实是数据库查询+数据库浏览的化身,有别于原本数据库查询的功能,查询后会进入搜索结果的画面,这边则是会显示在同一画面上,上面根据输入条件查询后,下面直接显示搜索的结果。
针对数据库查询以及数据库查询浏览这两种内嵌工具,我们提供了精确模式的设置,让你在表单没有将EVERYONE群组的权限开放时,用户在输入完整比对条件的情况下可以找寻到数据。详细设置说明及运用案例可以参阅这篇文档。
若选择显示注销单击钮,在数据库查询页面面的右上方机会有一个可让用户点击来注销的单击钮。
跟上述几种嵌入方式不同,直接嵌入可以在网页面中嵌入与Ragic完全一样的用户接口。不过要是你没有设计公开表单给用户的话,他们就需登录来访问你的帐户。
可以进一步默认你的接口要不要提供以下三种功能,表单用来新增数据、显示左方搜索功能和显示上方单击钮。
设置好了以后你就可以剪贴程序代码到你的网页面上来嵌入Ragic。
如果要利用全文检索的功能搜索数据的话,可以利用右上方的放大镜进行搜索。
一个使用站点内嵌的好处是你不需要帮用户购买帐号,因为内嵌表单的权限会跟你在Ragic表单设置的权限一样,因此你只要将表单设为公开,访客即可使用。
也因此,如果你的表单权限没有设成公开的话,未登录的访客在你的站点看到的会是要求登录的画面
(数据库查询浏览例外)
数据库查询浏览精确模式及数据库浏览精确模式为特殊处理,因此不需要开放表单权限用户依然能够在完整比对条件的情况下查询数据。