• Irvinglab 爾文實驗室
  • Posts
  • 🚀 LINE Core 360 提升顧客購物體驗、全面打造 WordPress 電商網站、Shopify 和 WordPress 網頁圖片優化自動化、Clarity 預測熱圖 AI 驅動的設計洞察、Shopify 說明中心繁中版

🚀 LINE Core 360 提升顧客購物體驗、全面打造 WordPress 電商網站、Shopify 和 WordPress 網頁圖片優化自動化、Clarity 預測熱圖 AI 驅動的設計洞察、Shopify 說明中心繁中版

💎 科技工具分享 - Zigpoll 能在網站上輕鬆收集客戶反饋,透過互動式的調查和表單,可以在關鍵時刻向客戶提問,獲取有價值的見解

Author

Irving Chen
November 11, 2024

jbIrvinglab 爾文實驗室

Irvinglab 是擁有豐富實戰經驗的的網頁設計公司也是 Shopify Partner，擅長以品牌為中心的電子商務及企業網站和部落格設計，專攻 Shopify 和 WordPress 網站設計與建置 Shopify Partner-Taiwan-Irving-Irvinglab 爾文實驗室

最近很妙，超多 WordPress 網站的需求。網頁設計師若能同時專精 WordPress 和 Shopify，真的會很棒！快加入我們的行列～ XD

其實 WordPress 擁有相當多且成熟的頁面編輯器值得 Shopify 版型和 Shopify App 參考與借鏡！我目前主力是同時打造 Shopify 和 WordPress 網站或部落格，這兩種架站方式各有優勢，甚至互補有無，只有「深度使用者」才能挖掘與發現其核心價值。

WordPress + WooCommerce 電商網站

WordPress 建立電商這件事也不惶多讓，WordPress + WooCommerce 外掛 + Cloudways 主機就可以快速打造客製化的線上銷售網站

LINE Core 360 打造 WordPress + WooCommerce 電商網站購物體驗

 🚀 LINE Core 360 提升顧客購物體驗

而有一款專門整合 LINE 打造的 WordPress 外掛 LINE Core 360 提升 WooCommerce 電商營運效率與體驗，讓顧客從 LINE 登入到LINE Pay 結帳一次滿足，對於顧客和商家來講相當便利！

LINE Core 360 官方註明 14天內不滿意，無須理由立即退款。完整介紹可參閱此篇文章：全面提升 WooCommerce 電商營運效率與體驗，讓顧客從 LINE 登入、結帳到接收訂單通知，一次滿足（文章會持續更新，歡迎蒐藏並隨時回來瀏覽）

🟡 LINE Core 360 關鍵特色：

  • 讓顧客用 LINE 註冊與登入

  • 讓顧客用 LINE Pay 付款

  • 顧客可以用 LINE 接收訂單通知

  • 顧客註冊後即關注商家的 LINE 官方帳號

畢竟 LINE 即時通訊將近九成以上的台灣人每天都在使用，LINE 行銷與 LINE Pay 結帳早已成為日常。再加上 LINE 社群蓬勃發展，拉近人與人之間、商家與顧客之間的距離，例如爾文實驗室就有 WordPress LINE 社群、Shopify LINE 社群 和 SEO LINE 社群，歡迎加入交流、學習與討論！🙂

以「網站頁面編輯」而言

🚀 Shopify 網站：PageFly Page Builder

PageFly Page Builder 是最常使用的 Shopify App，但今年 2024 年以來也陸續發現到其他新星正在急起直追，而在 AI 的加持下直接打開新的戰場，還有特殊整合如 Web UI 設計師首選的 Figma 也是相當吸引人的特色。

觀察目前 Shopify App 的頁面編輯分類中，大概有以下趨勢，只能說這些原本要另外安裝其他 App 才能使用的特色功能現在直接內建在頁面建立的 App 中，這真的會是殺手級的強大與致命吸引力（只要方案沒有漲價太多的話 😅）：

  • AB 測試頁面

  • AI 生成文案

  • Figma 設計直接複製到 Shopify

  • 上傳圖片以將螢幕截圖轉換為 Shopify 頁面

上述所列就看 PageFly 何時可以推出了，據內部消息，他們團隊早已在陸續開發「一些令人期待的功能」

