您訪問大多數(shù)網(wǎng)站有聯(lián)系頁面,讓參觀者與該網(wǎng)站的擁有者。形式是非常有益的,因為你可以收集潛在客戶的聯(lián)系信息,同時也避免了垃圾郵件,當(dāng)你直接在網(wǎng)頁上發(fā)布的電子郵件地址,可能會導(dǎo)致。在本文中,您將學(xué)習(xí)如何接觸的形式添加到您的繆斯網(wǎng)站。一個接觸的形式添加到您的網(wǎng)站…
您訪問大多數(shù)網(wǎng)站有聯(lián)系頁面,讓參觀者與該網(wǎng)站的擁有者。形式是非常有益的,因為你可以收集潛在客戶的聯(lián)系信息,同時也避免了垃圾郵件,當(dāng)你直接在網(wǎng)頁上發(fā)布的電子郵件地址,可能會導(dǎo)致。
在本文中,您將學(xué)習(xí)如何接觸的形式添加到您的繆斯網(wǎng)站。
一個接觸的形式添加到您的網(wǎng)站
請按照以下步驟聯(lián)系人表單控件添加到您的網(wǎng)站設(shè)計:
在設(shè)計視圖打開一個頁面進(jìn)行編輯。
打開小工具庫。單擊窗體類將其展開,然后選擇兩種形式之一:
詳細(xì)聯(lián)系方式
簡單的聯(lián)系
拖動簡單的聯(lián)系窗口小部件到頁面的名稱。
小工具庫
展開窗體部分并拖動簡單的聯(lián)系表單頁面。
您可以添加聯(lián)系人窗體部件就像你拖動和窗口小部件庫中刪除其它部件。
表單拖拽到頁面后,使用選擇工具單擊一次選擇的形式,然后在頁面設(shè)計所需的位置進(jìn)行定位。
注意:
如果你想有一個表單出現(xiàn)在每一頁上,您可以聯(lián)系表格小工具添加到母版頁。在這種情況下,使用該母版頁每一頁顯示的聯(lián)系方式。
聯(lián)系人形式配置設(shè)置
在本節(jié)中,你會看一看的聯(lián)系表格插件的設(shè)置,看你如何設(shè)置選項菜單選項來控制它的行為方式。
使用選擇工具選擇整個聯(lián)系表部件。在選中整個表格,選擇指示符在控制面板顯示器的左上角:形態(tài):正常
正常的鏈路是四種可能的狀態(tài),就像菜單項或按鈕的菜單:
正常
提交進(jìn)展
提交成功
提交錯誤
小工具庫
選擇指示符顯示可用狀態(tài)的整個形式。
如果要調(diào)整的形式,因為它出現(xiàn)在各種狀態(tài)下,您可以選擇從這個菜單中的相應(yīng)狀態(tài)的名稱。
小工具庫
的形式出現(xiàn)在提交錯誤狀態(tài)。
當(dāng)選擇此狀態(tài)下,可以調(diào)整的錯誤消息的外觀。例如,你可以改變文本內(nèi)容或更改錯誤文本顏色從紅到藍(lán)。
從選擇指示器菜單中再次選擇了正常狀態(tài)。
而在正常狀態(tài)仍處于選中整個表格,點擊藍(lán)色箭頭進(jìn)入選項菜單。該組中的選項菜單選項會影響整個構(gòu)件:
小工具庫
選項菜單顯示整個接觸形式設(shè)置。
默認(rèn)情況下,表單名稱字段填入當(dāng)前頁面的名稱,但如果需要,您可以更改名稱。
如果您想在表單提交轉(zhuǎn)發(fā)到多個電子郵件地址,可以輸入在電子郵件地址(用分號隔開)領(lǐng)域。
表單提交的行為由您在選擇發(fā)送菜單后的選項設(shè)置。在選項菜單中的下列選項中進(jìn)行選擇:
留在當(dāng)前頁面(默認(rèn))
鏈接到文件(上傳的形式提交后鏈接的文件)
小工具庫
選擇使用發(fā)送菜單后表單的行為。
有兩種類型的可以添加新的表單元素:
標(biāo)準(zhǔn)字段
標(biāo)準(zhǔn)字段列表包括:
手機(jī)號碼
家庭電話號碼
家庭地址
網(wǎng)站
公司
工作電話號碼
工作地址
驗證碼
BC CAPTCHA
如果你想添加這些領(lǐng)域之一,只需選中復(fù)選框。
自定義字段
點擊您要添加,然后輸入標(biāo)簽在設(shè)計視圖來描述您要添加到窗體新的表單字段元素的自定義字段+按鈕。
以下是種自定義字段,你可以添加到聯(lián)系人的形式:
單行文本: 單行字段是較短的文字,如訪問者的年齡,郵政編碼。
多行文字:添加多行文本字段,當(dāng)你想使訪客類型的詳細(xì)信息,如提交的評論或問一個問題。
復(fù)選框
復(fù)選框組
單選按鈕組
配置各個表單元素的設(shè)置
當(dāng)你選擇一個表單元素,選擇指示符更新,以顯示該元素的名稱,如標(biāo)簽,文本輸入,或提交。隨著選擇指示器,可以很容易地看到哪些嵌套元素的形式當(dāng)前選擇。
單擊整個表單一次以選擇它,然后單擊兩次現(xiàn)場。首先,選擇指示器顯示形式,則表單域,然后文本輸入。文本輸入的表單中的實際字段的名稱。
當(dāng)選擇了文本輸入表單元素,你點擊藍(lán)色箭頭按鈕進(jìn)入選項菜單,提供報價設(shè)置的選項具體涉及到的元素。
小工具庫
選項菜單顯示上下文一套選定的表單元素的選項。
在選項菜單中同時選擇了文本輸入的元素,你可以在需要的領(lǐng)域選擇。您也可以選擇現(xiàn)場是否顯示描述性文本,以幫助游客了解填寫一個字段時,輸入的內(nèi)容。
在配件部分,選擇或取消復(fù)選框來顯示或隱藏字段的標(biāo)簽和消息文本。
雖然選擇了表單元素,選擇指示符顯示該元素的名稱以及您可以在控制面板(如適用)訪問的國家菜單。在選擇指示符的菜單可以很容易地選擇,而你正在編輯表單元素所需的狀態(tài)。
小工具庫
雖然選擇了表單元素,使用選擇指示器菜單選擇所需的狀態(tài)。
當(dāng)選擇的狀態(tài),您可以使用填充面板或控制面板來調(diào)整它的外觀。
表單字段的狀態(tài)是:
空
非空
滾下
焦點
錯誤
Submit按鈕的狀態(tài)顯示為提交按鈕被選中。
Submit按鈕的狀態(tài)是:
正常
滾下
鼠標(biāo)按下
提交進(jìn)展
小工具庫
選擇Submit按鈕訪問按鈕的狀態(tài)。
而當(dāng)你在上一節(jié)中看到的,被選中整個表格時,會顯示整個表單的狀態(tài):
正常
提交進(jìn)展
提交成功
提交錯誤
小工具庫
在選中整個表格,你可以選擇整個表單的狀態(tài)如何影響它就會顯示出來。
風(fēng)格和設(shè)計聯(lián)絡(luò)表
你可以設(shè)計聯(lián)系表單控件和表單元素更新的其他部件的繆斯外觀以同樣的方式出現(xiàn)。遵循這個基本的工作流程:
使用選擇工具選擇整個表格,或者您想要更新的表單元素。
例如,如果你想改變出現(xiàn)在提交按鈕上的文字,您可以點擊多次提交表單的按鈕。首先你會選擇整個表格,那么你會選擇Submit按鈕,然后你會選擇按鈕中的文本。使用文本工具,則可以選擇提交文本,刪除它,然后鍵入顯示按鈕一個新詞。你也可以使用選擇指示符的菜單中選擇Submit按鈕的不同狀態(tài),并改變不同狀態(tài)的文本。
一旦你選擇了表單元素,你可以調(diào)整它的外觀。
例如,如果您單擊一次以選擇表格,然后再選擇窗體域,然后再次選擇該名稱字段中輸入文本,然后你可以使用的選項在控制面板或填充面板設(shè)置文本字段的背景顏色。
小工具庫
使用填充面板設(shè)置文本輸入字段的填充顏色。
使用填充面板選項,可以設(shè)置填充顏色為固體或梯度。或設(shè)置填充的背景圖像和設(shè)置安裝和定位選項。如圖所示,您還可以調(diào)整你申請通過改變不透明度設(shè)置填充的透明度。
請注意,除非您禁用編輯一起選項(默認(rèn)啟用),所有當(dāng)您編輯一個字段的字段更新。此功能可幫助您創(chuàng)建的形式一致的設(shè)計并節(jié)省了時間,但你總是可以選擇整個表格,點擊藍(lán)色箭頭按鈕,打開選項菜單,共同取消編輯,如果你喜歡單獨樣式的字段。
小工具庫
當(dāng)編輯一起選項被禁用,您對一種類型的表單元素的更改都不會自動應(yīng)用到同類型的其他元素。
測試的形式和檢索提交的郵件
當(dāng)您完成配置和造型表單,保存該網(wǎng)站,然后發(fā)布它,這樣就可以在瀏覽器中測試表單。
點擊發(fā)布按鈕,然后單擊確定。
小工具庫
使用最新更改的發(fā)布站點。
一個瀏覽器窗口打開,顯示發(fā)布的站點。
與接觸形式訪問該頁面,并用它來直播網(wǎng)站上進(jìn)行互動。測試當(dāng)您提交表單,而無需輸入必填字段的內(nèi)容會發(fā)生什么。檢查的形式出現(xiàn)和功能,并密切關(guān)注它是如何顯示錯誤消息。
一旦你已經(jīng)確定表的工作方式和顯示要求,可嘗試提交表單一些占位消息發(fā)送消息。檢查您的電子郵件,并確保你在收件箱中收到的郵件。
在左側(cè)欄中,單擊報表類別中的Web窗體使用選項。出現(xiàn)的圖形顯示與表單提交最近的活動形式。
小工具庫
檢查Web窗體使用情況報告,了解有多少訪問者提交表單。
通過儀表板中的報告,你可以了解你的網(wǎng)站的訪問者很大。您可以跟蹤趨勢看時,該網(wǎng)站收到了最多的流量,并檢查您添加到您的網(wǎng)站的表現(xiàn)形式。
決定何時加入宣傳或更新網(wǎng)站的內(nèi)容時,此信息是有幫助的。它還可以幫助您與游客互動,因為你讓他們發(fā)送消息,并反饋給您。你可以有游客對話,而不是只出現(xiàn)在您的網(wǎng)站單向通信顯示信息。
要了解更多關(guān)于建筑工地與繆斯,請訪問的Adobe繆斯教程網(wǎng)頁。還檢查了的日頁面的網(wǎng)站,看看有繆斯最近創(chuàng)建的網(wǎng)頁設(shè)計的例子。
谷歌加入驗證碼,以防止垃圾郵件
繆斯的Adobe允許您添加的reCAPTCHA,從谷歌的免費服務(wù),以保護(hù)你的網(wǎng)站從垃圾郵件的評論,虛假注冊等。您可以在繆斯的Adobe內(nèi)聯(lián)系方式使驗證碼,只允許合法用戶提供在網(wǎng)站上的信息。有關(guān)驗證碼的更多信息,請參閱谷歌驗證碼。
驗證碼的服務(wù)要求您生成唯一到您的網(wǎng)站域名公鑰和私鑰。這些鍵都被復(fù)制到Adobe繆斯中的特定字段在您的網(wǎng)站完全啟用驗證碼。
注意:
您不必重新發(fā)布那些已經(jīng)居住場所,并有一個現(xiàn)有的谷歌的reCAPTCHA私鑰。驗證碼2,當(dāng)您創(chuàng)建新的聯(lián)系人表單時,才需要。
添加和配置驗證碼到窗體
在Adobe繆斯,選擇Window>窗口小部件庫>表格。拖動并添加一個簡單或詳細(xì)的聯(lián)系方式。
小工具庫
在選項面板中,從驗證碼下拉列表中,選擇驗證碼V2。
小工具庫
驗證碼添加V2
驗證碼的字段(圖片驗證碼)現(xiàn)在被添加到窗體。
小工具庫
配置驗證碼V2設(shè)置
使用以下選項配置驗證碼:
公鑰:在供應(yīng)給用戶的JavaScript代碼使用。有關(guān)生成密鑰驗證碼信息,請參閱生成公鑰和私鑰。
私有密鑰:用于您的網(wǎng)站的服務(wù)器和谷歌服務(wù)器之間的通信。強(qiáng)烈建議您存儲私鑰安全,不披露。一旦丟失,私鑰無法從谷歌恢復(fù)。有關(guān)生成密鑰驗證碼信息,請參閱生成公鑰和私鑰。
入學(xué)要求:指定驗證碼是否是強(qiáng)制性的。該選項是不可編輯和選擇的,默認(rèn)情況下。
主題:指定您是否想選擇的驗證碼框淺色或深色的主題。
類型:指定您是否要啟用影像驗證或音頻播放的驗證碼驗證。音頻播放可以讓盲人用戶和使用者的視力很差,通過您的網(wǎng)站上輕松地瀏覽。
大小:指定您是否希望驗證碼大小正?;蚓o湊。
標(biāo)簽:CELECT此復(fù)選框以選擇顯示的驗證碼字段的標(biāo)簽。您可以使用此字段標(biāo)題添加到窗體的驗證碼部分。
消息文本:選擇此復(fù)選框以選擇顯示的消息。
生成公鑰和私鑰
注意:
你并不需要獲得目前公布的商業(yè)催化劑網(wǎng)站鍵。
打開谷歌管理控制臺在瀏覽器中。在谷歌管理控制臺,點擊注冊登錄到您的谷歌帳戶或注冊使用創(chuàng)建帳戶的選項。
登錄后,你會被重定向到谷歌驗證碼主頁。
小工具庫
谷歌驗證碼
點擊頁面頂部的獲取驗證碼按鈕。
提供域字段您的網(wǎng)站的域名。不提供網(wǎng)站的完整URL,但只有域名。例如,mysamplemusewebsite.com。
小工具庫
注冊您的網(wǎng)站谷歌驗證碼
點擊注冊,為您的網(wǎng)站獨特的公共和私有密鑰。
注意公鑰(站點鍵),生成的私有密鑰(私鑰)。
小工具庫
生成公鑰和私鑰
復(fù)制站點密鑰和秘密密鑰分別的Adobe繆斯內(nèi)的公共和私人密鑰字段。
確保你完全復(fù)制鑰匙,不要錯過任何字符。
一旦你獲得一對密鑰的域,同一對受到各種形式上的Adobe繆斯網(wǎng)站共享。更改一個自動更改所有的人,并安排所有的頁面的再出口和其相應(yīng)的.php腳本。如果您正在使用第三方工具將文件FTP到服務(wù)器上,確保您復(fù)制所有的.html和.php文件(php文件都位于里面的“腳本/”文件夾中)在服務(wù)器上,不僅是一個進(jìn)行了更新。
在瀏覽器或Adobe繆斯內(nèi)預(yù)覽頁面來測試驗證碼。