【2026】Strikingly 教學:快速架站 + 方案比較 (簡單4步驟)

最後更新時間:2026-01-01,由 Dean 更新 Not By AI

想快速架起一個活動報名網站、預約服務或個人形象網站的話,Strikingly 會是一個很方便的選擇,雖然它的設計跟許多網站架設平台比起來遜色,但功能面算蠻齊全的。

不過,這套最大的問題就是介面很不直觀,你即便對網站架構熟悉,在設計的時候有些功能都還是要找老半天。所以這篇文章,我會詳細教你如何利用「基本 & 進階設定」做出一個完整的網站。

Strikingly 是什麼?

Strikingly 是一個網站架設平台,於 2012 年美國創立,三名創辦人 David Chen、Teng Bao 和 Dafeng Guo 希望幫助沒有程式背景的人也能快速建站。

平台主要特色如下:

  • 一頁式網站:以「版塊」快速架構一頁式網站,讓所有資訊集中在同一頁面,可以向下滾動瀏覽,也能用導覽列快速找到所需內容。
  • 無限量網站:若使用 Strikingly 專用網域,可發布無限個網站,不過每個網站的容量和頁面數量有限制。
  • 拖拉式編輯:可用滑鼠直接拖曳頁面上的各種素材、更改設定或文字內容。
  • 串台灣金流:如果販售實體商品,Strikingly 和台灣金流合作,所有方案包括免費版都可以透過這個功能收款。
  • 附加功能多:自動安裝 SSL、設定 SEO,另可購買電商、會員訂閱、電子報、即時通訊等進階功能。

Strikingly 和其他架站平台比較

Wix
Webnode
Squarespace
Strikingly
Weebly
wordpress.com
wordpress.org
模板樣式
900 多種,但不能自由切換
100+ 模板,可隨時切換
100+ 模板,設計感強,但自訂項少
100+ 模板,一頁式網站
50+ 模板,可自訂 HTML/CSS
多樣化,進階模板需付費
多樣化,可完全自訂並隨時切換
編輯器
可拖曳,操作直觀,自訂選項多
可拖曳,但自訂選項少
可拖曳,操作直觀,部分可自訂
可拖曳,但自訂選項少
可拖曳,操作直覺,但自訂選項少
僅區塊設定,需付費擴充自訂選項
自訂選項多,部分需付費擴充
網站速度
較快
(行動版較差)
中等
(伺服器回應慢)
較慢
(網頁檔太大)
較慢
(JS 檔太大)
中等
(行動版較差)
優化速度需付費
虛擬主機而定
SEO 設定
進階
(有自訂選項)
基本
基本
基本
基本
進階
(需付費)
自訂
響應式設計
支援,可調整
支援
支援,可調整
支援,但不完整
支援
支援
大多佈景主題都支援
擴充功能
選項多,有官方應用市集
僅官方提供
選項多,有官方市集和第三方應用
僅官方提供
選項多,有官方市集和第三方應用
僅官方提供
可無限擴充,但需自行購買
電商功能
進階,有多種模式且無交易費
基本,無限制上架數量
基本,無限制上架數量
基本,上架數量有限
基本,無限制上架數量
使用 Woocommerce
使用 Woocommerce
收款金流
Paypal
Stripe / Paypal
Stripe / PayPal
台灣金流/ Stripe / Square
Stripe / PayPal / Square / Authorize.net
Stripe / PayPal
自行串接
自訂程式碼
支援,有開發模式
支援
支援,有開發模式
部分支援
支援
部分支援
可完全自訂程式碼
數據串接
GSC / GA / Ads / Meta 像素
GSC / GA / Ads / Meta 像素
GSC / GA / Ads / Meta 像素
GSC / GA / Ads / Meta 像素
GSC / GA / Ads
需使用付費版本或外掛
自行用程式碼串接所有數據
學習曲線
語言與客服
繁中介面,英語客服
繁中介面,中文客服
英語介面,英語客服
繁中介面,中文客服
繁中介面,英語客服
繁中介面,中文客服
繁中介面,自行處理
價格 / 月 (NTD)
295 ~ 1570 元
147 ~ 749 元
500 ~ 1530 元
262 ~ 1603 元
330 ~ 850 元
130 ~ 1438 元
95 元 ~ 無上限
操作教學