若不太了解 Shopify 的網站頁面建立方式的人可以前往閱讀：如何客製化 Shopify 網頁設計排版 2024（持續更新，平均每個月更新 2-3 次）

🚀 WordPress 網站：Stackable – Page Builder Gutenberg Blocks

今年 2024 年我全面將頁面編輯器改為專注使用 Gutenberg Block Editor 區塊編輯器及其附屬的外掛，降低對其他編輯器的依賴，例如不再依賴 WPBakery、Elementor 等編輯器等，讓頁面執行清爽多了～ 網站後台編輯頁面與維護時也舒適許多！

想知道更多 WordPress 更多更強的免費外掛可參考此篇文章：WordPress 外掛推薦精選 2024（持續更新，平均每個月更新 2-3 次）

Stackable – Page Builder Gutenberg Blocks

而 Gutenberg Block Editor 區塊編輯器附屬的外掛有很多，其中最近正在使用的是 Stackable – Page Builder Gutenberg Blocks，有一些不錯的設定小細節覺得相當讚！以「頁面排版」的角度來看有滿足到大部分常見的情況。舉例如下：

🟡 Content Max Width

像是 Content Max Width 可以設定區塊內的「內容最大寬度」，這真的超省力！區塊本身可以設定整個排版寬度，而此功能又可以設定「區塊內的內容寬度」。若無此功能，以往都要寫 CSS 控制，相當麻煩。

🟡 Content Vertical Align

還有一個設定是 Content Vertical 可以設定區塊內的「內容的位置是置頂、置中、置底」，若編輯器無此功能，就又要寫 CSS 控制，有點麻煩，用 Padding 也不是最好的解決方案。

🟡 Reset

然後像是 Reset 成預設值也相當方便，如圖中顯示橘色的環形箭頭。有時候會嘗試一些數值，但都沒有找到滿意的，就想改為初始狀態，這個 Reset 圖示就是貼心的存在，讓你一鍵回到最初。若無此功能，我發現有些編輯器或外掛無法重新設定，會有點小小的不便。

💎 網站自動優化網頁圖片 SEO 兩款外掛推薦最佳化 WordPress 和 Shopify 商店

🍎 WordPress 外掛 TinyPNG

我最近才意外發現幾乎天天在使用的 TingPNG 也有推出 WordPress 外掛，讓你在建立 WordPress 網站時可以自動化優化圖片，不用如以往手動優化後才上傳到網站後台，超級方便。

而且就我觀察，大部分的人真的很懶得去做優化的動作，導致圖片大大影響網頁速度效能，有了這類的外掛的確可以讓團隊執行更有效率，減少阻礙。

🍎 Shopify App - Tiny SEO Speed Image Optimizer

而 Shopify 也是有超多選擇的 App，例如有一款叫做 Tiny SEO Speed Image Optimizer，不僅優化圖片，還有其他許多提升頁面速度的方法和 SEO 輔助工具，如：

圖像 ALT 文本，JSON-LD（豐富片段），404 頁面，301 重定向，SEO 圖像壓縮器，生成 AI 描述，照片調整大小，壓縮，延遲載入，網站地圖，縮小 JS 和縮小 CSS 等。

使用 Tiny SEO Speed Image Optimizer 來優化 Shopify 商店頁面速度和搜尋引擎排名，功能是相當豐富！

💎 Clarity 預測熱圖（Predictive Heatmaps） AI 驅動的設計洞察

🍎 Clarity 新功能 - 預測熱圖（Predictive Heatmaps）：AI 驅動的設計洞察，透過 Clarity 的 AI 預測熱圖，輕鬆測試網站設計。

只需輸入網站 URL 或上傳圖片，即可免費生成熱圖（Heatmap），展示典型使用者如何與網站互動。

此工具幫助在網站上線前發現並試圖解決 UX 問題，優化整體使用者體驗。驗證設計概念並展示轉換潛力，Clarity 的 AI 預測熱圖讓中小企業與代理商同樣能夠使用企業級的分析工具，有效支持設計決策與網站優化。

對我來說就是多了一種參考工具來優化網頁內容排版、特定按鈕點擊率等，但，最終還是要依據實際的數據如 Google Analytics 和 AB 測試結果來進行網站優化尤佳。

💎 Shopify 說明中心 Help Center 線上助理終於有繁體中文版

