產品解析

【WEBA 免費方案】新手教學手冊,快速學會如何免費架設活動網頁!

免費架設活動網頁|教學手冊

WEBA 數位互動平台可透過 No-Code 的方式製作各種行動裝置優先的網頁應用。除了完整的企業級功能之外,現在更推出 WEBA 免費方案,讓不會程式碼的你也可以動手做網頁。現在就跟著下方的新手教學手冊,一步步實踐你的創意、解決企業需求!

如果你還有不清楚、或是想要我們深入教學的內容,歡迎點擊下方連結,留言給我們。
👉 WEBA 免費方案 | 使用回饋調查

註冊/登入流程

  1. 在 WEBA 官網中點擊【免費使用】>  創建一個新帳號【註冊】> 進入註冊頁
  2. 填寫所有註冊資料,包含:電子郵件、公司名稱(非公司請填個人)、密碼、姓名、聯絡電話,並點擊【註冊】按鈕
  3. 收取驗證信,並點擊信中連結完成驗證後,輸入電子郵件、密碼即可登入
  4. 為提供您最完整的操作體驗,請改用電腦登入 WEBA 後台

後台介面

1. 切換專案

點擊後可在此【新建專案】或切換至對應的專案內,檢視和編輯:

我的專案

  • 預覽網站:在瀏覽器中開啟你已發佈上線的專案
  • 關閉專案:將你已發佈中的專案下線(瀏覽器將顯示:網站尚未開放或已被關閉)
  • 刪除專案:將已建立專案從你的 WEBA 帳號中刪除
  • 編輯:進入編輯介面內修改或上線你的專案

專案是什麼?

WEBA 是以網頁作為主要內容載體的平台,這裡指的「專案」則是 WEBA 使用者所製作的網頁,而一個專案中可依需求,可製作單頁或多頁內容。

數據

目前的內建數據功能將於下一個階段更新,如你有數據追蹤的需求,可在編輯介面中【右側設定區 > 發佈設定 > 顯示進階設定】輸入 GTM、GA4 或 Facebook像素

2. 取得協助

如有任何問題,可點擊其中的【支援中心】,查看常見問答或透過右下角按鈕與我們對話

3. 帳號資訊

  • 【管理帳號資訊】:你可以在此修改你的名稱和重新設定密碼,如需要升級你的權限,請點擊【取得協助 > 資源中心 > 右下角按鈕與我們對話】並留下的需求
  • 【登出此帳號】

4. 方案內容

*個人免費版
可建立專案數量:5
可發佈專案數量:1

WEBA 價格方案

在免費方案中,我們提供中了小企業、個人工作者基礎的功能應用,如需使用完整功能,如:不限量的專案建立和發佈數、編審放機制、抽獎互動、個人等功能,請點此了解我們的方案

5. 新建專案

點擊【新建專案】按鈕,WEBA 將會新建一個專案並直接進入編輯頁面:

  • 【搜尋欄】:如帳號中有專案時,搜尋欄將會自動顯示,讓你可透過輸入專案名稱快速搜尋
  • 【專案列表】:顯示已建立之專案,並可在列表中查看專案預覽畫面、專案名稱、專案狀態(未發佈、發佈網址),和點擊專案「右上角」選項進行複製專案、關閉專案、刪除專案。

套版 & 積木

  • 套版:依各種使用情境/規則預先建立的「專案」,WEBA 使用者能直接選用、修改,即可快速完成自己的專案。(目前僅提供企業/單檔方案使用)
  • 積木:利用各種網頁元件組合而成「組件」,讓 WEBA 使用者能直接選用,並組合成所需的網頁介面。

6. 分頁/換頁控制區

可點擊換頁(專案列表)或設定每頁顯示專案數和跳轉至對應頁數。

編輯介面

1. 上方控制區

  • 【上/下一步】
  • 【預覽】:點擊後開啟專案預覽畫面,並自動產出30分鐘的預覽連結於瀏覽器中開啟。
  • 【儲存】:儲存目前專案進度。
  • 【發佈】:點擊後可即時將專案發佈上線於網路中使用,建議順序為【右側設定區 > 發佈設定 > 輸入域名 > 儲存 > 發佈】

審核發佈管理

在 WEBA 企業方案中,專案建置完成後,必須先「申請審核」,待審核通過後才能被放行上線。

  • 【退出編輯區】:點擊後返回到預設後台介面
  • 【支援中心】:點擊後將跳轉至常見問答,如有其他問題可透過右下角按鈕與我們對話

2. 左側工具區