Strikingly 評價:優缺點?適合誰用?

Strikingly 最大的特色是提供多種可立即使用的一頁式網站模板,利於製作單一商品、活動頁、銷售頁,或是頁面較少的形象網站,很適合小型商家、企業或個人使用。

Strikingly 優點有哪些?

  • 繁體中文介面:繁中介面,對台灣用戶來說較容易上手。
  • 多種模板/區塊:提供多元的模板,也有現成的頁面區塊,如聯絡表單、常見問題等。
  • 拖放式編輯器:可用滑鼠拖放或點選頁面上的各個版塊和組件。
  • 提供免費網域:購買 1 年方案即贈送 1 年的免費網域
  • 基本 SEO 功能:可以設定基本 SEO,例如 Meta 標籤、關鍵字等。
  • 串接 Google Fonts:編輯介面整合 Google 字型,不用另外設定程式碼。
  • 可以嵌入社群:可直接在頁面嵌入社群,如 Facebook 或 Twitter 最新動態。
  • 支援台灣金流:可以串接 Paypal、Stripe,也支援台灣金流。
  • 即時客服支援:若編輯時遇到問題,後台右下角點開,有 24 小時線上客服。

Strikingly 缺點有哪些?

  • 客製化程度低:雖然可以自己設計版面,但仍然依賴平台模板,沒辦法做更細部的 HTML、CSS 調整。
  • 頁面數量限制:免費和基本方案都只能設 5 個頁面,專業版和 VIP 版最多是 100 個頁面,不利於想在網站發佈大量內容的人。
  • 儲存容量較少:基本方案的容量是 1 GB,專業版方案是 20 GB,需要購買 VIP 方案才能到 100 GB。
  • 預設為一頁式:Strikingly 預設從一頁式網站開始,如果要新增頁面,需要另外開啟「多頁面設定」。
  • 拖放無法對齊:拖放介面沒有可供對齊的格線,一不小心,版面就會跑掉。
  • 缺乏備份功能:網站沒有提供備份功能,即便付費升級一樣都需要自己手動備份。
  • 電商功能較少:雖然有提供電商功能,但是不多且陽春。電商架設還是需要使用專門的電商平台。
  • LOGO 無法移除:免費版會出現官方 Logo,必須購買專業版方案才能移除。

Strikingly 適合對象

  • 想建立個人履歷表、小型作品集網站的個人。
  • 初創業預算有限,想快速架設形象網站的一人公司。
  • 想建立一頁式服務銷售頁、B2B 網站的商家。
  • 想建立活動、專案或文宣頁面的企業。

如果你是要架簡單的作品集網站,用 Strikingly 可以快速幫你完成。

但如果你未來有打算在網站上撰寫文字,如:知識文章,會建議使用 WordPress.org,較不受限制。

完整 WordPress 架站步驟,我有寫了一篇 WordPress 自架站教學,歡迎閱讀。

DR.DEAN LOGO
自架一個能提升
200%
諮詢量的網站
自架一個能提升200 諮詢量的網站書本

Strikingly 費用怎麼算?方案有哪些功能?

Strikingly 總共有 4 個方案:

