80種範本拖拉式建立銷售頁會員區

朋友你好,歡迎登入80種範本拖拉式建立銷售頁平台squeeze matic會員區,底下是這80種範本與教學影片!

請先看完教學影片,若還有問題,請到此會員區最下面的支援區域,來信告知遇到的問題,謝謝!squeeze matic會員登入的帳號密碼請squeeze matic平台管理員設定好後,會傳到你購物車填寫的email信箱!


拖拉式銷售頁建構平台_提供80種範本使用,就像擁有專屬設計團隊!

拖拉式銷售頁建構平台_提供80種範本使用,就像擁有專屬設計團隊!

SqueezeMatic 銷售頁登入畫面介紹

1. 先按下登入頁面右上角橘色按鈕的Create New (新增專案)來新增銷售頁

2. 填寫銷售頁名稱 (讓你日後記得此銷售頁的目的名稱)

3. 選擇剛剛建立的銷售頁,按下編輯(Edit),進入銷售頁編輯環境!

4. 網頁元件 (文字、圖片、影片、倒數計時、html)皆採拖拉方式,將想要使用的元件從上方元件庫拉到編輯區。

當滑鼠移動到要使用的網頁元件上方,元件會變成彩色。這時候才能拖拉到編輯區內的任何位置!

SqueezeMatic 拖拉式建立銷售頁平台編輯環境介紹

帶大家瀏覽一下SqueezeMatic拖放頁面構建器的基本用法。一旦你建立了一個銷售頁,你給它一個名字,就可以點擊編輯按鈕(Edit)並且,跳到拖放構建器。使用編輯環境要注意的第一件事就是在上方有一些網頁小元件,這些小元件用於創建頁面。

移動鼠標到你想要使用的元件,直到元件圖形變為全彩,然後使用滑鼠左鍵按下元件後,將其拖動到你的編輯區裡的白色區域。當移動到你想要元件放置的地方,放開你的鼠標左鍵,小元件就會固定到那個位置!

每個網頁元件,都有不同的設置(Setting)。例如選舉箭頭圖案元件,此元件可讓我選擇一個想要的特定剪貼圖,找到適合的圖案,點擊添加到網頁編輯區。你也可以移動添加的元件,只需移動鼠標(左鍵按著),即可拖拉到你覺得適當的位置。注意在元件的右下角有一個小箭頭,可以調整網頁元件的大小。

要設定/變更,已經拖到網頁區的元件,將滑鼠滑到元件上,按下右鍵,即會跳到元件設定區,調整設定(或變更圖案)。某些元件,例如文字元件、圖案元件與按鈕元件有複製功能。按下右鍵,跳出設定區域,這幾個元件有複製按鈕(Clone Button),按下複製按鈕,會在網頁區出現一模一樣設定的元件。 若要刪除複製的元件,記得是按下滑鼠右鍵,跳到元件設定區,有刪除按鈕(Delete)

若要刪除網頁編輯區內所有的元件,按下左側的控制按鈕(Controls),按下清除(Clear)按鈕,確認是否全部清除(are you sure you want to delete all widgets)。以上是基本簡介!

如何移動與編輯可點擊的網頁元件(Clickable)

如何移動和編輯可點擊的網頁元件(例如按鈕、文字、影片、客製化html)。當想要移動可點擊元件時,必須將滑鼠移動到元件的周圍處,當有虛線出現與出現十字圖案時。這時候才有辦法移動可點擊元件。 當想要變更元件的大小時,當滑鼠游動到元件的右下角,出現類倒三角圖案時,按下滑鼠左鍵在倒三角圖案上,即可移動滑鼠,變更元件大小到適當的圖形! 在元件上按下滑鼠右鍵,可變動元件的設定!

SqueezeMatic 銷售頁設定功能介紹 

這段影片讓你了解squeeze matic設定區域有哪些選項

在變更每個網頁元件的設定是先將滑鼠移動到元件上, 按下滑鼠右鍵鍵入元件的設定區!
但若要設定銷售頁整體頁面, 例如銷售頁背景顏色, 背景圖片等