頁面管理

  • 新增【頁面】:新增一全新頁面
  • 新增【分類標題】:新增一標題,並做為不同頁面的分類
  • 【系統頁面】:預設提供「404錯誤頁」,並可自由修改,讓進入到錯誤網址的用戶直接到到此頁面

元件

點選左側工具列「元件」圖示可收合元件列表,單擊元件圖示即可將元件插入在目前工作區域的中心位置

  • 內容:文字編輯器、圖片、影片、地圖、選單
  • 排版:圖示、裝飾圖案、輪播區塊、輪播圖、錨點
  • 社群:社群追蹤
  • 互動:按鈕

積木

利用各種網頁元件組合而成「組件」,WEBA 預設提供多達 6 分類的積木,讓 WEBA 使用者能直接選用,並組合成所需的網頁介面。

3. 右側設定區

基礎設定

  • 背景設定:可透過「上傳檔案」、「輸入圖片網址」或「背景顏色填滿」的方式設定專案背景
  • 背景效果設定:點擊【開啟長頁面】即可透過「輸入數值」或「拖拉」的方式將專案頁面的高度無限延伸
  • 社群分享設定:當你將專案分享於 Facebook、Line、Twitter 等社群平台時,預設抓取並顯示的內容
    • 社群分享標題 (og:title)
    • 分享描述 (og:description)
    • 圖片上傳 (og:image)
  • SEO設定:預設的網頁標題或描述,同時也會會被搜尋引擎設定為搜尋結果上顯示
    • 標題 (Meta Title)
    • 描述 (Meta Description)

元件設定

右側控制區的「元件設定」中,會呈現被點擊元件的相對應控制選項(e.g. 文字可進行「字體大小」、「顏色」、「字型」等修改;圖片可進行「縮放」、「圖片剪裁」、「超連結」等設定)

  • 元件對齊:利用編輯器右上角的對齊調整工具,可將元件與工作區域進行對齊
  • 元件位置:對於相互堆疊的元件可藉「上一層」、「下一層」功能做次序調整
  • 外觀設定:可定義元件的絕對位置、尺寸、旋轉角度等

【開啟穿透】是什麼?

當元件開啟穿透後,用戶即無法在專案網頁中點擊到該元件,而是會直接穿過點擊到下一層物件。

  • 動畫設定:可為元件增減動畫,讓專案更活潑,例如:淡入、淡出、翻轉、縮放搖擺、滑動等動畫效果
  • 框架設定:可將元件固定於專案的指定位置上,常見的用法有:瀏覽器上方、瀏覽器下方…
  • 圖層設定:針對元件的圖層做到隱藏、鎖住、群組、複製、刪除、排列等設定

發佈設定

  • 專案名稱:可自行針對專案命名,此名稱僅做為 WEBA 使用者在後台辨識用
  • 域名:可以自訂網站域名,域名需要符合以英文字母開頭、全小寫的英數字與橫線組合

自定義網域

目前此功能僅適用於 WEBA 企業方案,並需依完整需求另外報價。

  • 顯示進階設定:在進階設定中,企業可輸入 GTM、GA4 或 Facebook像素,以追蹤該專案的相關數據

4. 中間畫布區

  • 【畫布】為主要工作區域,藉由拖曳點選修改專案內容及元件位置,操作方式如同 Powerpoint 軟體

電腦版介面

目前此功能僅適用於 WEBA 企業方案。
當開啟電腦版介面功能後,可以設定當裝置的螢幕寬度大於指定寬度時,會呈
現電腦版的設計內容,並透過此設定值,決定不同裝置的瀏覽內容為何。

  • 【提示】位於畫布的右方,透過新增提升能在單頁中做出換頁或彈出頁面的效果,例如透過「連結設定」,在點擊指定元件即可叫出「提示」頁
  • 【畫布縮放】針對畫布設定畫面的縮放比例設定
  • 【元件複製】點擊後可單選或多選元件,並將其複製到專案內其他頁面中

5. 浮水印設定

針對固定於專案下方的浮水印,依需求設定為淺色或深色(上方文字會自動反白) 模式

免費打造行動網頁 連接滑世代客群

看過新手教學手冊後是否對 WEBA 的使用方式更清楚了呢?如果你還有不清楚、或是想要我們深入教學的內容,歡迎點擊下方連結,留言給我們。
👉 WEBA 免費方案 | 使用回饋調查

 

相關文章:

label標籤:

Learn more about WEBA and start now !

查看 WEBA 雲端免費方案 簡介

 你可能會喜歡…

Menu