方案年繳價格 (USD/月)主要功能適合網站
免費0 元.Strikingly 子網域
.流量 5 GB
.容量 500 MB
.24H 英語客服
履歷表、活動頁、簡單作品集
基本8 元.2 個自訂網域
.流量 50 GB
.容量 1 GB
.送 1 年免費網域
個人形象網站、小型商家
專業16 元.3 個自訂網域
.無限流量
.最多 100 頁
.最多 300 商品 (2% 手續費)
.可移除 Logo。
.支援電商/會員/自訂程式碼
個人內容網站、企業形象網站、小型電商
VIP49 元.5 個自訂網域網站
.容量 100 GB
.商品無限量 (手續費 0%)
.電子報 2000 人
.設定會員等級
.即時通訊功能
高流量電商、需行銷/會員功能的網站
  • 試用付費方案 14 天,需要先綁定信用卡,試用完記得要自行取消。
  • VIP 方案仍有 100 個頁面的限制,不適合拿來寫部落格、做多產品的電商。

基礎教學:4 步驟快速架 Strikingly 網站

用 Strikingly 架設一個網站,可以分成四大部分:

  1. 建立網站:註冊完帳號後,挑選合適模板,並做好網站的基本設定。
  2. 風格設定:開始針對選擇的模板,進行顏色、字體的設定。
  3. 版塊設計:針對模板中頁面的區塊,開始進行設計,調整區塊、更改文案等。
  4. 增加頁面:如果要建立完整網站,需要增加其他頁面,並重複第三步驟。

先有以上概念,接下來我會一步一步操作給你看。

第一部分:建立網站

首先,我們要註冊帳號,並把基本的網站建立起來。

step 1

登入 Strikingly,填入名字、電子信箱 (帳號) 和登入密碼,按「馬上開始免費製作」。

建立網站1

step 2

選擇一個適合的模板。

建立網站2

step 3

接下來幫網站做基本設定,到左邊選單上方選「設定」。

建立網站3

step 4

接著,會跳出設定選單:

  1. 選「基本資料」。
  2. 網頁標題 & 類別:
    • 網頁標題就是網站名稱,一定要填寫。
    • 類別:選一個接近的分類,可以不選。
  3. 網站描述:當有人分享你的網站時,會出現在預覽上,簡單描述即可。
  4. 社交軟體分享圖片 & 網站圖示:
    • 社交軟體分享圖片:當有人分享你的網站時,預覽上出現的大圖。
    • 網站圖示:網站 LOGO,會出現在瀏覽器的分頁和書籤列。
  5. 都填好之後,按「儲存」。
建立網站4

step 5

再來,修改頁首、頁尾:

  1. 選擇「頁首及頁尾」。
  2. 根據需求,勾選或取消項目。
  3. 按「儲存」。
建立網站5

第二部分:風格設定

基本設定完成後,要來設定網站的「風格」。

Strikingly 的風格呈現,會依靠字體大小和顏色、字型、導覽列、版塊的樣式。

step 1

選單上方選「風格」。

風格這定1

step 2

左邊會跳出風格設定的選單。

風格設定2

step 3

點「字體」,幫標題、內文、按鈕、導航列等分別選擇字體,有兩種方式:

  • 搜尋字體:Strikingly 是使用 Google Fonts,直接搜尋就有許多選擇。
  • 上傳字體:購買專業版方案可以上傳自己的可商用字體
風格設定3

step 4

點「標題和導航」,修改導覽列的樣式。

風格設定4

step 5

點「字體大小和顏色」,可以調整標題字體的顏色和大小。

風格設定5

都做好設定之後,就可以編輯頁面了。

第三部分:版塊設計

Strikingly 的頁面是由「版塊」組成的,版塊有很多種類型,如:註冊表單、產品介紹、方案介紹等等。

版塊是什麼

接下來,我實際示範設計一個「個人品牌形象網」。

step 1

點左邊選單的「新增版塊」。

版塊設計1

step 2

我想要在首頁上方,利用免費電子書收集客戶信箱,所以新增一塊「下載電子書」的版塊:

版塊設計2

step 3

