Godzilla. 2019-06-17 網(wǎng)站建設

湖州網(wǎng)站設計如何創(chuàng)建POPUP：完美的說明與示例

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

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

　　引起用戶的注意（仔細）;

　　傳達這個想法（清楚）;

　　說服完全做出所需的行動。

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

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

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

　　一個有效的POPUP看起來像什么？

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

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

　　提高點擊率;

　　擴展郵件列表;

　　注冊數(shù)量增加;

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

　　所以，一個有效的彈出窗口應該：

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

　　2、有一個可操作的標題。鼓勵用戶采取行動的標題有力量。與正確的內(nèi)容一起，它可以推動他們實際需要的行動。

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

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

　　5、出現(xiàn)在正確的時間，在正確的地方。當突然出現(xiàn)時，彈出窗口確實會分散人們對信息的注意力。因此，請訪問者有時間熟悉頁面上的信息。

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

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

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

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

　　那些在數(shù)十種其他CMS中選擇WordPress的人是幸運的，因為它提供了多個插件來快速創(chuàng)建彈出窗口。

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

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

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

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

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

　　另一個簡單的選項是免費提供。Dreamgrow Scroll Triggered Box只有一個模板，以各種顏色出現(xiàn)。是的，機會有限。盡管如此，這是那些做一件事但完美無缺的產(chǎn)品之一。

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

　　說到電子商務網(wǎng)站，彈出窗口值得特別關(guān)注，因為轉(zhuǎn)換在這種情況下起著重要作用。以下是來自頂級電子商務商店的精彩彈出樣本，可以為您提供一些新鮮的想法。那想要了解更多相關(guān)內(nèi)容，還可以看看上一篇分享的《湖州建站：6個網(wǎng)頁設計問題可能會讓您的客戶感到畏縮》。

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

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

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

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

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

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

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

　　要處理輸入，請使用<form>元素。

　　當我學習如何使用各種編程語言創(chuàng)建彈出窗口時，我使用了Traversy Media YouTube頻道中的詳細教程，指導我完成整個過程。

　　底線

　　毫無疑問，對彈出窗口的態(tài)度不會發(fā)生顯著變化，因為不管它們的形式如何，角色都是一樣的 - 它應該強加給訪問者通常認為絕對沒用的某些行為。正如所說："彈出窗口與賈斯汀比伯相似 - 你可以恨他們或愛他們，但無論如何，你都會在任何地方看到它們"。

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