首先按下squeeze matic銷售頁編輯區左側的Controls Button (控制按鈕)則會看到設定區(setting), 按下設定按鈕進入銷售頁面整體設定環境控制頁面!
Page Title: 銷售頁的主旨(瀏覽者瀏覽到此網頁他/她的瀏覽器顯示的文字)
Description: 銷售頁描述
Keywords: 關鍵字(填寫適當的銷售頁關鍵字, 有助於搜尋引擎最佳化SEO)
Background: 背景顏色選擇
Width: 寬度設定(正常預設是850px)
Border Style: 網頁邊界的樣式
Border Width: 邊界的寬度
Border Colr: 邊界顏色
Exit Confirm: 要開啟使用者離開網頁時,跳出訊息否?
Confirm Text: 跳出訊息(輸入在此欄位, 例如優惠訊息或產品上市訊息等)
Exit Redirect: 要導引消費者的網頁連結, 圖片
Background Graphic: 銷售頁整體背景圖片

按下Controls Button 控制鈕的Preview Page (預覽網頁模式), 瀏覽銷售頁目前編輯完成的樣式!
按下Controls Button 控制鈕的Download (下載), 將此編輯完成的銷售頁下載到電腦 (html格式), 再上傳到你的網頁伺服器
(squeeze matic 提供的銷售頁網址是掛在squeeze matic 底下)
按下Controls Button 控制鈕的Save (儲存), 將目前編輯的版本存檔!

若在編輯銷售頁時, 遇到頁面不夠輸入時, 按下編輯頁面底部的Drag to Resize 按鈕, 來將編輯頁再往下拉, 即有更多空間可以繼續編輯銷售頁

Youtube 影片編碼 (使用在影片元件)

若要squeeze matic中將youtube影片嵌入到銷售頁上, 這時需要用到影片元件(此範例是嵌入youtube影片), 需提供youtube網址, 例如網址 為 https://www.youtube.com/watch?v=hzGYthPvlt4 只需要將v=後面的這段文字複製起來(這段式youtube影片的video code, 每一段影片皆有一個唯一值) 這範例的youtube video code 即是 hzGYthPvlt4 有些影片在video code之後還會出現&符號, 例如v=hzGYthPvlt4&, 此時只需要複製v=之後, 到&之前的影片碼, 不需要複製&

使用squeeze matic製作完成的銷售頁,如何下載成html檔案,放到自己的網站!

此段教學影片會示範編輯好的銷售頁, 如何下載與上傳到你的網頁伺服器 編輯完成銷售頁後, 按下左側Control Button (控制按鈕)的Save (儲存)按鈕, 再按下Download (下載) 按鈕, 會跳出檔案下載 儲存選項(zip檔案格式, html會壓縮成zip檔案)! 範例中是直接將此zip檔案開啟, 開啟之後會發現僅有一個index.html檔案 squeeze matic會將所有網頁元件, 都寫在此html中, 檔案非常小 (此範例只有3k), 開啟網頁速度會非常快! 布萊德說明如何使用ftp方式, 將index.html檔案上傳到虛擬主機上!

如何使用虛擬主機Cpanel開設FTP帳號教學

這段影片教你怎麼使用虛擬主機的Cpanel (每家主機使用的管理環境不同, 但Cpanel應該很多主機商提供的),來開設FTP帳號!

免費Firefox or Chrome外掛FireFTP

布萊德說明如何使用免費ftp外掛(firefox and Chomre皆有), 來使用ftp傳輸方式將index.html檔案上傳到虛擬主機上! 輸入當入虛擬主機的ftp帳號密碼 (如何設立ftp帳號請參考上段教學影片)

如何將使用squeeze matic製作完成的銷售頁,在FB環境,建立同樣的銷售頁版本!

布萊德說明使用squeeze matic編輯好的銷售頁, 怎麼將其嵌入到facebook環境? (同版本,但若你有使用squeeze matic html網頁元件, iframe另一個網站的話 此時,facebook環境下,無法顯示此iframe的網站內容, fb的限制) 首先到squeeze matic登入首頁, 選擇要遷入到fb環境的銷售頁, 按下EMBED (嵌入)按鈕, 這時候跳出一個視窗, 視窗上面顯示的程式碼, 能讓你把squeeze matic的銷售頁 匯入到能呈現html程式碼的網頁 (例如wordpress,Drupal 等) 視窗底下Add your page to Facebook (將你的銷售頁加入倒fb環境), 只需將此頁面取名, 影片中是使用bretts_second_test 視窗最底下的Page Facebook URL即會出現已經嵌入fb環境的squeeze matic銷售頁網址 此網址即是fb環境下使用squeeze matic製作的銷售頁, 若要在fb打廣告, 連到此網址, 也就是沒有跳離fb環境, 所以fb收取的廣告費用會比連到外部網站的費用低!

返回頂端