點開「佈局設計」,要來設計整個版塊的編排:

  • 選擇「註冊表」。
  • 選「媒體靠右」,讓圖片在右邊。
  • 選擇「垂直置中對齊」。
  • 點「拖曳位置」,調整文字/圖片框的大小。
版塊設計3

step 4

接著,上傳電子書的圖片:

  1. 在圖片上點一下。
  2. 按「取代」,上傳圖片。
版塊設計4

step 5

點開「背景圖片」按鈕,選一個淺的背景顏色,讓版塊更吸睛。

版塊設計5

step 6

最後,設定「聯絡表單」功能,這對需要蒐集客戶名單的人來說很重要。

滑鼠在「聯絡表單」上點一下。

版塊設計6

設定下列功能:

  1. 表單名稱:在後台會顯示名單的名稱,建議填寫,方便辨認。
  2. 表單欄位:
    • 修改在表單上顯示的欄位和文字。
    • 建議勾選「阻止一次性電子信箱」,避免收到垃圾訊息。
  3. 修改提交按鈕上的文字。
  4. 填寫送出表單後顯示的訊息,如:「感謝你的預約!」
  5. 填寫收通知信的電子信箱。
版塊設計6-1
DR.DEAN LOGO
自架一個能提升
200%
諮詢量的網站
自架一個能提升200 諮詢量的網站書本

第四部分:增加頁面

Strikingly 主要是一頁式的網站架設平台,如果你只要一頁,那麼完成第三部分就 OK 了

但如果除了原先的一頁,你還想要增加其他頁面,可以按照以下步驟操作。

step 1

假如我的網站,除了剛剛建立的首頁,還希望有其他頁面。

到左邊版塊選單下,選「添加多頁面」,在跳出視窗上點「開啟多頁面網站」。

增加頁面1

step 2

在頁面選單上點「管理頁面」,等切換選單後,點「添加新頁面」。

像我想新增一個「客戶案例介紹」頁面,就直接打上頁面名稱,頁面就新增完成。

增加頁面2

step 3

接著,要開始編輯新頁面的區塊。

選擇「客戶案例介紹」頁面,再點「返回至網站設計」。

增加頁面3

回到版塊選單後,點「新增版塊」。

增加頁面3-1

step 4

我想要寫一點文字,這時就可以新增「部落格」版塊。

在新增版塊裡,找到「部落格」版塊,選一個喜歡的樣式加入頁面。

增加頁面4

step 5

滑鼠點一下部落格版塊,再點「管理部落格文章」。

增加頁面5

step 6

接著點「寫篇新文章」。

增加頁面6

等進入編輯文章的頁面,就可以開始寫新文章,也就是客戶案例介紹的部分。

增加頁面6-1

完成後按發佈,這樣除了首頁,就也多了一個客戶案例介紹的頁面。

當然,如果你還想要讓網站有更多頁面,就重複執行第四部份的步驟。

DR.DEAN LOGO
自架一個能提升
200%
諮詢量的網站
自架一個能提升200 諮詢量的網站書本

企業必做項目:串接網域、隱私權政策、串接 GSC

以一個企業來說,架設一個網站是為了要有良好的品牌形象,那麼基本設定需要做到,包含:串接網域、隱私權政策、串接 Google Search Console。以下,我會詳細說明實際的操作步驟。

串接自己的網域

Strikingly 預設的網站會建立在 strikingly.com 的網域之下,如果你的網站想要套用自己的網域,需付費升級。

step 1

在左邊選單上方點「設定」。

串接網域1

step 2

等跳轉設定頁:

  1. 在「綁定你已有的網域」下填入網域名稱後,按「更新」。
  2. 點開選單,選擇網域商 Namecheap,再按「查看教程」。
串接網域2

step 3

在跳出的視窗上複製兩條 DNS 紀錄,一條一條貼到 Namecheap。

串接網域3

step 4

登入 Namecheap,在設定的網域旁按 MANAGE。

安裝網域4

step 5

