網(wǎng)站設(shè)計(jì)如何創(chuàng)建POPUP：完美的說(shuō)明與示例

2022-10-01 分類(lèi)：網(wǎng)站設(shè)計(jì)

似乎互聯(lián)網(wǎng)上的人被分為兩個(gè)陣營(yíng) - 那些討厭彈出窗口的人，以及耐心點(diǎn)擊X按鈕甚至訂閱郵件的人。是的，對(duì)彈出窗口的態(tài)度總是存在爭(zhēng)議。因此，這部分營(yíng)銷(xiāo)活動(dòng)是最復(fù)雜，最耗時(shí)的。

主要目標(biāo)在于創(chuàng)建一個(gè)彈出窗口：

引起用戶(hù)的注意（仔細(xì)）;

傳達(dá)這個(gè)想法（清楚）;

說(shuō)服完全做出所需的行動(dòng)。

從表面上看，遵循所有這些規(guī)則并不是一件大事。但是，在啟動(dòng)彈出窗口之前，必須完成太多微小但必不可少的步驟。例如，重要的是收集有關(guān)目標(biāo)受眾及其行為的信息，測(cè)試窗口的不同配置，出現(xiàn)的時(shí)間，關(guān)閉的方式等。

經(jīng)驗(yàn)豐富的營(yíng)銷(xiāo)人員將處理這些步驟。在本文中，網(wǎng)站設(shè)計(jì)將重點(diǎn)討論該問(wèn)題的技術(shù)方面 - 即關(guān)于彈出窗口的創(chuàng)建。您將學(xué)習(xí)如何使用CSS，JS和HTML語(yǔ)言在WordPress中創(chuàng)建彈出窗口。

不過(guò)，讓我們弄清楚什么彈出窗口可以被視為有效且轉(zhuǎn)換友好的彈出窗口。

一個(gè)有效的POPUP看起來(lái)像什么？

毫無(wú)疑問(wèn)，一個(gè)突然跳出來(lái)的響亮的自動(dòng)播放彈出窗口會(huì)刺激最耐心的人。好消息是，如今彈出窗口可能會(huì)以一種不那么令人惱火的方式出現(xiàn)，并且完全按照預(yù)期的功能執(zhí)行。

作為每天都面對(duì)彈出窗口的互聯(lián)網(wǎng)用戶(hù)，我強(qiáng)調(diào)了理論上有用的關(guān)鍵規(guī)則：

提高點(diǎn)擊率;

擴(kuò)展郵件列表;

注冊(cè)數(shù)量增加;

增加轉(zhuǎn)換次數(shù)。

所以，一個(gè)有效的彈出窗口應(yīng)該：

1、很容易理解。每個(gè)窗口都包含信息或鼓勵(lì)執(zhí)行某個(gè)操作。無(wú)論選擇何種方式，清楚地傳達(dá)信息至關(guān)重要。沒(méi)有誤解的地方，如果你想強(qiáng)調(diào)一些東西，可以使用粗體文字。

2、有一個(gè)可操作的標(biāo)題。鼓勵(lì)用戶(hù)采取行動(dòng)的標(biāo)題有力量。與正確的內(nèi)容一起，它可以推動(dòng)他們實(shí)際需要的行動(dòng)。

3、包含一個(gè)“魔術(shù)”按鈕。窗口中的按鈕應(yīng)反映彈出窗口傳達(dá)的消息。例如，如果它的目的是讓一個(gè)人訂閱郵件，那么按鈕應(yīng)該有一個(gè)“訂閱郵件”文本。如果彈出窗口提供折扣，該按鈕應(yīng)顯示“獲取折扣”：

4、與頁(yè)面內(nèi)容相關(guān)。與頁(yè)面內(nèi)容沒(méi)有任何共同之處的彈出窗口至少會(huì)使用戶(hù)感到困惑。如果該頁(yè)面包含該書(shū)的新聞稿，那么放置一個(gè)提供購(gòu)買(mǎi)折扣書(shū)或至少留下電子郵件的彈出窗口將是一個(gè)好主意。

5、出現(xiàn)在正確的時(shí)間，在正確的地方。當(dāng)突然出現(xiàn)時(shí)，彈出窗口確實(shí)會(huì)分散人們對(duì)信息的注意力。因此，請(qǐng)?jiān)L問(wèn)者有時(shí)間熟悉頁(yè)面上的信息。

6、很容易擺脫。使用X按鈕關(guān)閉窗口或點(diǎn)擊頁(yè)面上的某個(gè)位置的機(jī)會(huì)會(huì)為您的業(yè)力增加幾點(diǎn)。

實(shí)際上，遵循這些規(guī)則并不能保證彈出窗口會(huì)將轉(zhuǎn)換提升到令人難以置信的高度。盡管如此，考慮到這些規(guī)則，你肯定會(huì)獲得比你完全忽略它們更多的成就。

讓我們最后轉(zhuǎn)到流程的技術(shù)方面，了解如何使用不同的工具在不同條件下創(chuàng)建彈出窗口。

網(wǎng)站設(shè)計(jì)如何創(chuàng)建POPUP：好的說(shuō)明與示例" src="/upload/pic19/1-210Q31A132424.gif" />