🍎 Shopify 說明中心終於推出繁體中文線上助理對話，之前只有英文版！

以後找東西更方便，對中文使用者來說，可以更口語化地問問題。相信也可大大減輕 Shopify 官方的人工客服詢問量與人力。但我發現，有些關於台灣 Shopify 商店的問題並不是百分之百正確。

若你還對建立 Shopify 電商網站，可以先參考這兩篇文章打下扎實的基礎，是真的很扎實的那種 😀 而且我同樣會持續更新這些內容，有任何問題歡迎來信：

💎 科技工具分享 - Zigpoll

消費者研究 Customer Survey

Zigpoll 是一款可嵌入的調查工具，讓企業能在網站上輕鬆收集客戶反饋。透過互動式的調查和表單，可以在關鍵時刻向客戶提問，獲取有價值的見解，進而推動業務成長。我有先使用過免費方案， 在打造我的文章內容初期有獲得不少的網站訪客正面回饋，都可以納入撰寫方向評估，著實不錯～

Zigpoll 提供多種功能，包括：

  • 多樣化的問題格式：使用不同的問題類型來吸引客戶，收集高品質的反饋。

  • 直觀的儀表板：分析調查數據，將其轉化為可行的行動項目。

  • 精確的目標設定：透過進階的目標設定規則和第三方整合，在適當的時刻向合適的對象發送調查。

  • 多國語系翻譯：利用自動翻譯功能，將調查轉換為任何語言，滿足不同客戶的語言偏好。

  • 此外，Zigpoll 還提供 AI 助手，能自動分析開放式回應的趨勢，並提供可行的見解，協助我們更深入了解客戶需求。

Zigpoll 提供多種訂閱方案，從免費的 Lite 方案到功能更豐富的付費方案，滿足不同企業的需求。 總而言之，Zigpoll 是一個強大的工具，能協助企業有效收集和分析客戶反饋，優化客戶體驗，推動業務成長。

若對電子報有任何想法或建議，可以填寫回饋表單，我會納入評估作為優化的方向，提供更優質的內容 ^^

❝

Teamwork makes the team work

Irving 爾文 - Irvinglab 爾文實驗室

💎 Line 學習社群

Shopify 網站設計與架站學習交流

分享主題從網站規劃、設計到建立等相關內容，透過學習交流與經驗分享，讓彼此成長更加快速，主要以 Shopify 建立電商網站為主。

WordPress 網站設計與架站學習

學習 WordPress 網站設計與架站，分享實作經驗與交流。

SEO 資源彙整與學習

閱讀 SEO 就像喝水一樣，習慣建立與自然地吸收。

成為網頁設計師

邁向網頁設計師之路，了解網頁設計的基本概念與實作經驗交流與分享，無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。

❝

Learning by Reading → Learning by Doing → Learning by Sharing

Irving 爾文 - Irvinglab 爾文實驗室

Irvinglab 是擁有豐富實戰經驗的的網頁設計公司也是 Shopify Partner，擅長以品牌為中心的電子商務及企業網站和部落格設計，專攻 Shopify 和 WordPress 網站設計與建置 Shopify Partner-Taiwan-Irving-Irvinglab 爾文實驗室

Irving 爾文

專注網頁設計與架站平台、SEO 搜尋引擎優化，深度研究品牌行銷、UX 策略與數位產品、電商經營等領域，熱衷科技、設計與文字創作、社群分享。

#藝術 #設計 #科技

★ Founder of Irvinglab 爾文實驗室
★ Web Design Lead / Senior Web Designer / SEO Manager
★ 專精 Shopify 電商網站設計與架站
★ 專精 WordPress 品牌網站和部落格建置
★ 工作經歷大小型公司 (包含品牌方與代理商)、網頁設計接案公司、數位行銷公司、新創 Saas 軟體公司等

Irvinglab 是擁有豐富實戰經驗的的網頁設計公司也是 Shopify Partner，擅長以品牌為中心的電子商務及企業網站和部落格設計，專攻 Shopify 和 WordPress 網站設計與建置 Shopify Partner-Taiwan-Irving-Irvinglab 爾文實驗室
❝

降低資訊落差，幫助所有人做出最佳判斷，符合現階段的需求與成本考量，以提出最佳解決方案

Irving 爾文 - Irvinglab 爾文實驗室

Reply

or to participate.