Instapage:最好的著陸頁設計工具

建立一個最佳化良好的著陸頁很困難,對不對?你必須和設計師來回討論,並且還要準備一大筆資金。但真的是這樣嗎?

也許五年前確實如此。

現在,自主設計已經成為主流,你可以使用各種工具來構建功能豐富的登陸頁面,而無需瞭解任何程式碼知識,Instapage就是其中之一。這是最好,也是最容易使用的著陸頁設計工具,擁有大量整合和最佳化的功能。

1. 瞭解Instapage

Instapage是一個高效能著陸頁構建器,提供以下功能:

  • 拖放頁面編輯器:它不像WordPress那樣基於網格操作,你可以隨意拖放每個元素的擺放位置
  • 視窗小部件:視窗小部件允許你插入號召性用語按鈕、倒計時器等設計元素
  • 200多個可自定義的模板:如果你不想從一個空白頁面開始,那麼這些模板會提供幫助
  • 直接訪問3300萬個Bigstock影像:儘管你必須單獨購買每張影像,但將它們插入頁面中非常容易
  • 詳細的表單工具和資原始檔:輕鬆建立各種型別的表單,然後整合到豐富的可選平臺上,Instapage甚至可以自動處理能夠吸引客戶的資原始檔
  • 有用的分析報告:熱力圖、A/B測試、Google Tag Manager等等
  • 協作工具:Instapage將自身品牌作為營銷團隊和代理商的平臺,從而為協作提供了很多有用的工具。例如,你可以對著陸頁草稿的特定部分發表意見
  • Instablocks:儲存特定的頁面模組,以便在將來重複使用,或者從Instapage的倉庫中進行選擇
  • AMP支援:使用同一個編輯器設計Google AMP著陸頁
  • 詳細的歸因資料:Instapage可以連線到Google Ads等其他服務,以整合廣告系列或競價資訊等歸因資料

這並不是一個完整的功能列表,但包含了Instapage的主要亮點和優勢。

為什麼不使用WordPress頁面編輯器?

當你看到上面的功能列表時,可能想知道:為什麼要使用Instapage,而不是像Divi Builder、Elementor這樣的以轉化為重點的WordPress專用頁面編輯器?

儘管WordPress是世界上最流行的內容管理系統,但很多人可能並沒有使用(甚至聽說)過。此外,Instapage擁有很多特色功能,使其不只是一個頁面編輯器而已:

  • 100%專注於著陸頁,提供200多個模板,所有小部件專為著陸頁而設計
  • 專注於分析和最佳化,你可以獲得熱力圖、A/B測試、Google Tag Manager、資料分析,以及更多內容
  • 透過一個Instapage賬戶管理多個網站的著陸頁,如果你執行多個站點,那麼這將非常有用
  • Instapage可以處理你的目標網頁和任何資原始檔

2. 使用Instapage建立一個著陸頁

既然已經瞭解Instapage的功能和優勢,接下來我們展示建立一個著陸頁的詳細過程。首次訪問Instapage的介面時,你將全面瞭解自己的賬戶,最初可以執行兩個操作:

  • Create New Page:建立一個著陸頁
  • Create A Group:建立一個組別,類似於電腦中的資料夾,用於組織不同的頁面
Dashboard

大多數時候,你將從這個頁面建立一個著陸頁,少數情況下,你也可能會匯入已有的頁面設計。

Instapage提供大量模板(超過200個),從基本的空白頁面,到具有更明確美學的詳細設計,應有盡有。為了讓你快速找到符合自己需求的選項,他們在頂部提供類別過濾器:

Templates

選擇模板之後,輸入著陸頁的名稱,然後直接進入編輯器(Builder)頁面:

Name Your Page

1. 怎樣使用編輯器

雖然很多頁面編輯器聲稱支援拖放操作,但真實情況是,大部分只允許你將內容放入預設的區域,而不是將元素拖放到頁面上的任意位置。使用Instapage,你可以實現真正的拖放,根據需要隨意定位小部件(即使在沒有意義的區域)。

下圖是編輯器的空白頁面:

Builder

頂部有一組小部件:

Builder Widgets

點選Button部件來新增一個按鈕:

Builder Add Button

再點選按鈕上方選單中的Edit連結,來對按鈕進行編輯和調整:

Builder Edit Button

透過類似的操作,接下來繼續新增和修改頁面上的其他元素,例如文字大小、按鈕樣式、背景圖片等等。

2. 建立表單

表單是大多數著陸頁的生命線,Instapage對其提供很好的支援。首先,你需要做的就是新增表單(Form)小部件,然後,頁面頂部會出現4個不同的選項:

Builder Edit Form
表單小部件
1. Button Style
調整按鈕樣式。
2. Form Style
調整表單樣式。
3. Submission
你可以在這裡:

  • 將使用者重定向到特定的URL
  • 上傳一些資原始檔,讓Instapage為你託管
Builder Edit Form Submission

這些功能有助於儘可能吸引並轉化潛在客戶。

4. Multistep
Multistep允許你設定一個多步驟的登陸頁面,問答是其中的一種常見形式,根據使用者的答案進入下一個不同的頁面。

3. 建立著陸頁的移動版本

我們喜歡Instapage的另一件事,就是它允許你使用相同的編輯器為著陸頁建立移動版本,只需點選頂部的Mobile按鈕即可切換檢視:

Builder Mobile

Instapage將自動從桌面版頁面生成移動版本,因此你無需從頭開始建立。