如何為WORDPRESS創(chuàng)建一個(gè)POPUP

那些在數(shù)十種其他CMS中選擇WordPress的人是幸運(yùn)的，因?yàn)樗峁┝硕鄠€(gè)插件來(lái)快速創(chuàng)建彈出窗口。

例如，您可以考慮ZemezJet Jet Popup插件，該插件以啟動(dòng)彈出窗口的簡(jiǎn)單，直觀的過(guò)程脫穎而出。不需要編碼或編程語(yǔ)言的技能。與JetElements系列的其他成員一樣，只需點(diǎn)擊幾下即可創(chuàng)建復(fù)雜的內(nèi)容元素。

此外，還有機(jī)會(huì)選擇觸發(fā)事件，窗口的位置，其外觀，并以多種方式將其定制為網(wǎng)站的概念。

湖州網(wǎng)站設(shè)計(jì)了解到另一個(gè)驚人的WordPress插件--PopUp Domination - 能夠收集多個(gè)功能，用于創(chuàng)建和自定義optin彈出窗口?？梢詼y(cè)試A / B并在各種目標(biāo)選項(xiàng)中進(jìn)行選擇。此外，它還擁有豐富的模板集合。

對(duì)于那些尋求具有一系列功能的免費(fèi)服務(wù)的人來(lái)說(shuō)，Icegram可以成為一個(gè)合適的解決方案。它可能不是非常方便使用（設(shè)計(jì)有點(diǎn)復(fù)雜），但它提供了多次創(chuàng)建和調(diào)整彈出窗口的機(jī)會(huì)。它是免費(fèi)的，你還記得嗎？

Popup Builder可能是最流行的插件之一，用于在WordPress市場(chǎng)中彈出Windows創(chuàng)建。它提供了一組通用功能和大量用于各種目的的模板。

另一個(gè)簡(jiǎn)單的選項(xiàng)是免費(fèi)提供。Dreamgrow Scroll Triggered Box只有一個(gè)模板，以各種顏色出現(xiàn)。是的，機(jī)會(huì)有限。盡管如此，這是那些做一件事但好無(wú)缺的產(chǎn)品之一。

要考慮的最后一個(gè)WordPress選項(xiàng)與Cherry framework產(chǎn)品有關(guān)。

說(shuō)到電子商務(wù)網(wǎng)站，彈出窗口值得特別關(guān)注，因?yàn)檗D(zhuǎn)換在這種情況下起著重要作用。以下是來(lái)自頂級(jí)電子商務(wù)商店的精彩彈出樣本，可以為您提供一些新鮮的想法。

如何使用編程語(yǔ)言創(chuàng)建一個(gè)POPUP

首先，您可能認(rèn)為使用編程語(yǔ)言創(chuàng)建彈出窗口不是您的選擇（如果CSS，JS或HTML不是您的強(qiáng)項(xiàng)）。很多人都會(huì)選擇這個(gè)選項(xiàng)，因?yàn)檫@意味著完全定制，并有更多的機(jī)會(huì)將彈出窗口調(diào)整到網(wǎng)站的概念（和你的品味）。

那么，讓我們弄清楚如何使用CSS，Javascript和HTML創(chuàng)建一個(gè)彈出窗口。

如何使用CSS和JAVAscript創(chuàng)建一個(gè)POPUP

以下是使用CSS和JS創(chuàng)建簡(jiǎn)單彈出窗口的通用代碼。

如何使用HTML創(chuàng)建POPUP

要使用HTML創(chuàng)建彈出窗口，只需使用此代碼即可。

要處理輸入，請(qǐng)使用<form>元素。

當(dāng)我學(xué)習(xí)如何使用各種編程語(yǔ)言創(chuàng)建彈出窗口時(shí)，我使用了Traversy Media YouTube頻道中的詳細(xì)教程，指導(dǎo)我完成整個(gè)過(guò)程。

底線

毫無(wú)疑問(wèn)，對(duì)彈出窗口的態(tài)度不會(huì)發(fā)生顯著變化，因?yàn)椴还芩鼈兊男问饺绾危巧际且粯拥?- 它應(yīng)該強(qiáng)加給訪問(wèn)者通常認(rèn)為絕對(duì)沒(méi)用的某些行為。正如所說(shuō)："彈出窗口與賈斯汀比伯相似 - 你可以恨他們或愛(ài)他們，但無(wú)論如何，你都會(huì)在任何地方看到它們"。

盡管如此，彈出窗口依然有效。如果您仍對(duì)自己的權(quán)力有疑問(wèn)，請(qǐng)查看此文章。

成功彈出窗口的主要秘訣在于徹底發(fā)展的策略，這種努力用于創(chuàng)建一個(gè)不引人注目的吸引人的原始窗口。

我希望通過(guò)使用這些知識(shí)和上述服務(wù)和教程之一，您的彈出窗口將成為吸引潛在客戶(hù)和促進(jìn)轉(zhuǎn)換的強(qiáng)大工具。

網(wǎng)站名稱(chēng)：網(wǎng)站設(shè)計(jì)如何創(chuàng)建POPUP：完美的說(shuō)明與示例
網(wǎng)站路徑：http://redsoil1982.com.cn/news12/200262.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容