等跳轉頁面:

  1. 上方選「Advanced DNS」。
  2. 點「+ ADD NEW RECORD」增加兩個空白欄位。
  3. 把 Strikingly 的 DNS 紀錄貼到這裡:
    • 第一條:Type 選 A Record;Host 填 @;Value 貼上 Strikingly 記錄值;TTL 選 1min。完成後,按 √ 儲存。
    • 第二條:Type 選 CNAME Record;Host 填 www;Value 貼上 Strikingly 記錄值;TTL 選 1min。完成後,按 √ 儲存。
串接網域5

確認貼上的資料都沒錯,等個幾分鐘 (最多一小時),再回到步驟 3,點「已修復,再次檢查」,就設定成功了。

step 6

連上之後,就會在網域旁顯示「已連接」。

串接網域6

新增隱私權政策頁面

每個網站,都需要有隱私權政策頁面。

以下是 Strikingly 網站的設定方式:

  1. 進入「設定」。
  2. 點開「顯示進階選項」,選「隱私與法務」。
  3. 勾選「顯示隱私政策」,參考隱私權政策範本,在空白欄位填入內容。
  4. 按「儲存」。
新增隱私權政策頁面

串接 Google Search Console

把網站串接到 GSC,方便分析網站數據,也方便搜尋引擎找到網站。

step 1

進入「設定」:

  1. 點開「顯示進階選項」。
  2. 在選單中選「服務」。
  3. 右邊頁面點「連接至 GOOGLE」,登入 GOOGLE 帳號。
串接GSC1

step 2

接著,點一下「提交網站地圖」的按鈕。

串接GSC2

step 3

等成功顯示 sitemap.xml,再按「儲存」。

串接GSC3

Strikingly 還有其他好用的功能,像是:多語系設定、收款方式設定、郵件提醒、團隊協作、行銷工具、數據分析、自訂程式碼等。實際操作方式,很推薦閱讀《Strikingly 官方知識庫》。

Strikingly 架站的其他問題

怎麼取消 Strikingly 試用?

Strikingly 試用需要先綁卡,所以如果沒有要繼續使用,必須取消,以下步驟:
1. 登入帳戶,點頁面右上角的個人頭像。
2. 等跳轉頁面,就會在最上面看到目前的試用方案,右邊點「x 取消方案」。
3. 跳進對話頁面,在對話框下方點選「不再繼續聊天,我想直接取消…」。
4. 最後選「確認取消方案」的紅色鈕就完成了。

如何聯絡 Strikingly 客服?

主要用 3 種方式找到客服:
.線上客服:在網站編輯頁面,點開右下角的問號圖示,開啟對話框。
.提交工單:到客服中心表單填寫資料、描述問題並送出即可。
.電子郵件:寄信到 [email protected]

要注意的是,官方的 24 小時支援是指英語客服,且要是付費用戶;中文線上客服是平日 9am ~ 9pm。

Strikingly 可以架設電商網站嗎?

只要購買專業版方案就可以架設,目前可以架設零售電商、會員網站、線上課程網站等。

但仍然會比較建議使用 WordPress 或專門的電商平台,功能較齊全,頁面也不會有上限。

怎麼從 Strikingly 搬到 WordPress.org?

沒有相關的自動搬家工具,只能在 WordPress 重新建立一個網站,並從 Strikingly 手動複製內容匯入到 WordPress 網站上。這就是使用網站架設平台的最大劣勢。

處方箋
限量
領取

我們致力於協助專業工作者打造品牌。
8 年實務經驗,精煉出這些《處方箋》,
想在你卡住時,給你一些有用的方向。

自架一個能提升200 諮詢量的網站
專業工作者 5 階段封面 數位工具導航包 1
專業服務者的 5 種網站商業模式拆解
品牌視角內容策略專業工作者必學系統化方法
DR.DEAN LOGO
文章目錄
返回頂端
自架一個能提升
200%
諮詢量的網站