4. 建立A/B測試

編輯器非常容易使用,在熟悉以上操作之後,相信你很快就能建立好一個功能齊全的著陸頁。但是,要想確保釋出一個充滿吸引力的頁面,你可能還需要建立A/B測試。

從技術上講,你可以測試一個頁面的各種不同版本,而不是分割測試特定的元素。但是Instapage提供更多選擇,除了新增變體之外,還允許你簡單地克隆頁面,並更改其中一個元素進行測試。

Builder AB Testing

5. 其他有用的分析整合

藉助Instapage,你可以輕鬆跟蹤訪客在目標網頁上執行的操作,有幾種方式來完成。

  1. 直接在編輯器中定義轉化目標,透過Instapage的分析工具進行跟蹤
  2. 透過Analytics選項,新增Google Analytics、Tag ManagerFacebook Pixel等功能
Builder Conversion Goals

6. 釋出著陸頁

設計完頁面,並設定好所有的A/B測試(可選)之後,你就可以準備釋出著陸頁,並開始為其增加流量。點選右上角的Publish按鈕,Instapage會提供5種選擇:

Publish

WordPress是我們最喜歡的建站軟體,為了獲得無縫的釋出體檢,Instapage提供一個專用的WordPress外掛,最終,設計好的著陸頁將會出現在自己的WordPress網站上。

高階功能

前文已經簡要介紹瞭如何建立和分析一個登陸頁面,但Instapage如此強大的原因在於,你可以利用很多高階功能來提高生產力和轉化率。

1. 視覺協作(非常適合團隊)

如果你是團隊或代理機構的一員,則肯定會喜歡內建的協作工具。團隊中的任何成員都可以點選頁面的特定部分,在那裡新增一些註釋,然後,其他團隊成員可以:

  • 回應註釋,所有註釋都會以列表的方式呈現
  • 跟蹤並解決問題

2. Instablocks

你已經看過Instapage的完整頁面模板,但他們還提供一些較小的模板選項,稱為Instablocks。

本質上,這是著陸頁的一部分,可能是標題或者CTA,它們可以幫助你大大加快開發過程。除了預設Instablock之外,你還可以將自己設計的部分儲存為Instablocks,如果需要在多個頁面中重複使用類似的元素,那麼這可以節省大量時間。

3. Google AMP

AMP可以幫助你的著陸頁在移動裝置上快速載入,但問題在於,大多數AMP頁面非常難看。藉助Instapage,你既可以得到AMP的快速優勢,又不會犧牲視覺上的觀賞性。

4. Google Ads整合

如果你使用Google Ads向目標網頁傳送流量,那麼只需點選幾下按鈕,Instapage就會幫助你將其連線到Google Ads。這樣做的好處是,你可以在Instapage資訊中心內檢視廣告系列的資訊和費用,從而輕鬆追蹤投資回報率。

5. 更多歸因資料

除了與Google AdsGoogle Analytics的專用整合之外,Instapage還允許你傳遞潛在客戶的自定義元資料(例如引薦來源或IP地址),以便進行更詳細的歸因跟蹤。

6. 內建熱力圖

熱力圖可以幫助你分析使用者與頁面上進行最多互動的位置,有時候,你可能需要像Hotjar這樣的專用軟體,但Instapage可以自動跟蹤並進行分析,將結果透過儀表板呈現給你。

Heatmap

總結

Instapage是一個強大的著陸頁設計工具,對於已經習慣了WordPress頁面編輯器的博主而言,這是一個完美的升級方案。雖然功能強大,但Instapage非常易於使用,即使是初學者也能在很短的時間內掌握。自由的拖放操作、精緻的A/B測試,以及豐富的模板等等,都是最大化提升轉化率的有效工具。

不管你執行的是哪種型別的網站,都可以輕鬆釋出精心設計的頁面,如果你想要一個高效能、面向最佳化的著陸頁編輯器工具,那麼Instapage肯定不會讓你失望。

優點
  • 真正的拖放編輯器,不會以任何方式限制你
  • 豐富的內建模板,其中大多數看起來都很棒
  • 簡單而又強大的A/B測試
  • 與流行的電子郵件營銷服務相整合
  • 託管資原始檔,簡單的轉化提升
  • 可以編輯著陸頁的移動版本
  • 內建轉化目標和資料分析
缺點
  • 最便宜的計劃不提供A/B測試
  • 對於某些人來說,小部件可能不夠豐富

我想要...


程式設計師怎樣成為一名自由職業者

成為一名自由程式設計師是一個相當有利可圖的前景,尤其是對於渴望自由和主宰自己 ...

Make Money With Photography

怎樣透過攝影賺錢

如果你正在尋找賺錢的方法,首先應該考慮自己的特長、愛好,以及喜歡做的事情 ...

怎樣在TikTok上賺錢

自從成立以來,TikTok一直是廣受歡迎的社交媒體平臺,人們被輕鬆、簡短 ...

Make Money Online As A Computer Programmer

程式設計師怎樣在網上賺錢

讓我們面對現實,軟體工程師的工資相當高,與大多數其他職業相比,更容易過上 ...

Make Money Blogging

怎樣透過個人部落格網站賺錢

幾年前,我們意識到很多開設網站的博主們正在賺錢,有些甚至賺到了鉅額數字。 ...

Start A Successful Blog

怎樣搭建個人部落格網站

部落格是一個可以定期釋出和分享內容的線上平臺,就像一本數字日記或線上日記, ...