您好,歡迎您來到「網路假期 - 答案共享資料庫」! Show
本系統是為了高雄市學生和其他縣市寒暑假作業使用網路假期系統的學生而開發的。 因為本系統解答資料數過於龐大,造成伺服器負擔龐大,每個寒暑假我們都會將解答資料清除重置,讓伺服器能減輕負擔! 歡迎加入開發者的 Discord 群組,最新消息也會在群組發布! 最新消息都會在粉專發布,快來按個讚! 網路假期 - 答案共享資料庫 您好,歡迎您來到「網路假期 - 答案共享資料庫」! 本系統是為了高雄市學生和其他縣市寒暑假作業使用網路假期系統的學生而開發的。 因為本系統解答資料數過於龐大,造成伺服器負擔龐大,每個寒暑假我們都會將解答資料清除重置,讓伺服器能減輕負擔! 歡迎加入開發者的 Discord 群組,最新消息也會在群組發布! 最新消息都會在粉專發布,快來按個讚! 網路假期 - 答案共享資料庫
Configuration進階教學-庫存設定Stock OptionsMagento 能夠說是國際間功能最齊全、客製化彈性最高的電商平台,相對地,原生設定的複雜度也偏高;除了可以向歐斯瑞團隊諮詢需求外,我們也會陸續提供進階設定教學文章,一起理解、學習 Magento,讓銷售網站功能更齊全!從這篇文章你會知道:Magento 2 - Stock Options設定說明
Adobe XD教學【入門】自動動畫今天AstralWeb要與大家分享Adobe XD原型模式中的入門教學-自動動畫功能,想知道如何操作,跟著步驟一起來看看吧!※本教學使用AdobeXD V41.1.12製作。本教學希望對您在未來設計上能有所幫助。如對本系列有興趣可以參考其他篇以及隨時關注我們喔!如有設計需求也歡迎隨時聯繫我們。
B2B電商網站有什麼功能?Magento開源版幫你做到!隨著電子交易越來越發達,當今早已經存在許多 B2B 平台,企業與企業間透過電子商務的方式進行交易,運用網路串聯上下游廠商,無國界限制,建立出完整的供應;和主要客群為一般消費者的 B2C 網站不同,B2B 的交易數量、售價、管理權限都有更多的需求。 這篇文章就從最基本的概念說起,再介紹以我們熟知的 Magento 平台來說,雖然商業版的Adobe Commerce即備有B2B版,但如果預算有限、功能不需要太過複雜,免費的開源版能夠建置怎麼樣的 B2B 網站呢?一起來看看!
身為設計師必須知道的事【社群標誌使用規範】當你在設計UI介面時,使用到的社群標誌,是否都有了解各大平台所提供的標誌使用規範? 今天歐斯瑞與大家分享關於社群標誌使用規範,一起來看看吧 !當一個標準的商標設計完成後,都會有一份企業識別規範,而這個規範就是用來告知使用者,未來在使用標誌上該如何正確地使用,以避免破壞制定好的品牌視覺形象。
Shopify功能再升級!Shopify plus適合我嗎?即將跨足電商領域的品牌,對於 Shopiline、Cyberbiz、Shopify 一定都不陌生,每個平台都有其優缺,但佔據了全美電商銷售總額的10%的 Shopify,在因疫情蓬勃發展的電商世界裡,由於跨國、版型美觀、費用合理...等原因,成為使用店家竄升居冠的B2C電商平台!使用者增加當然會收到更多顧客需求,Shopify 除了不斷優化既有功能外,針對大型的跨國企業、更高度客製化的 Shopify plus 登場!
PHP版本太舊還能用?PHP程式碼版本一覽Magento從2.4.4開始將支援PHP8.1版;對於相關技術人員來說,PHP一點也不陌生,但相信對新手來說,可能會一頭霧水,什麼是PHP,又,升不升後對於網站會有什麼影響呢?本篇文章就以短篇幅快速說明基礎PHP知識,以及太舊的版本究竟會有什麼問題!
如何在Magento維運模式中允許特定IP位置顯示網站內容每當網站有新的程式碼需要部署或需要對伺服器環境進行重大更新時,為了不讓終端用戶(消費者、網站使用者)在不正確的網站狀態操作導致錯誤,通常會限制其訪問權,引導終端用戶至503頁面(維運模式);但如果遠端客戶需要進行能測試呢?該如何在限制訪問權的情況下,允許特定IP位置顯示網站內容呢?
如何新增Magento 會員中心導覽列內的客製連結Magento原生功能中,前台會員中心會顯示大量客戶帳戶相關連結;但想當然,這些連結未必是客戶們實際所需,有時候更會有其他連結需求!本篇文章就要和大家分享,該如何新增Magento 會員中心導覽列內的客製連結?從這篇文章你會知道如何新增Magento會員中心導覽列內的客製連結
如何移除 Magento 會員中心導覽列內不必要的連結Magento原生功能中,前台會員中心會顯示大量客戶帳戶相關連結;但想當然,這些連結未必是客戶們實際所需,例如:客戶不具有郵件訂閱服務,那麼,在會員中心上顯示的 Newsletter Subscriptions 連結即是不必要的!本篇文章就要和大家分享,該如何移除 Magento2 會員中心導覽列不必要的連結?
為什麼 Magento PhpStorm 插件無法運作?在 Magento安裝最新版本的PhpStorm,或從先前的版本升級後,你可能會注意到,Magento PhpStorm插件無法正常運作了!本篇文章就來跟大家分享,該如何解決Magento PhpStorm 插件無法運作問題?從這篇文章你會知道:Magento PhpStorm 插件無法運作的情境、原因及解決方式喔!
Google演算新機制 以『人』為本的內容更具曝光價值Google 在8月18日宣佈了全新演算方式——『實用內容演算法 Helpful Content Update』(暫譯),直白的名稱應該不難理解,主要的目的便是希望減少「為了搜尋引擎而創作的內容」,期待更多對網站使用者有幫助的內容產出;消息一出又讓許多數位內容創作者小小緊張,別擔心,我們這就來看看目前官方既有消息給了哪些建議!
如何修復 Magento Page builder 儲存警告?從 Magento 2.4.3版本起,內建的Page Builder模組讓非技術人員也能夠像堆疊積木般,把一個網站頁面完整呈現;但我們都知道,面對不同客戶需求,仍然會碰到需要客製化、需要前端技術人員改寫程式的時候,然而,常常會在改寫後碰上後台跳出警告的情況,該如何修復
讓網站更順暢 Magento 網站優化分析工具一個快速的銷售網站通常會為顧客體驗增加強大的價值,也建立忠誠度及信任感,技術人員在開發電商網站時,基準測試及性能分析是相當普遍且重要的基礎任務。本篇文章就要針對 Magento 2 平台網站,說明該如何進行網站基礎優化分析! 從這篇文章你會知道: Magento 網站基準測試工具①:MAGE_PROFILER Magento 網站基準測試工具②:Database profiler
官方認證!歐斯瑞成為頂尖商務套件公司 Amasty 合作夥伴歐斯瑞正式成為 Magento 商務套件公司-Amasty 的認證合作夥伴! 身為官方認證夥伴,將隨時獲得 Amasty 第一手資訊,並具參與套件開發建議的優勢,讓我們的客戶享有更專業、快速的服務。想在您的網站增加 Amasty商務套件服務,或對 Magento 電商網站有任何需求,歡迎與歐斯瑞團隊聯繫,將由專人替您服務!
Photoshop【入門】增效模組Photoshop功能相當多元,除了內建工具外,透過外掛套件也就是增效模組解決Photoshop內建原生內容無法達成的製作功能,增進工作效率!本篇文章就來介紹 Photoshop 增效模組,幫助設計執行更進一步。從這篇文章你會知道:1.如何新增 Photoshop 增效模組?2.如何刪除 Photoshop 增效模組?
Magento2商業版實用功能教學 – 排程更新Magento 2 商業版的排程更新功能,讓您在後台設定未來的資料異動規劃,將會在指定時間自動更新呈現在網站前台,為網站活動設定增添不少便利性!Magento 2 商業版能達成的排程範疇、設定排程更新前注意事項、排程更新設定:商品、商品目錄、目錄促銷規則、購物車促銷規則、靜態頁面與區塊
Magento2 促銷功能小技巧 – 簡化多SKU輸入步驟熟悉 Magento原生促銷功能的你一定知道,無論是目錄促銷(Catalog Price Rule)或購物車促銷(Cart Price Rules),都有豐富多元的條件能夠進行設定;正因為能進行的變化多,有時候複雜的邏輯確實讓人頭痛。此篇文章將要針對經常被詢問的:目錄促銷或是購物車促銷設定時,能夠一次大量匯入SKU嗎? 進行能夠簡化的操作說明!
前端開發:使用@supports來檢查瀏覽器支援性之前我們在 快速查詢CSS/HTML與各瀏覽器的支援-Can I Use 這篇文章中 提到過瀏覽器支援性的問題,在這篇文章中我們建議開發者先到 Can I Use 網站中確認瀏覽器對CSS新屬性的支援度再進行開發。然而在實際開發的過程中,我們常常會遇到客戶在驗收階段對我們說:「為什麼在我手機(電腦)上看起來怪怪的?」仔細確認過客戶的裝置版本之後、就是各種的無奈。在這個階段我們不太可能把之前做好的東西推翻重做,多數時間的解法都是針對不支援的瀏覽器另外設置對應的CSS。在這個時候,確認瀏覽器是否支援某些CSS屬性這件事、就變得非常的重要。
前端開發:解決slider js垂直滑動時出現的高度問題slick js 是一個相當好用的輪播套件,Magento2 page builder裡的slider也是使用這個套件來實現輪播的效果。這篇文章要跟大家分享的是:如何使用slick js 製作上下滾動的滑塊,以及如何解決垂直滑動時出現的高度問題呦!
Magento2 開發 – 設置排程群組如果各位接觸Magento2開發有一段時間,對於添加排程工作想必不陌生。今天想與大家進一步分享的,是關於排程進階的參數控制。如果您發現預計執行的工作,沒有如預期產生在cron_schedule資料表,或者沒有正常的執行,那麼有可能是被這些隱性參數所影響。
前端開發:讓你的Bootstrap4下拉選單支援多層次選單Bootstrap 3 和 Bootstrap 4 的下拉選單,只支援到第二層,如果需要多層次選單的話,我們需要用到 bootstrap-submenu.js。其中Bootstrap 3 要搭配 Bootstrap-submenu 2使用,Bootstrap4 則是要搭配 Bootstrap-submenu 3 使用。今天這篇文章主要是分享Bootstrap 4 + Bootstrap-submenu 3的作法,關於Bootstrap 3 + Bootstrap-submenu 2 的作法,你可以參考我們的舊文章:讓你的Bootstrap下拉選單可以支援多層選單
Magento2 直接把Block轉換以Ajax方式渲染,迴避Full Page Cache問題在Magento2大部分的頁面都有Full Page Cache,舉凡像是prodcut、category、cms頁都有使用,讓使用者在下次近入頁面時間提升,但是這對於說想在頁面上想根據不同使用者所呈現不同內容來說是非常惱人的,雖然可以使用cacheable="false"來避免但是這樣便會完全失去Full Page Cache功能,於是剩下的辦法便是使用AJAX拿回沒有Cache的資料進行渲染,但是對於每次都寫一隻AJAX與API的方式來說並不是怎麼的有效率,這邊將提供一個簡單的方法將你的Block轉換為上述方式,只需一個簡單的參數,省下更多的時間。
Magento 2 設定Paypal Express金流(Sandbox模式)什麼是PayPal?PayPal,是一個總部位於美國加利福尼亞州聖荷西市的網際網路第三方支付服務商,允許顧客使用“電子郵件”來標識身分來做支付,而PayPal也是目前最知名的世界首富 Elon Reeve Musk (伊隆馬斯克)於1998年與合夥人共同創立的公司, PayPal 通行超過 200 個國家/地區並支援 25 種貨幣(可惜截至2022年4月15日 仍提供給俄羅斯地區服務)。
Magento 2 設定Braintree 金流(Sandbox模式)什麼是Braintree?Braintree 是一家專門提供電子商務網路行動金流支付服務的公司,創立於2007年,而在2013年背PayPal收購至今,總部位於美國芝加哥,除了Paypal 與 Stripe ,Braintree也是大家比較耳熟能詳的第三方支付公司,也因為被PayPal收購因此有做過服務整合,所以您可以透過PayPal Business Account 做綁定Braintree 讓您可以透過Paypal帳戶進行一鍵登入Braintree。
Photoshop【超簡單系列】Neural Filters-超縮放由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享當照片放大後會模糊,PS有什麼方式可以改善呢,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整 以往如果解析度不夠的圖片就會無法使用,現在你可以先考慮一下PS新的處理功能
Category attribute無法存入表單為0值因為專案需求的關係需要在admin的category的form上新增原本沒有的欄位,上網爬文後我使用category attribute的方式去新增,以下圖所示,是我用的方式。而將這multi-select的選項換成我需要的選項Customer group。
如果使用Cloudflare取IP的問題和解決方法由於網路發展的快速,越來越多開發者為了避免使用者等待網頁讀取時間過長而使用CDN,而CloudFlare是如今網站常用的CDN服務供應商,專門提供網站加速與安全防護的服務。 最近遇到了一個有使用CloudFlare專案的需求是記錄使用者的IP方便確認哪些是惡意攻擊的使用者以方便封鎖。但因為這個專案是有使用CloudFlare,取到的IP都是從CloudFlare出來的,無法確認真正的使用者是從哪裡來。以下就要來介紹的是在使用CloudFlare時取得使用者真實IP的方法。
Photoshop【超簡單系列】Neural Filters-彩色化由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享如何快速將黑白照片上色,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整 以往將黑白照片上色時,我們需要將不同顏色區塊給區分開來並分別上色,現在Photoshop可以直接幫你做好這些事情
Magento PWA:如何在pwa專案中使用SASS或LESS當我們從github下載Magento PWA Studio來使用的時候,會發現PWA是直接使用CSS檔案,沒有透過任何的編譯工具。如果您已經習慣使用SASS或LESS來編譯CSS,那你一定很希望能夠在PWA繼續使用你熟悉的工具,要不然光是那些巢狀的CSS選擇器,就可以把人給逼瘋。這篇文章就是要跟大家分享如何在PWA使用SASS及LESS。
Shopify開發:如何針對不同語系顯示不同的頁尾選單在開發多國語系的Shopify網站時,我們常常需要在不同的語系下,顯示不同的頁尾選單。而shopify的預設功能,沒有辦法針對不同語系去指定不同的頁尾選單。因此我們需要修改程式碼來實現多語系的頁尾選單。如果想要針對不同語系顯示不同的頁尾選單,我們只需要把握判二樣技巧就可以了一、判斷語系二、呼叫自訂選單
電商想做問卷分析來自動推薦商品該怎麼起頭(上)問卷分析為何不用Google表單就好? Google 表單固然是目前普羅大眾使用的問卷表單,相信就算沒用過Google表單的讀者,也填寫過Google表單的相關問卷,好比辦婚宴的席次也許多是用Google表單來執行,主要原因也在於Google 表單的以下優點
Magento 使用 DES-CBC 加密各位Magento工程師想必常有串接第三方服務的經驗。許多第三方服務供應商會要求先將資料依據指定的加密法加密後再傳送過去。資料加密方式百百種,今天來介紹如何在Magento內使用DES-CBC演算法來加密資料。DES-CBC演算法可參考維基百科,這裡不再贅述。
Magento PhpStorm Plugin(下)上篇介紹如何安裝Magento官方發布的Magento PhpStorm Plugin, 不小心錯過的讀者們,可以先到上一篇Magento PhpStorm Plugin(上)看看呦!這次要來介紹這個套件方便又實用的功能。Magento PhpStorm plugin以及PhpStorm本身除了上述所提及的以外,還有提供更多便利的功能,有待各位工程師再自行發掘!
Magento 2 Commerce 版本的行銷神器 Segment 功能介紹!Magento的 Customer 功能大家耳熟能詳也很直覺,就是在電商系統裡管理會員的功能。但在 Commerce 版本裡還有一個能透過更多參數將 Customer 進行更細節的分類的Segment 功能,廢話不多說我們趕緊滑入正題!Segment 這功能可說是為了因應品牌不同的行銷策略 而生,擁有更多維度的設定,將更精準的網站內容和促銷活動推銷給更有可能轉換的客人上,進而提升品牌的收益!所以說這功能是行銷神器一點也不為過呀!
React JS:如何讓React dev tools支援本機網站React DevTools 是React js的除錯工具,可以用來觀察React APP在網頁面執行的一些資訊,利如組件之間的相互關係。不論是Chrome或者是Firefox 都有React DevTools的擴充工能。在預設的情況下,React DevTools是不支援本機網站的,這篇文章要分享如何安裝React DevTools並支援本機網站。底下我們以Chrome為例來做分享。
Magento2:如何將購物車的同意條款移到畫面底下在將結帳按鈕移到畫面底下之後、你可能也需要將結帳的同意條款移到畫面底下。假設我們使用的主題包是AstralWeb/theme,底下我們的範例是直接在AstralWeb/theme這個主題包裡移動同意條款核取框的位置。
Magento2:如何將購物車的結帳按鈕移到畫面最底下在Magento2的結帳頁中,預設的結帳按鈕是跟著結帳方式跑的。每個結帳方式都有自己的結帳按鈕。那如果我們想要把結帳按鈕移到結帳頁的畫面底下,並且希望只有一個結帳按鈕的話、又該如何處理呢?假設我們使用的主題包是AstralWeb/theme,底下我們的範例是直接在AstralWeb/theme這個主題包裡移動結帳按鈕的位置。
git reset的使用方式今天要來介紹git reset的使用方式。有時候我們在 commit 時,會不小心 add 錯檔案,或是 commit message 寫錯、打錯字,但我們不想要再多新增一個commit,只是想修改原本的內容而已,就會發生「剛才的 Commit 後悔了,想要拆掉重做…」。
Forking Workflow的介紹今天要來介紹寫CODE在專案進行多人協作時,好用的Forking Workflow。Forking Workflow的主要好處是,不需要所有開發者都擁有能push code到專案的repository中的權限,而其他開發者的Code也可以被整合在一起。每當其他開發者推送修改到自己的fork repository,再發起Pull Reques的通知給專案維護者,讓專案維護者合併到專案repository。這樣專案維護者可以不需要給其他開發者專案repository權限,並接受任何開發者的提交修改。
線上購物拿到真的台幣回饋金-Shopback現金回饋!現金回饋,不就購物金嗎?「現金回饋」與「購物金」乍聽之下非常相似,甚至有些網站會把購物金稱作為現金回饋,這並沒有錯,如先前我們歐斯瑞文章分享電商小學堂:購物金系統 (Credit System),購物金是綁定在您當初消費的電商網站裡面,用來做下次購物時的消費金額抵用,所以購物金只能限定在指定電商網站做使用,例如:蝦皮的蝦幣&博客來的購物金 ...等等 而今天我們要分享的是真的實質“現金回饋”,意旨在線上購物之後依照消費金額比率把真的現金匯到您的帳戶裡頭,這就Shopback主打的“現金”回饋模式。
Photoshop【超簡單系列】智慧型肖像由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天Astral Web要與大家分享在有限度的範圍內,如何快速更改臉部光影、頭部方向、頭髮厚度、眼球方向等,一起來看看如何製作吧!以往這些動作都要個別處理,每一項修改都要花上不少時間,現在Photoshop可以一次幫你做好這些事情
Photoshop【超簡單系列】化妝轉移由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享如何快速上妝,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整
Line Pay 金流串接註冊為LINE Pay的商家,可以吸引全球的LINE用戶作為自己的客戶。此外,通過LINE擴展商家的銷售管道,可以預見銷售額的迅速成長。 上次我們已經說過如何申請Sand Box與帳號,現在我們要來串接付款的程式。SandboxUrl : https://sandbox-api-pay.line.me
LINE Pay Sandbox 申請串接第三方金流是電商網站開發不可或缺的一環,但多數銀行的金流服務都需要以公司名義直接向銀行申請,在這狀況下要取得金流的測試環境與串接文件則有相對的門檻。 相較銀行的金流服務申請流程繁瑣,以下就要來介紹如何直接線上申請 LINE Pay 的 Sandbox,除了能夠輕鬆的申請、串接、進而實作 Magento 等電商平台的客製化金流串接流程之外,也能夠在 LINE 滲透率相當高的台灣市場提供消費者另一簡便的結帳選擇。
Magento2 JavaScript mixins介紹使用mixin可以讓一個class的方法去增加或混合到另一個class裡, 而不用整個class去繼承或覆寫原本的基礎class, 大大增加了開發的彈性, 此篇就要來介紹, 要如去使用mixin方法在Magento2專案裡。範例:延展UI component此示範如何新增一個function至目標component, 使其component屬性可增加
什麼?開源版也有PageBuilder了!Page Builder功能介紹(下)上篇的PageBuilder功能介紹大家都觀看過了嗎?文中介紹了前三項主題『何謂Page Builder & Page Builder 影響的層級』、『Block 層級的應用 & Widget的引出使用』及『Catalog Content 層級應用 & Simple Page 層級應用』,本篇分享建立靜態頁面會常用到的Page Builder元素,讀者們可以實際去試試,嘗試的過程會發現透過Magento Page Builder的功能,即使不會寫Code,要"拉"一個美麗的頁面也非難事呀!
Magento2 GA & GTM 電子商務追蹤設定想到要在Magento2埋入GA的追蹤碼,我們很直覺的會想到在後台Store - Configuration - Sale - Google API,並將GA的ID填入就大功告成!但我們在實務上進行設定時,發現依照這步驟設定完,在GA左側選單Conversion - Shopping Behavior、Checkout Behavior裡行銷漏斗的資料會不齊全,所以在這邊要與大家分享完整的Magento 2 GA & GTM電子商務追蹤設定方式,讓使用Magento2的你們不漏接客人在網站上所有的消費行為呀!
Magento PhpStorm Plugin(上)IDE作為工程師最重要的開發工具之一,對工程師的工作效率有著決定性的影響。由JetBrains所推出的PhpStorm即便是收費軟體,仍受到廣泛Magento工程師推崇為最適合開發Magento的IDE. 除了PhpStorm本身所帶來十分便利的功能及良好的性能表現之外,搭配Magento官方發布的"Magento PhpStorm" plugin 更是如虎添翼。以下為大家介紹如何安裝及使用Magento PhpStorm.
Photoshop【超簡單系列】Neural Filters-皮膚平滑化由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享內建功能Neural Filters中的皮膚平滑化,如何快速修皮膚,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整 以往要透過「汙點修復工具」和「修補工具」針對各個汙點做處理,現在Photoshop可以直接透過Neural Filters做全臉處理
Magento2 可售庫存的計算不知各位是否遇過,明明設定產品的庫存量為正數,但前台卻顯示無庫存,或者下單時被告知無庫存的情況呢?如果對這種情況感到棘手,今天剛好一起來了解庫存可售量,在訂單流程中的增減邏輯吧!我們先從後台新增了一個簡單商品,給定初始庫存量 5。從產品列表,可確認當前庫存量與可售量皆為5。
Magento 2 與POS系統串接進行會員註冊測試的常見情境!要使用Magento製作一個電商網站非常不容易,不僅在一開始業務端需要花很多時間去釐清客戶的需求,了解完再交由公司內部的PM針對客戶的需求進行網站規格的盤點以及人力資源的調度和專案時程規劃,在完成這些前置作業後,專案開跑團隊工程師開始進行網站製作,過程中客戶可能會有新的問題及需求,而PM要在負責統籌並審核將此需求加入專案的必要性與時程調整。
di.xml注入的使用方式今天要來介紹如何di.xml注入的使用方式,開發magento2的時候常常會需要plugin或preference去影響原生的程式,如果只要針對原生程式中的一個物件、參數或陣列做替換或注入的話,用preference去覆蓋掉原本的程式又過於費工,這時候就可以用Argument type直接替換或注入就可以。這邊我們預設各位讀者都已經知道如何製作一個基本的magento2 module來進行範例製作,因此這邊只寫出必要的設定檔案。
Photoshop教學【手繪風】切片柳丁今天Astralweb要與大家分享使用筆刷繪圖的實例,一起來看看如何製作吧! ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整 希望對您在未來繪圖上能有所幫助。如對本系列有興趣可以參考其他篇以及隨時關注我們喔!
歐斯瑞 X Adobe Magento近年來歐斯瑞致力於提供最專業及最多樣的Magento網站服務,我們能協助客戶建置客製化的Adobe Magento Open Source、Commerce 和 Commerce Cloud的電商平台,也能協助ERP、POS、CRM等第三方系統整合,更提供Magento顧問及維運,為客戶提升更大的收益。
Magento2商業版實用功能教學 – InvitationsMagento官方每隔固定時間皆會釋出版本更新,保障系統品質同時也提供新功能,修復系統Bug並且提供更為強大的電子商務功能。而Magento2 分為商業版以及開源版,商業版使用者往往能夠更早享用官方釋出的新功能,這次要介紹的是商業版新釋出功能 - Invitations!
處理cloudflare’s誤報Cloudflare是個非常強大的工具。您可以使用它來管理您的DNS登入,為您的網站多一層安全保護,改善您的網站速度以及許多其他事物。但與其他人造品一樣,cloudflare並非完美的。在本篇文章中,我們會說明當您在網站上使用cloudflare時,可能發生的問題之一。
Laravel 8 URL 改寫問題網路上有許多支援Laravel的Nginx配置範例。設定是蠻簡單的,不過當使用Laravel 8時,可能會出現以下錯誤。這個錯誤的原因並非太明確,但此問題在Laravel文件版本4.2~5.3中有提到過。關於URL改寫,需要在Nginx的配置文件中加入以下這行
基本的Elasticsearch故障排除自從Magento 2.4.0,Elasticsearch逐漸成為預設的索引工具。部分的小問題持續發生,其中最重要的就是無法正確搜尋,需要一些Linux技術。如果在執行重新索引後,您覺得索引的性能降低了,此篇文章或許可以協助到您。首先,要透過執行”curl -X GET”來檢查ElasticSearch是否運作正確
內容安全政策:修復Yotpo政策錯誤Yotpo是內建在Magento中很實用的一個平台,幫助商家可以很輕鬆的收集與顯示客戶評論、照片和影片,提高了客戶的信任度,進而促進銷售。 雖然Yotpo已與Magento完全整合並配置共同運作,但在全新安裝後,並非完全無誤。內容安全政策Content Security Policies(CSP)是最常見的問題。 CSP為一種安全工具用來減緩網站攻擊,像是信用卡盜錄器、連線劫持、點擊劫持等等。要求伺服器在HTTP標題中將腳本、樣式與其他資源的外部資源列入白名單。
基本的VPS安全:SSH在先前的文章中,我們有列出您需要了解的一些有關VPS安全重要事項。在這第二部分,我們會針對保護您的SSH再做些微深入討論。 SSH(安全外殼協定)是一種在非安全的網路中,提供安全連接到您的VPS協定。代表著就算您使用的是公共wifi,您與伺服器之間的連接會一直被加密著。我們一直把SSH安全放在安全檢查列表的首位,因為安全是最重要的事情。如果入侵者可以得到您的SSH訪問權限,他很有可能閱讀您的資料、放一些惡意軟體、執行一些指令,甚至使用您的電腦資源來為比特幣挖礦或下載非法的內容。
基本的VPS安全最佳實踐作法想像一下,如果您在市中心經營一家實體店且非常忙碌,誰不想要您的錢呢?自古以來最著名的可說是強盜與竊賊了,那就是為何您總是需要在店裡裝設24/7全天候的監視器。 我們都生活在一個一切都在線上的世界,包括您的事業(而竊賊同樣也在線!)您已經在網路上運作您的事業,然後呢?執行線上事業不只是開發您的網站,為您的產品進行促銷,還有支付您收到來自託管公司的所有帳單:來維護您的網站安全,確保沒人能毀掉您的事業。
Vue Storefront +Magento執行您在線上商店會需要的一切。但許多人抱怨它的速度、資源密集、難以維護等等。若您想讓您的magento體驗更快速,你可能需要為伺服器資源燒更多錢。但如果您不想這麼做,Vue Storefront或許是個選擇。使用Vue.js撰寫的無頭及微服務電商漸進式網路應用程式(PWA)” - 出自他們的網站。理論上您可以將您的magento轉換成PWA,它應該能像手機原生操作系統一樣執行。如果您想讓您的Magento(特別是Magento 1)在沒有花太多金錢讓伺服器升級的情況下,更加快速,或花太多時間升級成Magento 2,那這可能就是答案。
使用git attributes正規化專案換行字元各位開發者所熟悉的專案版控工具git, 無論是一人專案或多人合作專案都有其用武之地。在多人專案中,數名開發者各自在自己的作業系統上進行開發後,將成果發布到repository 上。其他的開發者則將新的內容拉到自己的環境中,再繼續自己的開發作業。這乍聽之下沒什麼問題,多數情況下也不會有什麼問題──直到你遇到這個詭異的現象
Magento2 擴充模組的ACL權限過去我們已介紹了如何設定Magento後台使用者的權限,在原生的架構下,各模組依功能可細分控管項目,而在客製擴充功能時,勢必也會遇到權限控管需求,今天就跟各位一同來了解Magento的ACL實作方式。首先,需要先了解Magento的ACL架構,是由使用者(User),角色(Role),與資源(Resource)所組成。透過指定角色擁有哪些資源,再將使用者納入角色,來建構使用者對資源的存取鏈。因此要為新功能增加權限,第一步就是定義新的資源。
五個方法提升 Web Fonts 載入速度微調 font 文件並進階優化字體載入策略,以實現最快速度和最短 FOUT 表現 在之前的文章我們介紹了關於 system fonts 相對於 web fonts 的優點,與 system fonts 相比,web fonts 會對效能產生負面影響,使用更多數據並且增加網頁耗能,更是對 Google SEO 排名造成間接性的傷害。
System Fonts 和 Web Fonts 比較什麼是 System Fonts / Web Fonts?System Fonts 顧名思義指的是作業系統內定的字型,因為來自於作業系統(也就是用戶的電腦、手機),不需要去特定網站(如 Google)抓取字體文件,也不需要將字體文件存在我們的網頁伺服器裡。而 Web Fonts 則是儲存於網頁伺服器的字體文件,瀏覽器會在渲染畫面時下載當前網頁指定的字體。在一天之內,瀏覽各種網頁可能會下載成百上千個這樣的文件。 其中一些甚至可能是相同的字體,來自不同的網站。
使用FB Conversions API增加事件與Facebook Pixel兼容我們也在前篇文章(這裡可以擺個連結)示範了如何使用FB Business SDK新增FB Conversions API,我們將在這篇文章講述如何設定事件。以上是四個常用事件,詳細參數可以到FB Conversions API參數,但是當你已經通過Facebook pixel發送事件則需對重複事件進行刪除,刪除必須滿足兩個條件
FB Conversions API2021年起 appale 使用 App Tracking Transparency 向 iOS 14 裝置用戶顯示提示。此提示將徵求用戶是否許可第三方應用程式和網站追踪他們,這意味者用戶可以自己選擇是否要提供數據給第三方。影響:這會影響FB在追蹤用戶網路行為,進而影響廣告投放精準度,造成廣告效益降低。由於無法取得資料,業主無法得知廣告效益,是否提升商品加入購物車
在正式環境設定Magento PWA Venia在開發或測試新功能後,對於在開發者模式下的任何特定Venia環境中,下一步就是要部署正式環境 ,來充分利用Magento前端的客製化及增強程式碼。由於它的屬性與動態性質是基於客製要求及測試,這篇文章將不涵蓋任何標準化下的CI/CD的過程。
翻譯Magento PWA Venia的主題對於商家來說,針對來自不同國家和語言的顧客,支援不同語言是必須的。原因不用多說:更大的客戶群就意味著更多的商機。有以上需求的Magento商家不用擔心語言支援會是一個麻煩:即使Venia / Magento PWA主題沒有提供拆開即用的國際包(也就是美式英語作為預設語言(en_US));但翻譯一個Venia網站是非常簡單的過程。以下我們就教你怎麼快速進行在Magento中進行前端語言的轉換與翻譯。
解決第三方金流導致Google Analytics 分析誤判問題:設定參照連結網址若是按照原本Google Analytics的計算方式,Google Analytic會判斷原本的工作階段已結束並另外多一個工作階段,也就是金流頁面跳轉回網店訂單完成頁這一段視為另一個新的工作階段,這樣會使得流量與轉換也會計算在金流端,因此有付款的顧客在短期內就會產生兩個工作階段,除了影響廣告效益以及管理者在Google Analytics的判斷之外,間接的也會影響停留時間與離開率等等數據指標。
Photoshop【超簡單系列】毛髮去背由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享內建的選取功能,如何快速去除有頭髮的背景,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整
Magento2商業版實用功能教學 – MSI 多庫存系統之前有和大家分享過Magento在2.3.0改版時加入了MSI ( Multi Source Inventory) 多庫存管理系統,為了讓你們更了解這個功能可能實際應用的情境,這次除了幫大家複習MSI系統的定義外,更加入了這個功能實際運用的情境喔!
AWS安全群組設定介紹在使用AWS的EC2或者負載平衡等服務時候,需設定安全性群組,它能產生一個虛擬的防火牆,來限制能訪問的IP來源,能使得AWS的服務上可以避免來自同一個IP的惡意攻擊,但如何設定錯誤也會造成伺服器之間無法互相訪問造成系統無法順利運行,今天筆者會來介紹一些基本的設定。
認識 Magento 2 標準訂單流程: State & Status相信大家在初次進入 Magento 的時候,最先感到不甚確定的地方就是訂單流程了。 在此篇文章中,將會針對最基礎的 Magento 訂單流程做講解,以及說明究竟什麼是 Magento Order State 與 Status。首先初步說明一下 Status 與 State 的用途
Magento FPC清除事件每個建置網站的人一定都曾思考過這個問題:「如何讓我的網站變得更快?」網站的載入速度除了影響使用者體驗,也和SEO大有關係。因此,許多工程師使盡渾身解數,只求省下那數十毫秒的載入時間。使用Magento建置的網站,其功能強大且完善,但隨著啟用的套件越多,網站的載入速度也會變得越慢。所幸Magento本身已有「全頁快取 (Full Page Cache)」的功能,可大大優化這方面的表現。
Magento Commerce 新推出網站分析工具SWAT!什麼是SWAT?Magento Commerce Cloud在V2.4.1版本推出了新的分析工具Site-Wide Analysis Tool (SWAT),透過SWAT能幫Magento做站點分析,讓網站使用者可以快速的找出問題所在。舉例來說,若是要分析網站性能相關問題,可能會用第三方工具New Relic來做檢測分析,安全性的檢測以及24/7監控網站可能又會是其他另外兩個第三方工具來處理。
將PHP擴充模組部署至Magento Cloud根據設計,MagentoCloud提供了一個無需配置修改即可立即使用的環境構造,包含運行Magento的所有必要資料及設置,而無需花費時間在找尋正確的配置與規範。但有時因技術的變化,可能需要安裝額外的PHP擴充模組。 最常需要添加的擴充模組通常與安全性有關,例如強化雲環境安全性的新加密演算法。除此之外,為新的模組添加新的PHP擴充模組也是可能發生的情形之一。
修復Magento Cloud上的502錯誤502 Bad Gateway錯誤可能是個異常發生的錯誤,在特定的整合(開發)環境中。若在檢查Magento Cloud配置與網路速度後,工程團隊仍無法判斷造成該錯誤的根本原因,此錯誤會很難被分析。此篇文章主要為簡述可能造成502錯誤的根本原因與將該錯誤降低的建議方式。
Magento Cloud:建立一個新的整合環境如果您需要在Magento Cloud建立一個新的整合環境該怎麼做呢?這篇文章中,我將會詳細介紹從Staging branch新建一個整合環境的過程。您注意到Magento Cloud UI介面是非常容易使用的,讓您認為建立一個新的整合環境就像是操作簡易的“刪除”及“從Staging分支”,但您很快就能發現事實並非如此。在刪除整合環境後,您會發現沒有可用的選項得以從Staging網站新建一個分支。若有這種情況,別驚慌。Magento Cloud CLI可以協助解決。
使用bash functions簡化指令有些常用的magento相關指令比較長,即使有官方縮寫也經常容易打錯。使用bash function可以自定義這些常用指令的縮寫,以進行簡化或是自行使用容易記得的縮寫。
Sendgrid 發信失敗!錯誤代碼421.5.7.1 是什麼原因?什麼是Sendgrid ?Sendgrid為國際知名的SMTP廠商之一,不熟悉的讀者可能會接著問那SMTP廠商是什麼廠商?簡單來說SMTP廠商提供較可靠的Email郵件伺服器,並經過特殊的Server配置,使得透過SMTP廠商來發送電子郵件時,有比較低的機率會被收件者的郵件伺服器歸類為垃圾信件,重點是您就不需要自己去架設Email郵件伺服器,也不需要花費資源去維護Email郵件伺服器。
將Magento Cloud請求重新路由轉送至另一個CMSMagento Cloud顧名思義就是在雲上運作。意思是他們已經為您配置好所有的網路運作及基礎設施,且它們運作的良好。讓您不用擔心那些事情,且作為Magento開發者,只要專注於開發您的網站即可。自從它開始在雲上運作,您可能無法自由地客製您的nginx、防火牆及其他基礎設施方面。在某些情況下,您需要整合一些第三方系統至您的Magento。舉個例,您通常需要有一個wordpress部落格在您安裝的Magento /blog目錄底下運行。
Magento 各版本深度分析,企業該如何選擇 (ㄧ)講到購物車系統,Magento這個選項在台灣的電商市場上,近幾年對企業商家來說已經越來越不陌生。自從Magento在2018年風光下嫁(被收購)給Adobe後,Magento特殊的靈活性跟不斷擴充的功能,已然在三年後的今天,成為全球數以千計商家首選的頭號電商平台。在Magento不斷演化的各種版本中,最新推出的Magento 2 擁有Open Source(開源版)、Commerce (商務版)和 Commerce Cloud(企業雲端版) 這三大版本; 各自引入了針對不同企業規模獲利所需要的獨特電商功能。 在以下的分析中,歐斯瑞將會詳細比較三個版本,來讓大家了解它們之間的核心差異。
前端開發:使用jQuery實作點擊div以外的地方來關閉它在使用下拉選單或者是彈出視窗的時候、我們常常會需要一個功能:點擊元件外部來關閉元件。在接下來的範例中,我們要示範如何使用jQuery實現點擊div以外的地方來關閉div。首先、我們先準備好html的部份,我們要做一個按鈕和一個div方塊。按下按鈕就可以顯示或隱藏div。並且在div顯示的狀態下,點擊div以外的地方就可以隱藏它。
Magento 2商業版實用功能教學 – 客戶分眾本影片將介紹Magento 2商業版客戶分眾功能。我們將說明為什麼會需要使用客戶分眾、如何從後台建立分眾、如何妥善運用分眾來進行行銷 (如購物車促銷與動態內容)? 若想觀看本文章的影片版教學,請見歐斯瑞Magento 2商業版教學系列
Magento Cloud Cron 不會動的原因Magento Cloud上的Cron不會動?筆者於用Magento Cloud上部屬的網站後台MARKETING->Promotions->Cart Price Rules的Manage Coupon Codes新增完促銷後,點擊Generate後系統留下此提示訊息後就結束了。
2021年 GOOGLE 演算排名 SEO 核心指標 – 累積版面配置轉移 CLS2020年 5 月 Google 發佈排名演算法即將更新,Chrome Team 定義出衡量網站使用者體驗 UX 最重要的三項指標 Core Web Vitals – LCP, FID, CLS。目的是讓網站擁有者能夠量化使用者在瀏覽網頁時的體驗,找出問題所在,並加以優化。並且將依據核心指標影響 SEO 排名,理由很簡單,Google 不希望排在搜尋結果前幾名的網頁帶給使用者不好的體驗。
Magento2商業版實用功能教學 – Page HierarchyMagento官方每隔固定時間皆會釋出版本更新,保障系統品質同時也提供新功能,修復系統Bug並且提供更為強大的電子商務功能。而Magento2 分為商業版以及開源版,商業版使用者往往能夠更早享用官方釋出的新功能,這次要介紹的是商業版新釋出功能 - Page Hierarchy!
POSTMAN Response直接解密的方法先前有介紹過一篇 POSTMAN HEADER直接文字加密的方法,打過去的API傳回來的資料可能是加密的資料(如下圖),每打一次API都要再將回傳的資料再找其他方式解密才能閱讀資料是非常麻煩的事情。所以今天要來介紹POSTMAN Response直接解密的方法。
使用Markdown來編寫APIMarkdown是一種輕量級標記式語言,他具有輕量化、易讀易寫特性,並且對於圖片,圖表、數學式都有支援,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成有效的XML或HTML。API Blueprint是一種Markdown,針對API做了一些改變,也有很多工具支援,讓你極易產生API並且是開源的。
JMeter-網頁壓力測試教學上次我們說到JMeter的安裝,這次來說說網頁壓力測試。一起來看看吧! JMeter壓力測試 主要是指定頁面裡在時間內有多少人進入頁面。 我們先用以下二種做測試: 1. 一秒內10個人進入Google首頁 2. 一秒內10個人進入Google網頁,三分鐘後自動停止
Magento Cloud – 如何在專案中使用Patch進行修正現今在專案中,透過composer安裝第三方套件來使用是極為普遍的方式,使用composer安裝的程式碼是來自網路的公版軟件,也就意味著不可任意修改。而實務上,難免會遇到第三方套件存在bug,且尚未釋出修正。我們無法直接去修改vendor中的程式,因為每次composer更新安裝時,程式就會再次被公版覆蓋掉。針對這樣的修正需求,Magento Cloud在部署過程設計了一個Patch機制,可以在composer install完畢,去執行修改vendor裡特定的程式檔案。
給開發者 – 制定軟體版號作為開發者,對於使用外部軟體套件一定不陌生,有在持續維護的套件,每隔一段時間,就會因功能上的追加或問題修復,釋放出新版程式。在未探究前,我們可能只知道版本基本上是遞增的,似乎又有分大小號。但何時加小號,何時加大號,該如何判斷呢?總會有那麼一天,我們需要自行定義產品發布的版號,今天就一起來認識關於版號使用上常見的慣例與規則吧!
導致訪客離開網站的2021年網站使用體驗隨著網路趨勢的成長與技術的提升,現今多數網站皆會使用各式類型的彈跳視窗,顯示促銷活動、追蹤成效、提供最新消息、確保用戶了解網站所提供的服務等。然而,過多的彈跳視窗反而會對於使用者體驗帶來負面影響,進而導致訪客離開網站,降低轉換率。 那麼常見的網站彈跳視窗有哪些呢?一起來看看吧!
Magento2 新增javascript的windows.checkoutConfig變數在Magento2的結帳頁面是使用knockoutjs渲染製作的功能和特效,而它的購物車、客戶、商品等資料都是藉由\Magento\Checkout\Block\Onepage::getSerializedCheckoutConfig的函數提供,再將它宣告至windows.checkoutConfig裡,讓knockoutjs的model能去取得一些基本必要設定值,但當我們客製化一些新的功能在結帳頁面,想要去新增或定義新的windows.checkoutConfig值該如何做呢?
Web Share API 網頁分享功能Web Share API 是現代瀏覽器提供的功能之一,它讓網頁的使用者能夠體驗到和原生 app 完全相同的分享體驗。以下我們分成三大主題來為各位介紹 Web Share API 的基本使用概念,什麼是 Web Share API呢?Web Share API 的限制是什麼呢?Web Share API 要如何使用?
Illustrator教學 用AI做出霓虹燈效果今天Astral Web要與大家分享用Illustrator做出霓虹燈文字的效果,一起來看看如何操作吧! ※本教學使用Adobe Illustrator 2021 25.2.1版本 霓虹效果不僅可以用PS做出,簡單幾個步驟AI也能做出類似效果歐。
XSS 檢測工具 XSStrikeXSStrike 是以python寫成的Cross Site Scripting注入檢測工具,他會使用多個解析器來產生有用的paload來去測試,他還包含爬蟲測試、參數查找、模糊測試、防火牆檢測功能掃描DOM XSS,下面我們來講解如何安裝與使用。
前端開發:bootstrap-table.js的中文化設定bootstrap-table.js 是一個以bootstrap為基礎的表格外掛。可以對表格的資料進行排序、分頁、查詢等等。這篇文章要簡單的介紹如何設定bootstrap-table.js的中文化呦!因為bootstrap-table.js是以bootstrap為基礎開發的套件,因為我們必須先載入bootstrap。另外bootstrap-table使用了font awesome作為預設的圖標,因此我們也需要找入font awesome.一起來看看吧!
Photoshop【超簡單系列】保留細節2.0放大由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享在有限度的範圍或照片款式內,讓圖片放再大也不會變模糊。 ※本教學使用Adobe Photoshop 2021 (v22.3.0) 製作
Magento1 與 Magento2擴展模組介紹此篇文章介紹給已經開發過Magento1轉開發Magento2的技術人員,或是反之Magento2轉開發Magento1的技術人員,來比較Magento1和Magento2之間擴展模組目錄的結構差異呦!
Photoshop【超簡單系列】天空取代功能由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享內建的天空取代功能,如何秒速更換天空景色,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整
POSTMAN HEADER直接文字加密的方法做API需求舉例,Stamp會需要拿RequestBody去做加密,但如果每一次都要將如果要修改RequestBody那麼同時也會需要以下面的加密方式再將SHA128(Base64Encode(RequestBody))寫回去Header裡的Stamp,而時間戳也要馬上產生,這樣每打一次API都要再重新加密是非常麻煩的事情。那要如何改善呢?
Illustrator教學【入門篇】物件重複圖樣功能以往我們在做圖樣的重複排列或放射狀組合時,總是需耗費大量時間在排位置或是喬角度,這次推出一個自動化的功能,自動產出重複圖樣縮短了製作上的時間。今天Astral Web要與大家分享Illustrator的物件重複圖樣功能,分為放射、格點與鏡像呦!一起來看看如何操作吧!※本教學使用Adobe Illustrator 2021 25.1版本
使用submodule管理git子專案使用Git來管理程式版本,身為開發者一定不陌生。在Magento專案裡,如果遇上原生不支援的功能,我們會自己開發模組,如果這個模組被設計可通用於不同專案,那麼集中一個地方去開發,肯定是較好的維護方式。今天要跟大家分享git本身即有功能可達到此目的,透過submodule的建立,一個模組專案,可以被安裝在不同Magento專案之下,一旦模組有更新異動,各專案可自行同步到最新程式,一起來看看吧!
從MAGENTO後台建立attribute需要注意的事項曾經使用過attribute的讀者們,可能對本篇比較熟悉,也比較能理解呦!在後台建立attribute時,是否遇過以下問題呢?本篇文章要與大家分享從Magento後台建立attribute時,需要注意的事項喔!一起來看看吧!
Magento 2 如何改善所見即所得WYSIWYG 無法順利順暢中文之問題本篇要來向各位介紹如何改善所見即所得WYSIWYG無法順利順暢中文之問題呦!所見即所得是什麼呢?又要如何改善其中問題呢?話不多說,繼續往下看看吧!什麼是所見即所得 (WYSIWYG)?即見即所得 的英文名稱縮寫是 WYSIWYG (What You See Is What You Get),是可以讓用戶直接透過圖形化的使用者介面 (Graphical User Interface, GUI) 來編輯網站頁面,而不需自己寫程式碼。雖然WYSIWYG 可以讓你方便來製作網頁,但常會程式碼不夠有彈性或不簡潔的缺點,因此仍然要俱備自己親自撰寫程式碼的能力
Magento 2 Theme – Magento前端也能套版嗎?(下)Magento為市面上提供高度彈性以及客製化程度的電子商務開發系統之一,也因為其系統架構較為複雜且繁瑣,市面上所提供的theme套版方案也較為少見,本篇文章所要介紹的為市面上 envatomarket Theme銷售平台中,銷售排行第一名Theme Porto Theme。就讓我們往下看看吧!
Magento 2 Theme – Magento前端也能套版嗎?(上)在全球受到疫情侵擾無一倖免的肆虐下,為避免疫情擴散各地紛紛展開了居家隔離政策,全球各地的生活模式也遭受強烈的變革。然而電子商務產業因應疫情事態反而逆向而行,在疫情肆虐下開展網路通路成為各行各業的另一出路。其中縮短上線時間的秘訣之一,即是利用前端套用固定版型方式達成縮短開發時程目的。Magento為市面上提供高度彈性以及客製化程度的電子商務開發系統之一,也因為其系統架構較為複雜且繁瑣,市面上所提供的theme套版方案也較為複雜。本篇文章所要介紹的為市面上 envatomarket Theme銷售平台中,銷售排行第一名Theme Porto Theme。
Magento 2: 如何在表單欄位中新增 placeholder儘管 Magento 2 採用 KnockoutJS 開啟了現代前端功能的可能性,但較於抽象的概念間接提高新的挑戰,在表單欄位中添加 placeholder 不再像打開 HTML 那樣簡單。 在這裡,我們將解釋如何將 placeholder 添加到 Magento 2 表單中。
Shopify 網站密碼設置今天跟大家分享新手在Shopify網站上線前如何不讓人輕易的看到網站內容等資訊,可以使用密碼,在進網站前會被要求先輸入正確的密碼才能進入,只讓工程師等設計網站的人知道密碼,這樣就可以進行網站維修或更新了。 如何設定呢?!只要跟著以下步驟一步步做,其實很容易就可以完成囉!
如何修改Magento2 Increment Id今天要來介紹修改increment id,在Magento2裡不管是訂單、發票、配送單還是退款單都會有increment id這個欄位,這個欄位就是用來當流水號用的,但為什麼會需要修改這個欄位呢?很多時候在與第三方平台串接時候,都會以increment id當作對接的唯一值,在開發的期間又會有local、test、staging、production各種不同的對接通一個第三方平台,此時就會發生第三方平台收到同樣的increment id導致錯誤,無法繼續進行下去,因此去修改increment id前綴開頭號碼,是最為快速的解決方法!
使用Google帳號快速登入Shopify後台今天跟大家分享新手如何使用google帳號輕鬆登入Shopify商店的後端。假如您公司的Email也是使用Google Apps。Google Apps會做什麼呢?基本企業版Google服務的付費版本以及允許您使用所有集中式Google正確的服務,例如:Gmail、Google雲端硬碟等。因此,如果您有一個電子郵件地址正使用Google Apps,那麼您可以更輕鬆地重新登入。如何設定呢?!只要跟著以下步驟一步步做,其實很容易就可以完成。
Magento2常用原生計算順序紀錄在購買商品時,將商品放入購物車後的一整段結帳流程,有時有折扣,有時要加稅或免稅等等...你們知道這些是如何計算的嗎? 本篇就要來介紹結帳流程時,常會需要插入一些原生沒有的計算折扣或稅,在此我們將所有原生的節點提出列表,整理給需要的人,繼續往下看吧!
運用YOTPO讓消費者為品牌發聲選擇投入電子商務的你,勢必會有個疑問:要如何提升轉換,讓流量變成營收? 這個問題我們可從許多面向探究,包含網站的視覺設計、內容經營、使用動線、行銷組合...等等,網站上的每個細節,或多或少都會影響消費者的購物體驗,進而成為轉換的助力或阻力。 想在潛在客群猶豫時給予適當的推力嗎?我們可以在網站上適時地加入消費者的評價資訊,提升瀏覽者對品牌或新產品的信心。畢竟,有時候相較於品牌的官方說法與精美圖片,消費者更相信真實的評價資訊。今天和大家分享一個顧客評價資訊的整合服務 --- YOTPO,一起來看看吧!
Magento 1 Vue Storefront 環境建置(中篇)Magento 1 Vue Storefront環境建置系列又來啦!還記得我們在上一篇文章中提到什麼嗎? 在上一篇magento 1 Vue Storefront 環境建置(上),我們建置了基礎的環境,這次我們要來建置Vue Storefront與Vue Storefront Api。那就跟著以下步驟,一起來試試吧!
Magento 1 Vue Storefront 環境建置(上篇)Vue Storefront發送請求Vue Storefront Api決定連結之後端,並處理資料來源,有可能來自magento端或cache或elasticsearch或是其他平台。Vue Storefront的環境建置有兩種:你可以選擇使用docker與cli與是手動灌所有的程式。今天我們先以手動安裝的方式來進行,有助於了解整個架構呦!跟著以下步驟試試吧!
Magento2:如何正確更新靜態內容Magento2 網站更新CSS或Javascript之後、偶爾會出現無法顯示更新的問題,底下要跟大家分享如何正確的部署靜態內容呦!當我們更新網站之後,偶爾會出現無法顯示更新的問題,有時候就是因為這組數字沒有跟著更新。那我們又該如何確保版本的數字會更新呢?一起看下去吧!
Magento 2 引用 Popup Modal與 Magento 1 相比,Magento 2 讓許多前端 Modal 的使用變得更加容易,特別是在 Popup。 Popup 是一種很好的行銷策略,可立即發出號召性用語,吸引訪問者的注意力並與他們進行深入互動,讓對方更具好奇心的探索網站。 Popup 也可以是提示使用者網站流程的資訊來源,因此經常被各網站使用。 本篇文章,我們將學習在 Magento 2 中創建 Popup。
Shopify 免運設定教學運費在國外多數是使用者付費,但在台灣的電商或是網路購物常有消費滿X元就可以免運費的活動,刺激消費者盡快下單,這就來展示如何使用Shopify建立免運費。 今天就來做這個範例:購物車滿50元則免運費。
Adobe XD教學【入門】新版3D立體功能 – 讓網站更具互動性今天Astral Web要與大家分享Adobe XD 3D元件的運用,一起來看看吧! 此功能非常簡單,只要選擇物件後,再點擊右方工具列“3D Transforms按鈕” 即可使物件自由拖曳物件的垂直與水平方向。以下會透過實例讓大家更加了解 ※本教學使用Adobe XD (v35.1.12.5) 製作 (3D功能版本至少v34.0.12.33)
Shopify 建立標籤今天我們來聊聊Shopify標籤。標籤是可以標記信息後讓我們輕鬆搜尋資訊,這是它的簡單概念。可以使用在哪呢?訂單/商品頁/客戶/Transfers/Blog等等都可以加上標籤,這邊用訂單和商品來做示範。
Magento2 開發 – 使用 Plugin 改變原生行為(二)上回帶大家實作before的Plugin,用來改寫傳入的參數值。今天要探究的是最常被使用到的around Plugin,因為它可以直接覆蓋掉目標方法裡的邏輯行為,是普遍的客製需求所在,所以實做變化較多,話不多說,直接進入主題!沿用上回範例,我們以虛構類別 Magento\Example\Model\SummaryAmount.php來覆寫,不過這回稍微為目標方法增加了額外行為
Adobe XD教學【入門】Overlay疊加效果今天Astral Web要與大家分享Adobe XD Overlay疊加效果的運用,一起來看看吧! ※本教學使用Adobe XD (v35.1.12.5) 製作 這次要教大家的是很常會用到的疊加功能,可以針對重複性高的做使用,例如:彈跳視窗、打字鍵盤或是下拉選單都能使用。 首先把按鈕製作成組件,再來先把要彈跳出來的物件做出來,並擺到理想顯示的位置。
Magento2 翻譯語言包權重當我們製作好翻譯語言包後(還不知道如何製作翻譯包的讀者可以點此連結: Magento2 建立中文翻譯語言包),在Magento專案上有一些地方可以放置這些翻譯語言包,而這些放置的地方會影響到語言包讀取的權重,進而影響翻譯的結果,所以各位讀者需要好好的了解,才能準確無誤的翻譯到所需的字串。
Magento Translation Inline功能介紹適用版本: Magento2.3以上。Magento後台裡有Translation inline的功能,將它開啟可以使有設定翻譯字串的文字進行線上翻譯功能,那要如何使用呢?讓筆者按步驟來介紹。(注意!!此功能只在developer mode時候能使用)
Magento2 開發 – 使用 Plugin 改變原生行為 (一)Magento 提供多種覆寫方法便於開發者進行客製,今天我們要介紹的方式- Plugin,是屬於較小範圍的改寫。 這種覆寫方式,會針對某個特定的類別,改變其所屬方法(method)的實際行為,而置入客製程式的方式,則依置入點細分三種: 方法之前(before),與方法當中(around) ,方法之後(after)。每種方式概念相仿,細節有異,今天要實際帶大家先了解的是 before Plugin的實作。 我們知道一個function會有輸入參數跟輸出值,before就是針對輸入的的參數去包覆客製行為,也就是說,可以在參數傳遞進方法被執行前,對其值進行調整。
電商小學堂-開店選擇App還是網站網路的方便性大大的改變了使用者的生活模式,生活的疑難雜症在詢問Google後彷彿都能獲得解答,資訊傳播的無遠弗屆相對於傳統的銷售通路也是不斷地在打破實體通路的邊界。電子商務大力重棒地影響了各行各業的經營方式,小至販售泡菜的零售商大至電商龍頭之一Amazon,愈來愈多行業別因應著全世界消費習慣的快速變遷而跳進了這塊看似沒有上限的電商產業。 在亞洲消費模式多樣性以及五花八門的行銷策略影響下,開一家網路商店對於初出茅廬商家來說,常常搞得頭昏眼花不知如何下手,今天就讓我們從網路上最常見的兩種使用上相似卻有明顯差異的平台來討論吧!
如何在Magento2 system config設置加密欄位今天要來介紹如何在Magento2將資料加密再存入core_config_data 資料庫表格裡 為什麼需要加密資料呢? 有些資料是敏感性、隱私性高的資料,像是與第三方廠商合作,串接系統時候,通常都會有非公開的API需要以一些金鑰、密碼值進行認證,像這類的資訊在後台填寫時候和存入資料庫時候就應該被加密,就可以預防有權限直接存取資料庫的管理者,也無法拿到金鑰和密碼。 讀者在實作前,應已知如何設定system config data的前提下來進行,如果還不知道如何設定,請詳見此篇Magento 2 資料設定欄位的方法。
Adobe XD教學【入門】響應式輔助工具-Responsive Resize應用今天astralweb要與大家分享Adobe XD在製作響應式縮放時的輔助工具,可以省去不少時間喔,一起來看看吧! ※本教學使用Adobe XD (v27.2.12) 製作 ※操作本教學前建議看看之前的其他篇喔 在製作響應式畫面的時候,會需要將特定區塊作縮放,Adobe XD的Responsive Resize可以依照響應式自動縮放,雖然不能完全符合各種需求,但是已經算是一個不錯的輔助工具。
如何在Win10上用WSL2建立Linux環境在許多情況下,開發者必須使用Linux進行作業(包含Magento),但對於台灣Windows占比如此高的國家,該如何有效的切換Windows與Linux呢? 今天的文章就來與大家分享如何在Windows上使用Linux。
Adobe XD教學【入門】轉存檔案一次搞定-批次匯出今天Astral Web要與大家分享Adobe XD轉存jpg、png、svg、pdf檔案,並且能批次處理,該如何操作呢?一起來看看吧!※本教學使用Adobe XD (v27.2.12) 製作※範例來源:Adobe UI kits - XD wireframe kits
運用 Axure Repeater Widget 優化 Prototype網站開發時,有沒有過這樣的經驗...網站提案階段設計師提出美美的設計稿,但在開發完成後,卻怎麼看起來不太一樣? 通常這樣的情形容易發生在動態生成的頁面,實際串接的資料樣貌,會影響最終頁面的長相。 也因此,在規劃網頁結構時,我們會期望能將實際的資料納入考量,盡可能讓 Prototype 更接近實際的使用需求,藉此減少開發後期來回溝通、修調版面的人力成本。 今天讓我們以電商平台的產品列表頁舉例,簡介如何使用 Axure 的 Repeater Widget 製作Prototype,藉以及時確認並優化規劃內容。
活用Axure Dynamic Panel讓Wireframe動起來在網站規劃過程中,必定會需要與團隊或是客戶溝通製作細節,除了盡可能運用文字詳細描述外,也可使用原型設計工具添加動態,輔助溝通與理解。 在使用 Axure 繪製Wireframe 時,可以選擇以 Dynamic Panel 表現不同使用情境下網站內容的變化,像是切換頁籤 (tab)、顯示彈出視窗 (pop-up)、顯示/隱藏網頁元素等 。 今天,讓我們以切換按鈕舉例,簡介如何活用 Dynamic Panel 讓 Wireframe 動起來。
無頭電商模式如何實現繼之前發表文章中介紹了什麼是無頭電商(無頭商務崛起 – 電商銷售新革命),本篇將更進一步探討無頭電商模式的架構與優劣點。無頭電商的核心概念簡單來說就是將前台介面的呈現和後台服務進行解耦的一種架構。後台以 API 的方式提供服務,前端所見與後端分離。沒有前端表現的介面,只剩下一堆 API 接口,這就是所謂的無頭電商。看到這工程師們都很容易聯想到,這不就是前後端分離技術。
使用Certbot安裝Let’s Encrypt為了網站的安全性與更好的SEO排名,實踐SSL已經是必須的配置,Let’s Encrypt提供免費的SSL憑證,只要證明我們是網站的持有者,就可以免費申請。但Let’s Encrypt的證書每隔一段時間便會過期,方便的是,一個免費的開源工具Certbot,它提供可以自動執行憑證的頒發、安裝,而且操作步驟相當簡易,省去了煩雜的設定時間。下面將與各位分享,如何在LINUX ubuntu 安裝Certbot。
在Magento利用人工智慧來進行產品推薦Magento因其複雜且全面的線上商店配置而聞名,它可為客戶創造高度客製化的購物體驗。你可能已經從Magento 1的早期版本中注意到,它為客戶提供了某種 “產品推薦工具”,網站管理者可以在Catalog的相關產品、加價銷售和交叉銷售中進行配置。但這不是我們要討論的產品推薦工具。來看看這次要介紹什麼吧!
在Magento利用人工智慧來進行數據分析延續先前的 在Magento利用人工智慧來提供客戶服務,在本文中,我們將對人工智慧如何幫助您從Magento數據中獲得更多資訊(包括銷售、產品甚至客戶行為)進行一些說明。 自成立以來,Magento一直為網站管理員提供完整的分析和報告功能而聞名,從Magento 1開始,它為網站管理者提供了各種報告,可以幫助他們做出更明智的決策。儘管我們知道Magento提供了幾乎所有我們需要的全面報告,但是這些報告是從Magento數據庫中提取的原始信息,單從字面上看,就像我們以前在會計賬簿中使用的報告一樣,只是位置換到了一個名為Magento的新介面。
在Magento利用人工智慧來提供客戶服務延續先前的 電商世界裡的人工智慧 ,在本文中,我們將說明如何可以僱用24小時的人工智慧服務,來隨時處理您的網站上的客戶問題和投訴。 智能機器人通常是與網站切割的第三方服務,它提供的功能可以像人一樣與您的客戶進行互動,雖然Magento原生系統相當強大,但與其它網站一樣,它的內建系統並不包含此功能,因此您需要安裝第三方擴展並註冊其服務。在magento市場中,有很多解決方法可選擇:https://marketplace.magento.com/extensions/customer-support.html?q=chat
在假期前準備好你的商店我們很高興的宣布最新版本的 Magento Open Source2.4.1, Security-Only Patch 2.4.0-p1 plus Magento Open Source 2.3.6 已正式發行,此更新包含重要的安全性及效能更新,我們強烈建議您在假期之前,儘快升級來確保您的網站保持安全性、合規性及優化,以達到最佳的網站性能。
Google Chrome 洩漏密碼檢查教學經常上網註冊、登入帳戶的使用者們,想必也有遇過密碼遭暴露的情況。密碼遭洩漏時怎麼辦?先別擔心,只要做好即時的密碼變更便可避免帳戶盜用的情況。Google Chrome瀏覽器針對已保存於Chrome中的密碼進行檢測,讓使用者們在第一時間變更已遭洩漏的密碼。 本文將針對Google Chrome瀏覽器中所推出的密碼檢查 (Password Checkup) 更新進行教學與介紹,幫助您即時更新任何遭洩露的網站密碼。
Adobe XD教學【入門】比複製更好用的工具-重複網格應用今天Astral Web要與大家分享Adobe XD重複網格(Repeat Grid)的應用,一起來看看吧! ※本教學使用Adobe XD (v27.2.12) 製作 在UI/UX設計中,我們有時候會需要建立數個相同區塊或是相似區塊,例如商品列表、文章列表等,當要修改時就會變得非常麻煩,而重複網格(Repeat Grid)可以透過連動的方式來做調整喔!
Magento2前端開發:使用PHP TIDY來補齊或移除不完整的HTML TAGMagento2 後台的wisiwyg編輯器有防呆的機制,會自動修正使用者輸入的html,可以避免產生不完整的html tag。但有時候我們需要匯入一些資料,或是同步一些外部資料進來,這些匯入或是同步來的資料就有機會夾帶一些不完整的html tag,進而造成網頁的大破版,所以就算後台有再堅強的防呆機制,都沒辦法防止。因為他是不通過後台的!
開始使用JIRA:管理你的用戶資料管理用戶 Manage Users 第一步,你需要先設定用戶,從你的個人用戶開始,把所有會進入你JIRA Cloud中的成員一一設立。作為JIRA管理員,你將可以新增、移除、與編輯多位用戶,並且針對每一位用戶可以指派至不同群組、專案角色、與應用程式中;你的Atlassian網站內的所有應用程式皆使用一鍵登入,團員們不需要使用不同帳號登入多種如Confluence的應用程式。
Shopify新增折扣碼教學在網路商店上,店家會做促銷或是給消費者優惠卷,來增加消費者想要繼續購物的慾望,而在Shopify裡,銷售人員該如何創建促銷優惠卷代碼和自動折扣等促銷呢?跟著步驟一步步做,很容易就可以完成囉!
如何正確清除Magento2的CacheMagento2包含多個不同類型的Cache,各自負責不同的工作,當工程師在進行開發時,也必須適當在客製化功能內加入Cache,以確保網站效能。明白這些Cache類型的含意之後,就知道如何各別清除Cache,而不需要每次都清除所有的Cache,如此一來就可以有效的降低清除Cache之後,產生新Cache的等待時間,開發效率也會因此有所提升。
Shopify 新增訂單備註欄位教學假設我們把產品加入購物車,在購物車頁面,消費者有些話要備註給賣家一些注意事項,例如:到貨時請交給一樓的警衛大哥、或是指定時間-白天送達才有人能收件等,我們可以在Shopify後台中把訂單裡的備註欄打開。只要跟著以下步驟一步步做,其實很容易就可以完成。
Magento2 開發 – 正確實作API回應內容在客製Magento時,有時會遇上需要擴充API端點來支援前端取資料或第三方的串接。API的擴充,會先新增API介面 (Interface),將其與路徑關聯在webapi.xml,再實作對應的類別 (class)並設定在di.xml。每個API端點對應到該類別的一個方法 (method),API回應的內容,取決於那個方法所吐出的值。
歐斯瑞所開發的 Shopify APPs先前有提到歐斯瑞開始提供Shopify客製服務,從網站設計、開發、到APP客製化,交由我們一手辦理,為您打造企業級的訂製解決方案!除了Shopify建置外,歐斯瑞更推出了Shopify APPs套件,提供商家近一步的選擇,透過這些小工具讓您客製您的網站。下方提供歐斯瑞所推出的APP簡述,一起來瞭解吧!
Adobe XD教學【入門】滑入效果也能批次調整-用組件製作按鈕的滑入效果今天Astral Web要與大家分享Adobe XD如何使用組件製作滑入效果,並能透過組件來批次修改,一起來看看吧!(※本教學使用Adobe XD 2019(v25.1.12) 製作) 還記得我們之前教過的建立組件的方式嗎?組件內還可以用來顯示不同狀態喔,如果沒看過之前文章,建議先參考歐斯瑞所撰寫的其他篇Adobe XD教學。
評測Shopify中最快的主題Shopify在建構時有許多現成的模板主題可以供選擇,而網站模板主題是一種即用型的網站設計,您可以將其下載並安裝到現有網站上。讓你在幾分鐘內就能為商店創建好基礎。在過去的一年中,我們許多的Shopify客戶真正關心的是各網站主題的速度及對設備的友好程度。 2020年的重頭戲是擁有快速的網站,谷歌也在推動更快的網站績效。因此這次我們幫大家從兩個面向評測了Shopify網站中的所有主題,使用了 GTmetrix 和 Google Page Speed 兩個工具,且每一個主題包皆通過了 Google Mobile Testing Tool 的測試。此外,Astral Web 也提供網站速度加快的服務,若有相關需求歡迎隨時與我們聯繫。
TapPay – 更貼近一頁式結帳的第三方金流選擇現今只需要低著頭在小小螢幕中藉這手指頭輕鬆滑動,即可瀏覽購買各式各樣的商品,比起搭乘手扶梯一層一層的在百貨公司駐足,網路購物已成為滿足購買慾望、添購生活用品的主流渠道之一,在社群自媒體的催化下電子商務平台如雨後春筍般顯露,爭取著塊深不見底的商機大餅。在打造電子商務平台時,購物流程中的金流是必不可少的流程,開發商可選擇自行串接金流或是與第三方金流廠商合作 (可參考Magento金流串接服務),本次要介紹的金流服務商為TapPay。
Shopify 密碼保護功能今天要為大家介紹Shopify內建的密碼保護功能。密碼保護功能會限制一般人瀏覽您的前端商店,但不影響後台管理者操作。當您的網站準備上線,但還未開放時,您可以設定這個功能,僅開放權限給能夠訪問您商店的客戶檢視線上商店。
Magento1 新增預設的Email Template在Magento你可以使用 Transactional Emails 新增/修改 你的Email,或者你可以建立一個屬於你的模組至default template,讓你的template留存於Magento內。讓我們看看該如何實作吧。
Sass Map的使用本篇文章將來教大家關於Sass Map的應用,來提升工程師在開發與維護程式時的品質,跟著歐斯瑞手把手的教學,一起來看看吧。
Shopify 頁面管理功能Shopify是電商平台,當然少不了註冊、登入、商品、購物車和結帳等基本頁面。但今天講的頁面管理比較像是CMS靜態內容頁面,例如:About Us (連絡我們)、關於我們、促銷活動、隱私條款、說明頁面之類的,想要透過網站向客戶說明的頁面;就是我們今天主要的主題。今天歐斯瑞將分享怎麼去建立和管理這些頁面。
CSS 預處理器 SASS、LESS 介紹CSS 預處理器產生了一種新的語言,而核心理念是用一種專門的程式語言,為 CSS 增加一些程式設計的的特性,無需考慮瀏覽器的兼容性問題,例如可以在 CSS 中使用變量、簡單的邏輯程序、函數等等,讓開發者就只使用這種語言進行編碼工作。簡單來說,CSS 預處理器用一種專門的程式語言,進行 Web 頁面樣式設計,然後再透過編譯轉為正常的 CSS 文件。
Laravel 7 中的新元件雖說 Laravel 6 短期內仍會被多數大眾所用,然而使用 PHP 程式語言撰寫而成的框架 -- Laravel 7 近期的來臨,讓我們來學習 Laravel 7 可為專案的開發帶來什麼效益吧!Laravel 7 中的一個新功能為元件標記 (component notation)。有兩種方法可使用元件 - 「層級」或「匿名」,而本文將針對「層級」來做介紹。
Magento 1 的 getOrigData 使用方式在Magento後台儲存資料的時候,時常會需要判斷修改前跟修改後的資料,去決定要做什麼動作。Magento的model有提供一個function叫做 ”getOrigData”,這個function可以取得model的原始的值,可以跟 set過後的model的值做差異性比較。
Shopify 建立購買按鈕什麼是購買按鈕?把商品的購買按鈕顯示在其它網頁或部落格網站上,當客人在瀏覽你的部落格時就可以看到商品並點選「購買按鈕」下單,很方便使用。「購買按鈕」要怎麼運用呢?!設定好購買按鈕,Shopify會自動幫你生成編碼,你就可以直接copy編碼,新增到其它網頁或部落格網站上,這樣就完成了。 讓我們一起設定「購買按鈕」吧!
NGROK-Debug的救星今天要介紹的是NGROK這個服務,它可以讓外網的人存取你區網的網頁伺服器,好處是什麼呢,你可以在你的本地端測試聊天機器人(Chatbot)或是API(信用卡、物流等等),不用要求一定要把程式碼推到有PUBLIC IP的測試站上去測試。以下我們將一步步介紹NGROK服務,一起接著看吧!
Magento Geo IP 導向指南在多國多語系的網站架構下,往往有個需求是希望使用者第一次進入頁面時,可以自動進到該地區對應的語系頁面,而Magento商店上也有許多的套件可協助滿足此需求,但本篇文章要來介紹如何在沒有套件的支援下,自行將使用者導向到所屬地區的語系頁面。
Shopify URL 轉址操作教學為什麼要進行URL轉址?!好處是什麼呢?轉址的用意是將舊的網頁轉指向新的網頁。使用新網址會使搜尋引擎會重新評估,也會影響搜尋排名。所以這時最好是做轉址,將之前的流量和成效轉向到新的網址。當網站需要進行改版或搬家,但想保留原網址的關鍵字成效,則需使用轉址的方式來確保舊網址連結到新頁面,持續提升SEO。
為何你的品牌需要商品資訊管理系統PIM您曾經有將同一個商品的不同的產品資訊分別發送給零售商以及批發商的時候嗎?例如marketplace?還是ERP或其他內部系統呢?亦或是您正在運行中的電子商務網站呢?Akeneo可幫助您保持產品資料的準確性跟組織性。它可以處理大量資訊-SKU、圖像、產品描述、技術資料、法規資料和其他屬性。即便您的平台擁有數十萬種產品和多個分銷管道,Akeneo 也能處理這一切。
Shopify 網站選單管理教學在一個電商網站中,選單扮演者很重要的角色,它能引導了網站用戶找到相對應的頁面,也是商家用來介紹自己商品的主要手段之一。今天要來跟大家分享如何在Shopify商店編輯選單,只要跟著以下幾個簡單的步驟來操作,就可以完成。若想觀看本文章的影片版教學,請見歐斯瑞YouTube教學系列。
歐斯瑞 x Linode歐斯瑞有榮幸的在2020年5月時正式成為 Linode 的合作夥伴,提供我們的客戶更完善的伺服器託管服務。身為全球知名且規模最大的虛擬專用伺服器 (Virtual Private Server) 供應商,Linode 提供各類型的企業一個雲端主機伺服器託管的選擇。有別於其他伺服器託管商,Linode 所提供的介面與功能,對於開發人員較為友善、更能輕鬆使用。而對於企業而言,Linode 收取費用的方式不僅淺顯易懂,也可依網站所需的CPU、所需空間等進而選擇最合適的月繳方案。企業們也可依需求選擇鄰近使用者們的虛擬機位置,加快網站速度。
Magento2 開發 – 如何使用API的搜尋條件 “searchCriteria”我們在客製Magento時,多少會遇到需要與其他系統串接的需求。也許是Magento作為主動方去要資料,也可能為被動方被呼叫。Magento本身已有提供restful API,而這些API的使用方式,官網中都有基本說明,像是功能端點(endpoint)、HTTP方法(method),以及傳送的參數與回應格式。這當中仍需要開發者再花時間探究的,筆者認為當屬 “搜尋參數-searchCriteria”。一起來看看更詳細的說明吧!
前端開發:如何隱藏數字輸入框的小箭頭又來到了歐斯瑞的前端開發教學系列,今天要與大家分享如何使用CSS隱藏數字輸入框的小箭頭,並附上codepen範例方便讀者們做使用,一起跟著我們來學習吧!
Magento 2 結構化資料設定教學什麼是結構化資料?為何要做結構化資料?我們在之前的文章結構化資料(上)- 簡介 已有分享過,有興趣了解的讀者可以在點擊連結快速了解一下。今天要來跟大家分享在電商平台上,如何設定/使用/測試 結構化資料,本篇文章將用Welt PIXEL的Magento 2 Rich Snippets 來講解,進行相關結構化資料的應用分享。
歐斯瑞2020中部新創力爆發 – 智能展望大未來疫情解禁!報復性旅遊!? 但今天我想來點電商創業與全球跨境趨勢!歐斯瑞創辦人 - 鍾寧,受邀參與【2020中部新創力爆發-智能展望大未來】創媒合暨展示會,分享中大型企業在全球佈局下之電商趨勢,以及如何突破一般思維抓住先機。把握機會就在這禮拜! ※時間:2020/06/18 (星期四) 13:00~18:00 ※地點:台中市科雅路6號 (中部科學園區智慧機器人自造基地) ※指導單位:經濟部中小企業處
AWS CodeDeploy 佈屬你的網站,簡單又快速DevOps在當今是個流行與受歡迎的角色與文化,大部份工程師或多或少也都會碰到架構與佈署的問題。而在佈署程式碼一定也聽過各式各樣的方式,尤其是在尚未建立完善的CI/CD流程時,像是直接上SERVER下git pull、利用rsync、甚至用ftp上傳、或是其他不同方式以及各種互相搭配等等。以下本文及流程將使用CodeDeploy來做說明。
PWA(Progressive Web Apps)主要架構 – Web App Manifests本篇開始我們將以實際案例作為範例,帶大家初步了解 PWA 各種核心技術,包括 Service Workers 和 Web App Manifests 並搭配 Cache Storage API、IndexedDB 和 Push Notifications 等等。PWA 最主要仰賴兩支檔案 manifest.json 以及 Service Worker,而我們就從最簡易的部分 manifest.json 著手。Web App Manifests 為一個 JSON 格式的檔案,根據MDN上的解釋,它提供了下載 PWA 的必要資訊,讓網頁呈現近似 Native App,從而為使用者提供更快速的訪問和更豐富的體驗。
電子商務網站必備功能趨勢 – 社群媒體快速登入 Social Login打開手機,根據使用者不同的目的,在輸入關鍵字點擊搜尋後印入眼簾的網站琳瑯滿目、選擇眾多,電子商務為了記錄使用者的消費行為,不光是網站連同Apps皆需要使用者登入該網站會員系統,使用的平台愈多使用者需要記下的帳號以及密碼往往成為令人頭痛的地方。全球社群媒體的使用率居高不下,擁有智慧型裝置的使用者幾乎等同於他/她有使用社群媒體,社群媒體快速登入因而成為了解決快速註冊/登入的最優解法。此篇文章為分享該如何在社群媒體開發平台上,申辦快速登入的頻道或是應用程式,往下看吧!
服務水準協議 (SLA)服務水準協議(英語:service-level agreement,縮寫SLA)也稱服務級別協定、服務等級協定、服務水平協定,是服務提供商與客戶之間定義的正式承諾。服務提供商與受服務用戶之間具體達成了承諾的服務指標——品質、可用性,責任。SLA最常見的組成部分是以合同約定向客戶提供的服務。
如何在Magento2使用AkeneoAkeneo PIM 可以集中管理產品的數據,讓你的產品資料同步至各個系統中。上次與大家分享了如何手動安裝社群版Akeneo PIM,那麼今天要接著介紹如何透過幾個簡單的指令在Magento中使用Akeneo。
開始使用JIRA:使用者介面經過前幾次的JIRA系列分享,到目前為止你應該已經熟悉JIRA雲端的介面與操作,那麼本文將針對介面中一些你不可不知的小工具與功能介紹,讓你根據你的團隊需求,為你的JIRA進行客製化,滿足你的團隊需求。
Chrome 宣吿關閉 Chrome Apps 將全面由 PWA(Progressive Web Apps)取代而 Google 在 2018 年宣布,將由 PWA 逐步取代 Chrome Apps,同時在新版瀏覽器內建功能,可將 PWA 一鍵封裝成一個 Chrome 桌機版的應用程式。但為什麼 Google 會做出重大轉變?原因在於 PWA 可提高加載速度、離線工作、添加至主螢幕、全螢幕執行、推播通知消息等特點,Web 體驗強於 Chrome Apps。 加上不同於 Chrome Apps 僅能跑在Chrome 上,PWA 則可以跨平台、跨瀏覽器執行。
狂賀!歐斯瑞YouTube頻道突破百萬觀看次數!感謝各位多年以來的支持,歐斯瑞美國YouTube頻道已突破百萬觀看次數!幾年來,我們分享了許多Magento相關系列的教學影片,近期也推出了一系列的Shopify教學影片。若您有想要觀看的相關影片,請不吝與我們聯繫,我們可為您製作相關的教學影片唷 (中/英文皆可)!
小型企業福音,臉書推出全新 Facebook Shop隆重介紹 Facebook Shops 粉絲專頁商店!Facebook Shops 於5月19日推出讓企業可在 Facebook 及 Instagram 中快速架設一個線上商店,使顧客們透過 Facebook 和 Instagram 購買商品,而過程也相當簡單,更重要的是它完全免費!你可以從建立好的產品目錄中選擇出主打商品,再加上封面圖片及色彩點綴來客製化自己的品牌風格。這代表著任何商家,不論商家的大小和預算,隨時隨地都能將你的事業搬移至線上銷售。
Zendesk Support Automations 功能介紹 (一) 新增自行運行程式Zendesk 為雲端客服系統的領導指標,提供各種與客戶服務相關的軟體解決方案,來協助各種大小規模的企業,執行複雜的客服業務。而其中,Zendesk Support 的自行運行程式 (Automations) 可定義條件和條件會觸發的操作行為,來促使工單屬性的更新,並也可選擇給客戶和支援的人員寄送電子郵件通知。自行運行程式 (Automations) 是根據時間的條件,僅會在您所設定的時間條件滿足後才會執行操作更新,因此,當您想要根據所設定的時間去自動觸發特定行為、評估您的工作流程是否有任何步驟和時間條件有關,皆可使用自行運行程式,如此以來您不用手動檢查您的工單或人工記著要寄提醒信件給客戶。
使用Docker在同一機器中建立多站環境相信有在開發網站並且使用版控的大家,多多少少都有遇過需要同時測試不同feature、不同branch的情況。但可能測試環境又只有一台或是只有一個database,在切換環境的同時可能就影響了資料庫,導致問題發生時不確定是否是另一個branch修改了資料庫所造成;或是直接多個branch merge起來測試卻不知道出問題的是哪一個branch。最理想的解決辦法就是配合CI/CD, 當發出PR時就建立起一台完全獨立的機器以及基本的sample data,這樣就可以單獨的測試該feature的branch,但上述作法會有相當的成本考量。跟著歐斯瑞學習使用docker 及 traefik這個服務的docker來達成差不多的目的。
前端開發:表單元件常用的CSS選擇器CSS對於前端開發而言,是不可少的一重要元件,今天就來為大家介紹表單元件中常用的CSS選擇器 (CSS selector for input),同時也提供codepen範例給大家參考,方便大家快速學習唷!
Magento2使用RAM Disk的時機硬碟的I/O速度遠比RAM來的慢,如果不想在自已server上面架一個redis的話,可以選擇把magento cache的資料夾改成RAM Disk,這樣就可以把檔案直接丟到記憶體裡面去做保存了,但要小心因為是記憶體有揮發性,所以重開機時、該地方的資料就會不見,這點要切記,所以這個方案通常也只適合放置暫存類的資料。
Magento2使用Redis的時機Magento本身有良好的cache機制,在預設的情況下都是存儲在硬碟上面,所以寫入跟讀取速度被限制在硬碟的I/O,所以如果要加速Magento存取這一些cache的速度的話,就把這一些cache放入memory去處理。 這時後就可以使用redis去處理這一些cache囉,magento本身做了很好的cache整合,所以可以透過簡單的config就可以去整合redis了!
開始使用JIRA:從免費試用版本開始接續上次分享的團隊任務類型,這次歐斯瑞將介紹給讀著們使用JIRA免費版本的總覽、工作空間等,讓讀著們開始使用7天的免費版本前,先了解JIRA為你的團隊所帶來的效益,以及確保你對於你的企業和工作流程已有足夠的了解,再去購買。
影響網站速度的因素,與優化策略-主觀因素篇(下)『是吧,表面上越是簡單的事物,背後越是大費周章的複雜過程。』我們在網站速度這個議題上,採用三部曲的節奏發布一些實務面的心得,由淺至深地談了許多因素,希望讀者能更進一步地了解,整段電商系統傳送資料的過程。
影響網站速度的因素,與優化策略-主觀因素篇(上)電商系統本身的主觀因素,會因為專案的歷史背景和企業文化有著巨大的差異性,本篇提到的內容,可說是歐斯瑞為客戶系統初步健檢的脈絡。繼上次與大家分享的「影響網站速度的因素,與優化策略 - 客觀條件篇」,這次與大家分享主觀因素篇,一起跟著學習吧!
使用Atlassian JIRA前 (三):你的團隊任務類型有哪些?延續上次分享的「使用Atlassian JIRA前 (二):為你的企業建立一個JIRA流程」,我們將繼續為大家介紹JIRA中團隊任務類型有哪一些,又個別適用於什麼樣的專案。 歐斯瑞整理出了在使用JIRA前需注意的事項,以及考慮的要點。讓您在正式使用JIRA時可輕鬆接軌,並了解不同團隊類型所需的相關設定,輕鬆掌握個別專案和團隊!
Magento 2 商業版實用功能教學 – 後台管理員操作記錄今天我們要來介紹Magento 2 商業版的後台管理員操作記錄功能,當企業發展到一定規模時,處理電子商務的部門與人員通常不會單純只有兩三位人員,往往可能是幾個部門的人員進行後台管理的協作,在多個後台管理人員操作的情況下,確認管理員的操作紀錄就顯得格外地重要,不同於Magento Open Source版本,Magento 2 商業版有提供完整的後台操作記錄功能。各個管理員的帳號在進行任何存取、匯入、匯出等動作時,Magento商業版皆會留下紀錄,以便做追朔確認,接下來讓我們介紹商業版在這塊管理者操作紀錄是如何進行與紀錄的吧!
Magento新增結帳步驟-Part 1在magento 增加一個結帳步驟不是一件容易的事情,需要了解templates和blocks的關係,以及javascript顯示和隱藏相關步驟。依照六個步驟,login/register、billing information、shipping information、shipping method、payment information、order review 來完成新增。快跟著歐斯瑞一起學習吧!
Magento1:移除 sort by 中的position選項Magento官方已宣布,將於2020年6月份全面停止支援所有Magento1的安全更新與修正服務,不論是Magento開源版或企業版,將於近期停止服務。有需升級至Magento2的店家們敬請與歐斯瑞聯繫。 那麼仍使用Magento1的店家們,若想在前台的「Sort By」下拉式選單中移除「Position」的選項,請依照文中的幾個簡單的步驟執行~
Google Analytics「目標轉換」概要介紹與設定教學Google Analytics 就會把所有來網站的訪客與有達成此目標的數量做統計,藉此分析出轉換率,所以管理者就可以知道這個網站帶給診所多少的效益。像是訂閱網站電子報、觀看文章、觀看影片、在網站下載特定檔案,這些訪客在網站上做的行為都可以各別是一個目標,藉此讓Google Analytics去做分析,電商網站亦是如此,註冊為會員、加入購物車、進入結帳、完成付款、購買特定目錄商品...等等也分別都是目標轉換率。讓Google Analytics幫您分析網站效益!
如何安裝Magento2安全性封包為了確保商店的安全性,Magento定期會釋出安全性更新的封包,可以在Magento官方網站中看到更新的相關情報。本次的文章要來介紹如何安裝Magento安全性更新。在安裝之前,建議先把全部Magento根目錄的檔案都備份(包括資料庫),萬一不幸在安裝完之後有功能壞掉的情況,這時候可將所有檔案及資料庫還原,再尋找其他的解決方案。另外Magento官方釋出的安全性更新僅包含原生程式碼,如果你有安裝其他的樣板、套件或客製化功能,則需要詢問該開發商是否有相對應的版本可以進行更新,避免有更新不完全的情況產生。
前端開發:將輸入的英文轉成大寫有時候我們需要限制輸入框只能輸入大寫符號,這時候我們可以使用JavaScript,將已經輸入的英文字母自動轉成大寫的英文字母。 跟著歐斯瑞一起學習,如何輕鬆使用JavaScript指令來完成吧!
無頭商務崛起 – 電商銷售新革命無頭商務的概念就是把「電商後台」與「前端介面」兩者脫鉤,不像傳統電商形式必須透過特定網站或應用程式來接觸客戶,前後端脫鉤的作法能夠讓電商後台與不同終端、使用介面或是軟體系統結合,讓客戶能夠透過像是智慧家電、智慧音箱、穿戴裝置、AR或是VR甚至是車載電子裝置等多元的方式來購物,可以說是為了因應不斷推陳出新的智慧裝置,或是不想受限於網站限制,想帶給客戶與眾不同購物體驗的一種新模式。
Magento2商業版實用功能教學 – 遺棄購物車功能遺棄的購物車(abandoned cart)為消費者將商品放入購物車後,卻沒有進行結帳付款的行為。廠商與開發商配合商討,如何規劃購物流程、增加信任度吸引客戶消費、網站建置規劃等,都是非常重要的。本次的分享專注於,當客戶把商品遺棄在購物車並離開網站後,我們要如何運用Magento 2 商業版內建的遺棄的購物車功能,來增加客戶回購的機率。Magento2 Commerce商業版運用靈活的設定條件,讓系統自動判斷哪些商品被消費者遺留在購物車,藉此我們可以發送哪些促銷活動資訊,以吸引客戶回購。
關於 Magento 開發者不能不知道的好用工具Magento 在開發上面比其他框架較為繁瑣,需要考慮的事情太多,我們綜整了在公司開發期間會使用到幾個較為有用的工具,如PHPStorm、Docker、iTerm 2 for macOS 和 TablePlus,與讀著們分享。
Shopify 系列教學Shopify 具有幾十年的經歷,是個耳熟能詳的架設電商平台之一,已經擁有Shopify的電商或還在考慮是否使用的讀者們,不妨先看看由歐斯瑞製作的Shopify後台功能介紹與常用功能的手把手影片教學吧! 歐斯瑞提供Shopify客製規劃、設計與開發,想加入Shopify大家庭的商家們,請參考歐斯瑞提供的Shopify服務,並與我們聯繫!
Magento2 商品的價格優先度Magento做為一個強大的電商開源軟體,在商品的定價上也同時考慮到商業上的實務需求。利如商品的期間優惠價,會員的折扣,甚至特定商品對特定會員的特定價格,都可以活用後台設定達到。今天就要帶大家了解,在多種價格設定下,最終套用到會員購買價格其背後規則。
SSH 金鑰是個好主意「密碼」是很糟糕認證方式!密碼需注意不可丟失,且使用上也相對麻煩。值得慶幸的是,SSH 金鑰可讓遠端連線更加輕鬆,讓我們從透過 ssh-keygen 製作金鑰來開始今天的介紹吧!
如何在Magento2中的searchCriteria filter加入”OR”條件在建立module或客製化功能時,一定常常都會需要對資料庫操作,其中也不免的會需要下各種的搜尋條件,不論是單純的一個where,抑或是OR、AND,再搭配其他語法達到自己想要的結果。 那相信會點到這篇文章的各位,必是對於M2中要如何使用"OR"條件感到有所疑惑, 當然大家可以直接編寫raw sql來query,不過以下歐斯瑞還是以M2的ORM來說明及操作。
電商世界裡的人工智慧對現代人來說,「人工智慧」一詞不再是那麼新穎,而是已深根在許多生活周遭的事物上,如天氣預報、Google 搜尋、自動駕駛等。那麼,我們該如和運用人工智慧來提升線上銷售呢? 跟著歐斯瑞一起學習商家們如何在線上商店利用人工智慧來實現安全性提升、效能優化、及利潤成長的目標。
如何使用Magento 2 Complex MessagesMagento 針對顯示通知、警示、頁面錯誤等訊息提供簡單的框架讓開發者使用,而這些訊息可透過幾個簡單的指令去做客製化,如加入超連結、開發獨特辨識器、顯示特定圖示、儲存一般訊息中無法解析的資訊等,皆可自行調整。歐斯瑞帶您學習如何使用這些指令吧!
數位化浪潮來襲!B2B銷售該走向線上的5個原因大多數從事B2B銷售的公司或企業卻並未真正甚至尚未投入電子商務領域。然而轉型電子商務已是不可逆轉的趨勢且成長速度飛快,持續仰賴傳統銷售方式,輕則錯過龐大商機,重則可能危及公司營運! 是什麼樣的背景迫使B2B銷售型態必須轉型呢? 今天歐斯瑞就要為大家解析,掀起這一波B2B銷售革命浪潮背後的五個原因!
2020年最佳手機UI設計趨勢近年來,多裝置本是不可擋的趨勢,且手機購物比例日漸趨高,根據2018台灣網路報告指出台灣網民在網路上有買賣東西的使用率為 64.2%,未來更有上升的空間,因此如何優化移動裝置介面並讓網友有良好的使用者體驗是非常重要的!今天就來和大家聊聊2020年的手機UI應用的設計趨勢吧!
使用CDN的優缺點不少人都有想改善網站速度的問題,這時你可能會想到或聽到別人建議使用CDN加速網站,但使用CDN只是為了加速網站嗎?CDN還有沒有其他用途?CDN會有什麼缺點嗎? 今天就讓我們來快速整理下CDN對於網站的優缺點給大家參考: 一、使用CDN的優點 1、加速媒體的載入速度
Akeneo 電子書 – 您不可不知的 PIMPIM 即是商品資訊管理 (Product Information Management)。這在 B2B 與 B2C 企業中是個熱門話題,且對於產業來說 PIM 正迅速成長中。 根據 Ventana Research 數據指出,到2021年時,以商品為中心的企業或組織來說,會有達50%的企業或組織建立並使用一個現代化的PIM環境,以用於管理商品處理和提供高品質的商品體驗。
在Magento 1 新增Eav模組的資料欄位平常在使用資料欄位時,如果有多商店(multi-stores)的架構會變得非常複雜,也不易維護,但在Magento的產品管理是可以使用Eav模組可以完美解決這個問題。跟著我們一起來學習吧!
【影像處理概念篇】陰影處理小技巧在影像合成中,陰影是結合主體與背景的關鍵元素,如果少了陰影物體就會顯得很不自然,跟著我們一起來學習後置「陰影」時的繪圖知識與小技巧吧!
關於 CSS 偽元素的那些小事偽元素是什麼?它能為前端解決哪些問題?為什麼要使用它? 前端工程師對於 ::before 和 ::after 這兩個偽元素應該不陌生,經常可見於網頁中。本篇我們將深入介紹更多偽元素的特性和應用。
Akeneo PIM 企業版Akeneo PIM 是列居第一的開源商品資訊管理工具。我們的企業版本是專為B2B與B2C零售商及品牌所設計,透過提供的出色商品體驗,從而推動更好的客戶感受。有別於其他黑盒子般的閉鎖式軟體解決方案,Akeneo PIM 企業版是個企業級的開源 PIM 解決方案,且具有透明、安全和可擴展環境的開放型 API,可達到最大的彈性。結合我們強大的解決方案及技術夥伴們的生態系統,Akeneo PIM 企業版為符合您的需求,提供出色的商品體驗。
線上自動測試網站-Ghost Inspector教學Ghost Inspector是線上自動化測試服務。操作方式和Selenium一樣簡單,可以設定多種屏幕尺寸,並使用滑鼠就可以完成錄製,所以不會程式也沒關係。和Selenium不一樣的是它在雲端監控和測試網站,且每次測試完成後都會錄製為影片並截圖方便快速確認測試結果。
Magento新版本可幫助您建立更具吸引力的客戶體驗號外號外!Magento正式宣布,Magento開源版最新版本2.3.4、2.2.11和安全補丁2.3.3-p1已經釋出! 最新的Magento開源版的發行版包括安全性、性能和平台質量的功能強化,我們強烈建議您升級您的Magento版本,以確保您的線上商店保持合規,並維持最高安全和性能級別。
自己的Google表單Email Notifications自己設計在上一篇「如何讓Google表單自動幫你寄送通知信」中,教大家在表單填寫完後自動寄送通知信,好讓對方知道是否報名成功,今天就進一步來教大家如何設定通知信內容,擷取更多表單中的關鍵欄位;在開始設定前,請先確定您是否有安裝 "Email Notifications for Forms" 擴充套件喔!
歐斯瑞所提供的維運服務歐斯瑞於維運服務當中提供Wordpress、Magento、伺服器等多樣性的服務,為協助客戶更輕易了解歐斯瑞所提供的維運服務內容,我們詳列了歐斯瑞所提供的各種網站/伺服器維運服務,讓客戶更輕易的選擇。
Adobe XD 三種好用的預覽方式Adobe XD好用的功能之一,就是能將設計時的畫面投射到部分裝置上呈現,有三種方式可以做預覽,其中兩種可以在裝置上觀看,我們使用官方提供的範本來作介紹。
委外網站維運帶來網站的成長性無論是開實體店面或是自宅住家,這房子空間都是要保養維護的,不管是有人入室竊盜、房子磚瓦剝落、水管堵塞馬桶不通、燈泡不亮等,都需要有人來修繕。 而網站也是一樣,無論是什麼類型的網站或服務,都需要在網際網路上挪出一個空間來儲存你的網站內容,當你的網站出現了問題,最常見的方式就是找一名萬能水電工來修繕了。 而這位來修繕你網站的帥哥或美女,通常會是MIS(Management Information System)工程師,也就是一般常聽到的「網管」。
號外!歐斯瑞正式與 Akeneo 成為合作夥伴2019歲末歐斯瑞捎來好消息,與 PIM 龍頭 法商 Akeneo 正式成為合作夥伴!在萬眾引領期盼之下,歐斯瑞與 Akeneo 正式成為全台第一,也是唯一的合作夥伴!自2013年以來,Akeneo致力於PIM Product Information Management 的拓展,且毫無疑問的,Akeneo是目前世界上PIM的龍頭。此次歐斯瑞與 Akeneo 的合作,對於雙方在每方面來說都絕對是強棒出擊! 歐斯瑞在電子商務上的經驗,結合 Akeneo 強大的 PIM 系統,能夠為客戶帶來更精彩的火花!
AR技術為電商帶來新的體驗電商的確達到了最快瀏覽產品資訊的方式,如果再進一步導入AR相關技術,就可以讓消費者在瀏覽商品時,直接進行獨特的虛實交錯體驗,讓消費者本身與虛擬商品互動;試用化妝品、家具擺設等應用,真正達到所見即所得,進而增加消費者的購買機率。
電商新趨勢,B2E銷售模式電子商務可以說是已經成為人們生活中的一部分,你想像得到的各種物品,舉凡是生活用品、家電3C、零食飲料等等幾乎都只要上網動動手指頭幾乎都能買到。 整體來說,市面上最常見的電商模式大概分為B2B2C、B2C、B2B,而近期有一種新的電商模式正在慢慢崛起,就是我們今天要介紹的B2E(Business to Employee)模式。
淺談Magento資料庫:EAV在Magento的資料庫中,光資料表就有三百多張,應用於其中的資料結構就是EAV(Entity實體/ Attribute屬性/ Value值),今天讓我們來粗淺的談論一下EAV在Magento的應用及其優點吧。
用超過五十個電商指標KPI來精準拓展你的網購生意,讓錢聰明賺!什麼是電商KPI?KPI是可以衡量的價值,可以確認你的業務或工作進展的效率如何。無論是評估公司部門的績效,或是確認個人的業務目標是否實際:電商指標可以協助你了解當前的網站銷售情況,並採取必要的手段來達成理想目標。KPI也同時可以用來分析你的電商無論在銷售和客服上的戰略和策略是否正確。
Magento2商業版實用功能教學 – RMA退貨管理功能(下)在上一篇Magento2商業版實用功能教學 – RMA退貨管理功能(上) 各位可以了解到使用RMA做統一管理,能方便管理者處理退貨申請與審核的工作,但是原生的退貨處理的選單欄位,不完全適用各個商家。Magento 2商業版也提供了相對應的彈性給予各企業做使用,所以這篇Magento 2商業版實用功能教學 – RMA退貨管理功能(下),我們將介紹RMA退換管理功能的進階設定。
Magento2商業版實用功能教學 – RMA退貨管理功能(上)當電商常碰到的退貨處理數量龐大又頻繁,導致退貨處理資訊混亂又沒秩序時,我們需要RMA機制將所有退貨需要的作業資訊統籌起來,並集中管理。讓消費者與商家可以在RMA架構底下,進行退貨相關事宜的處理,以達到更方便的退貨管控。此功能目前在Magento商業版本是預設功能,就讓我們來趕快認識一下吧!
出去玩必用!教你如何善用Google Map自訂地圖功能,來規劃旅遊行程出去玩最重要也最麻煩的就是行程的規劃與路線安排,如果景點、餐廳、住宿的動線不順且又再加上塞車的情況下,想必整趟旅程會多了點煩躁感,所以我們今天要分享要點是介紹Google 地圖比較少人知道的強大功能,此功能可以讓大家建立自己專屬的Google 旅遊地圖,來讓你在出遊過程可以輕鬆的,方便了解景點的遊玩順序以及一目瞭然所有景點的位置動線。
Google Search Console 啟用教學當您的網站已完成建置,但是在Google搜尋結果中的排名卻不如預期,很可能是沒有針對您的受眾做足SEO的準備工作;今天不聊點擊、曝光、排名、ROI等等行銷領域的關鍵字,來聊聊優化之前的必要動作-『統計與分析』。
你以為在談平行宇宙,其實是版本管理的策略 (一)不管您所在的產業與職務分工,相信都聽過『版本控制』這四個字,尤其是出版業者與資訊業者,對於這四個字應該更有所感,在多人協作的專案中,如何確保每個分工的個體,能夠以最有效率的方式協作,是整個團隊成員共同關心的議題。
Magento2 稅率設定 (一)同一件商品,會依國家地區的規定不同,對消費者課徵不同名目的稅或同名目但不同的稅率。例如我國娛樂性消費要課徵娛樂稅、一般跨境要收取關稅/進口稅...等。為了在訂單計算過程中自動將這些稅納入付款金額,Magento提供一些基本設定 (本篇以Magento 2.1 版本示例),跟著我們一起來看看吧!
如何讓Google表單自動幫你寄送通知信今天來介紹能自動幫你寄送通知信的擴充套件,藉由這個套件讓表單在填寫完後自動寄送通知郵件給填表者。在開始設定前,我們要先將"Email Notifications for Forms"外掛程式安裝好,一起來看看吧!
身為PM不可或缺的-Axure RP 網站原型設計軟體今天要介紹一套原型製作軟體:Axure RP,可以讓網站企劃人員或是資訊架構師快速且簡易的建立網站的wireframe、流程圖、prototype和規格。甚至,UI/UX介面設計師也可以透過該軟體製作高仿真的網站模擬原型圖。
談軟體負載測試Load Testing負載測試屬於效能測試的一種,在軟體工程中,效能測試是一個普遍用來確定系統特定之工作負載量;與某段時間下其在回應與穩定性上,會如何呈現所執行的一種非功能性測試。跟小編一起來看看負載測試吧!
Magento 2 客製化email模板在某些情況中,我們需要寄出信件,但又希望客戶可以自由的編輯它,這時候就可以跟著我們一起寫出自己的模板吧! 首先先建立etc/adminhtml/system.xml <?xml version=”1.0″?>
手動測試與自動化測試的區別測試是一個範圍廣大的領域,怎麼說呢? 測試主要的目的是為了確保產出的品質,在測試過程中有很多細節或重複性的測試,不管是Web測試或軟體測試。它大致分為兩種,一是手動測試,由測試人員在未使用工具或腳本情況下執行,而自動化測試則需要藉由工具及腳本的輔助來進行測試。
Magento1 新增篩選器屬性與範圍在Magento1裡你可以使用「addAttributeToFilter」與「addFieldToFilter」來篩選你的query結果,但是他們是在不同得場合使用,讓我們來一起看看吧!
匯入Zendesk自定義工單欄位下拉式清單和多重選取的欄位值(上)當您在建立自定義工單欄位中的下拉清單或多重選取欄位類型時,您可能想要包含很多項目在清單中。例如:您想要建立一個包含商品類型的下拉式清單欄位,商品類型有可能包含了幾百種的型號。在這種需要建立大量欄位值的情況下,除了一筆一筆輸入欄位值以外,您可以利用匯入清單的方式來一次建立多筆欄位值,反之,您也可以匯出工單欄位值。
如何用 Admin Action Log 幫你找到凶手由於現在網路發達,大部分的消費者都採線上購物方式來添購所欠缺的用品、食品等,也正因為如此造成網路購物的競爭日益激烈。相信大家多少有聽過、看過或、過商品標錯價事件,比如原價1萬多元的商品錯標成幾千元,又或是將商品錯標為1折,像這種商品標錯價的案例著實不少。今天讓小編來教大家如何使用Admin Actions Log來找出兇手吧!
Magento2 使用原生程式分析工具尋找效能瓶頸Magento是個龐大複雜的開源軟體,當網站遇上效能不佳的情況,可先透過幾個步驟執行通用的優化步驟,但若仍面臨部分頁面執行時間過長,表示需要進一步分析程式個別執行效能,才能找出改善的關鍵點。幸運的是,Magento原生程式即支援此功能,趕快來瞭解如何快速的分析網站的程式效能吧!
Magento2商業版實用功能教學 – 管理者權限企業的電商網站管理會因執行的訂單多且複雜,以及各單位負責的項目不同,像是處理訂單、處理促銷、商品、內容...等等都隸屬於不同部門的工作。 管理者需要指派不同的權限帳號給予各部門進行處理,所以Magento在後台管理權限這一塊,有完善的權限分割功能。例如:客服單位只能處理與查看訂單會員的部分,配給權限後,客服人員登入後台就只會看訂單處理功能,其他功能將無法顯示與管理。
Magento 2 搜尋功能插件介紹對於電商業者來說,網站內的搜尋引擎扮演著非常重要的角色,可以讓對特定商品類型或商品已心有所屬的顧客更快速的瀏覽目錄及進入其目標商品,明確的指引能加速顧客結帳的速度,在這邊,讓我們介紹幾個強大且常見的Magento 2 搜尋功能插件。
跟著歐斯瑞一起前進Magento2019高峰會!Magento Imagine 為一年一度的電子商務大型盛會,聚集了世界各地的商家、專業開發團隊、合作夥伴、系統整合商等,基本上你可以在Imagine看到全球的Magento電商生態系統,因此我們中文稱之為 「Magento高峰會」!
自動測試網站工具-Katalon教學網站自動測試有很多方式,從最複雜的寫程式到最簡單的錄製指令碼都有,由剛開始測試的人員來說都會想以簡單的方式發輝最大的效益,就可以試試Katalon Recorder這個測試工具。
Magento 2 如何建立前台 Theme一個新專案必然有需要覆寫原生的程式的需求,這時便需要建立自己的 Theme 來覆寫原生的程式,Magento 有個 demo 用的 theme 可以給我們參考,這次我們實際建立一個 theme 做為範例 。
Magento2 搜尋單字商品設定假設今天有一款商品只有一個字,或者只想要輸入該商品中的第一個字就想要找到商品,是無法的,預設最少要搜尋兩個字,若想要只輸入一個字即能搜尋,必須透過一些設定才能實現,以下教學內文需使用到ssh 文字編輯介面及magento2後台。
Magento2.3reCAPTCHA設定教學Magento的reCAPTCHA 功能可以在後台輕鬆設定,也就是不需要工程師協助編碼動作,即可讓你的網站開啟使用reCAPTCHA,但是v3設定雖然一樣,還是需要請工程師做一些JavaScript API的動作,請知悉。
搜尋行銷新趨勢-語音搜尋語音輔助搜尋將改變搜尋引擎行銷,現今無論是演算法、社群媒體和對內容的關注都有了細微的變化,身為行銷的我們,也要因應這樣的搜尋環境轉變,即時將策略與活動跟進。
使用正確的 xsd 檔,讓你輕鬆找到 Magento 的schema大家在開發 Magento 的過程中,一定會遇到 Magento 內許多的 XML 檔,不知道該如何定義,也不知道還有哪些參數可以使用,有時候一個參數要找半天,不過好在 Magento 有工具能夠快速產生這些資料,讓我們能夠輕鬆的對應到 xsd 定義檔,一起來看看怎麼做到的吧!
Google reCAPTCHA 申請教學CAPTCHA,也就是俗稱驗證碼,是一種區分用戶是電腦或人的公共全自動程式,根據Google研究指出,最新的人工智慧在辨識最複雜扭曲文字的精準度已高達99.8%,而且輸入驗證碼的程序也會影響使用者體驗。
如何開始Magento與漸進式網路應用程式為了幫助商家能順利在Magento上實施PWA,Magento官方提供完整的資源 - Magento PWA Studio。你的技術團隊可以在這邊學習如何在Magento上實作PWA,也提供了完整的範例代碼,供下載使用。
冒煙測試冒煙測試就是在每日build建立後,對系統的基本功能進行測試,這種測試是針對主要功能進行基本驗證,而不會對具體功能進行更深入的測試。
2019年電子商務網站設計趨勢 (上)不管您現在是否有建立網站,來到您的網站,視覺是吸引顧客的第一眼,糟糕的設計與錯誤的流程會讓使用體驗下降,導致您無法收到有效訂單,因此,清楚明瞭的動線導航和引人注目的設計,是在瀏覽網站時首先吸引用戶注意的重要條件。
台灣企業發展海外市場的急迫性台灣這個小島經濟體,人口數以及產業活動發展都有限,透過海空貿易出口,有更多的管道與機會,能夠將在地的產品與服務突破地域限制,將觸角伸至國外,並且透過數據指出,高度相關的台灣經濟成長率與出口,對經濟成長貢獻度趨勢,是相當重要的。
Magento 開源版軟體維護政策本政策中所述的Magento修復與安全性維護,僅適用於Magento開源版軟體,不適用於Magento商業版,是幫助用戶與開發人員理解Magento的軟體發佈與維護策略,該政策可能會由Magento進行不定時更新。
個人與公司的網路隱私安全最佳防衛如果你已經在網路活躍了一段時間,很可能已經有某種程度上的數據洩漏,隨著產業的習性和不良行為者持續演進,針對個人與敏感資訊的保護安全措施也隨之成長。然而,有許多最佳基礎的做法可以降低你的風險,並同時減少你所屬的組織風險。
Magento2 移除不需要的模組Magento2 安裝時資料過於龐大這是眾所皆知的事情了,這次分享兩個作法,教你如何關閉或是刪掉不需要使用的內建模組,讓 Magento 系統更輕巧!
影響網站速度的因素與優化策略-客觀條件篇要討論網站速度這個題目,最終只有一個目標,如何快速把資料傳遞到瀏覽器另一頭的使用者,說起來好像挺單純,但要縮短資料流的整體速度,和那些號稱能兩日到貨的物流業者一樣,背後所付出的努力是外界難以想像的。
Magento2 取消結帳頁必填欄位限制Magento2的設計是基於歐美國家設計的,對於台灣商家來說會有一些不適用的必填欄位,本篇將介紹如何在Magento2的結帳頁面,取消原本需要必填的地址欄位,讓您可以因應不同的需求去限制使用者該填寫的欄位。
簡單完成社群網站連結散開效果-圓形很多網站會將社群連結固定在網頁上,讓使用者易於觸擊,但隨著社群越來越多,放上太多連結總是不美觀,因此我們用一個icon固定在網頁上,點擊以後展開社群的項目,可以隨時被點擊。
Magento2.3.0 MSI多源庫存Magento將於2.3.0版本推出一個重要的新功能,Magento Multi Source Inventory,簡稱MSI,它為Magento提供了更靈活更強大的庫存管理功能,在多網站介面管理上也更加便利。
Facebook動態廣告運作基本概念動態廣告雖然已經上線一段時間,但真正的運作概念與設定你真的都瞭解了嗎,我們將基本概念統整並加上清楚的說明,讓大家可以更快上手,妥善運用在自己的行銷策略中。
2019不可不知的電商趨勢根據Statista的統計,亞洲互聯網用戶中有46%是通過手機購買產品或商品,因此隨著時間演進,線上購物的行為也隨之調整,因此在這裡特別整理2019年的電子商務趨勢做為參考,讓各位能掌握先機!
熟知基本排版技巧讓你的文章更容易被閱讀當有了一篇好的文章內容,編輯者也需要知道基本的排版的觀念,目的是要讓讀者能更容易閱讀與理解你的文章內容,良好的排版觀念可以讓你的文章大大加分,本文提供幾個排版基本觀念,給予未來在撰寫時的參考。
VR虛擬實境,互動情境式行銷虛擬實境是由三個「I」所組成,沈浸Immersion、互動Interaction與構想Imagination,現在大部分都是著重在視覺體驗,並搭配聲效讓使用者彷彿身歷其境、讓產品體驗更加擬真,隨著科技進步,VR虛擬實境技術也越加普及被運用在各大產業中,這次舉出三個特別的例子來提供大家做參考。
誰又再帶風向?網軍分析系統教你分辨誰是網軍!相信大家一定常聽到「網軍」這個用詞,而網軍是什麼呢?簡單來說,只要是在網路上為了某種立場而辯護的人都可以稱為網軍,而最常見PTT八卦版、政黑版,言論擴散更是激烈。ianalyseur ,可以查詢PTT上出現在八卦或政黑可疑網軍,作者並無私的在八卦版上提供連結,讓網友免費使用。
MailChimp電子報系統-初學者指南這次針對MailChimp所整理的初學者指南,鎖定常用功能與介面做完整詳細的步驟教學,妥善使用MailChimp不僅可以提供更客製且美觀的電子報,也可以降低成為垃圾信件與被封鎖的機率,
Magento2.3 探索新大陸在2018年底Magento2迎來了最新的版本2.3.0,增加許多新功能,也有多更動,而這些改變在官方文件中並沒有特別說明,僅能從原生code裡看出不同,那我們今天就先來介紹在Controller中的異動!
具有響應式功能的圖片延遲載入外掛延遲載入 lazy load 是 Hibernate3 默認的加載方式,是為了避免一些無謂的性能開銷而提出,就是當在真正需要數據的時候,才真正執行數據載入。緩慢的載入速度會影響到使用者體驗,網路上有很多 lazy load 外掛提供前端人員使用,而我們這次選擇 lazysizes.js 作為介紹。
聊點硬核的-CDN對我的網路店頭有甚麼幫助?(下)從初代的CDN原型演化至今,技術不斷的演化,但內核仍是實打實的快取技術與設備的素質提升;我們追求的是讓使用者「感覺」快,在整個資料傳遞過程中,其實有很多軟設計是可以進行優化的,就像是不同的駕駛員開著同一台超跑,賽事的結果不盡相同。
2018走心文案經典回顧一個好的文案,不僅能夠提升顧客購買意願,也能大幅提升品牌記憶點。在策略上我們要思考的長遠、規劃的縝密;而文案則是越精簡越好,將所有創意、品牌、產品特色、與消費者共鳴點集於短短一兩句話,句句到位並字字讓消費者走心,引起高度討論,提升自然擴散。
A/A測試是什麼?在A/A測試中,如果測試程序正確,控制組與實驗組不應該有任何區別。如果樣本的A/A測試結果達到了統計上的顯著差異,那麼A/B測試這個方案就是不可信的。如果說A/B測試是用來比較幾個樣本的好與壞,那麼A/A測試就是用來驗證A/B測試及工具可靠度的最佳方式。
靈活運用三訣竅教你突破關鍵字瓶頸我們為不同階段的消費者,因應需求程度而設計不同的關鍵字詞,而除了廣為人知的Keyword Planner跟Google Trends,今天為你介紹其他三項在撰寫關鍵字詞時也非常實用的小工具。
6個網頁設計靈感來源分享打造一個品牌,在視覺上給人的形象與感覺是很重要的,是使用者第一眼對網站的印象。網站顏色搭配、Logo 顏色挑選在這篇文章分享網頁設計靈感參考網站。
結構化資料應用使用JSON / LD【地點應用】需要在本地或跨境執行搜尋引擎優化時,我們須仰賴一個用於組織化搜尋的parent Organization,同時擁有標記個別位置數據能力來進行在地搜尋引擎優化。對於一個大型個體來說,維繫位置與總公司之間的明確關係非常重要!
以SASS開發Magento2佈景主題Magento2 預設是使用Less及Grunt來產生css檔案。當然我們也可以使用別的工具、例如Sass及Gulp。接下來要介紹如何建置Sass及Gulp的開發環境。
電子報行銷工具:MailChimp教學MailChimp是一個實用的電子報行銷工具,同時能管理眾多的客戶群組、追蹤郵件活動以及產生追蹤報表,一起用MailChimp為你的公司建第一份電子報吧!
移轉新電子商務平台不可不知的九大重點當電子商務平台若因為更新、原先主機不符合規格等諸多原因需要移轉新網站時,應注意在移轉網站的過程中可能會產生導致移轉失敗的狀況,此篇提醒移轉新網站平台的重點,讓大家可以順利移轉至新平台。
Magento 2 如何新增選單商品的分類建立在選單之下,透過選單一層層的分類讓使用者找到所中意的商品並進一步進行購買動作,在Magento 2 裡新增選單非常地簡單,一起來看看如何設定吧!
進軍宅經濟,你準備好了嗎?宅經濟的崛起,不僅大大顛覆傳統的商業銷售模式,也開始席捲各個不同產業。不止是廣告,體驗才是一切根本,行動裝置的便利性,創造出這世代獨有的宅經濟文化!
如何在Magento樣板使用depend條件Magento信件有許多樣板可以使用,當你需要使用Magento寄信的時,可以先在後台設定信件樣板,不過有時候需要作條件判斷。需要判斷信件帶入超連結位置時,可使用Magenot樣板引擎的一個depend條件判斷。
先別急著破釜沉舟-在跨境之前的電商戰力檢測台灣產業體質多著重硬實力,打的是供應與定價的戰事,而B2B模式為主的模式,也有許多成功經驗與框架無法捨棄,正所謂成也蕭何敗也蕭何,要踏入跨境電商領域之前,我們必須認清這仍是一場B2C為主的戰役,而數據的掌握以及消費者體驗設計等等軟實力,都需要內化為戰力的一部份;以下我們想就多年跨境電商網站的建構經驗,提供讀者一些自檢的參考!
進擊電商戰國-大王,您的策士何在?(下)前一篇留下了一個懸念-『全通路經營』,我們常常在需求訪談的過程中,聽到這樣的說詞:『我們有實體通路商搭配,同時也有其他零售的管道,電商對我們來說,只是多了一個通路來銷售啊!』。多通路和全通路雖然只差了一個字,但內涵還是有所差異的!您應該聽過同時經營線上與線下的商家,會員系統卻獨立運作的案例;甚至不同通路的產品訂價策略各自為政,形成相互牽制的態勢,說起來,這不是左手打右手嗎?
純CSS實現表格首行和首列固定當表格列數和行數較多時,使用者會出現的需求即是把重要的列與行固定,以便於瀏覽表格內容,才得以提高用戶體驗。為各位介紹使用單純 CSS 和運用簡單邏輯的解決方案。
3個實用的 infinite scroll 套件infinite scroll是一種新的網頁讀取資料的技術,當使用者到網頁的最下方時,會自動載入新的資料到現有的頁面。網路上有許多已存在的套件,可以讓人快速套用infinite scroll技術,接下來我們就來看看3個最實用的infinite scroll套件吧!
行動商務搭配隨經濟,成為電商未來新方向!『隨經濟』一詞,意指運用智慧科技,讓消費者隨時、隨地、隨處、隨支付、隨通路、隨心所欲消費的商業趨勢,『隨經濟』有兩大重點:消費者的時間」,以及「問題的快速被解決」,隨經濟強調隨時隨地、線上線下的整合,請看以下說明。
Magento 2 如何替PDF增加表頭資訊我們可以在Magento 2後台的銷售(SALES)項目裡,將訂單中的明細(Invoices)、配送單(Shipments)與退貨單(Credit Memos)等資訊轉PDF列印出來,請看以下說明。
簡單、強大的螢幕擷錄取工具 – SnagitSnagit是一款能在Windows和Mac上使用的螢幕畫面擷錄取工具。它不僅能擷取螢幕畫面及錄製畫面,同時也能編輯所擷取下來的圖像。不管您是要直接擷取現有畫面,以哪種方式擷取(如: 區域、全景或延遲時間擷取...等)或只是想要載入現有圖像檔案編輯畫面,都可以直接使"Snagit"來完成。
Magento 2 客製訂單編號一般而言,Magento 2訂單編號的產生會以流水號的方式遞增。而在實務上,有時編號會需要照特定格式去遞增。Magento 2的訂單編號有一固定公式,足以在一般慣用的格式範圍內,達到客製訂單編號的需求。
如何在WordPress中使用Cron Job在Wordpress中想用CronJob跑一些客製化的內容,目前有兩種做法,第一是使用主機端原生的Crontab,自行定義時間、所需做的事情,然而並不是所有主機商都有提供這項功能,不過我們還是可以透過Wordpress本身的CronJob完成我們想要做的事。
電子商務策略下一步【社交電商】用戶體驗上的情境營銷「社交電商」是透過社交互動、WOM口碑傳播、名人影響力等行銷手法應用於商品的分享與展示,把「社交」與「購物」結合,成為新型的電子商務模式;抓緊「社交」的本質,多與粉絲互動,讓他們參與行銷內容,輔以優質的客服,成功在社群轉換訂單。
何謂漸進式JPEGProgressive JPEG (漸進式圖檔) 在開啟檔案時,會先顯示整張圖片模糊的輪廓,在網路較慢的情況下,瀏覽者能透過圖片的輪廓知道正在讀取的圖片大概是什麼,減少因為圖片載入太慢而離開的情況。
東協十國,跨境電商大金礦!東協市場崛起,本文將提供電商前進東協的方向:在地行銷、在地客服、串接合適金物流、善用社群軟體,結合O2O商業模式,以及更多東協趨勢分析。
讓我的WordPress網站也有SSL如果我們網站上沒有加裝SSL,Google就會在網站左上角放一個紅色的警告標示,造成客戶的不信任,所以今天歐斯瑞要來教學如何幫Wordpress網站取得綠色鎖頭!
五個小技巧優化Magento網站速度對於電商網站而言,網站速度直接影響使用者體驗、SEO排名,以及最重要的交易成功率,夠快的網站速度才有好的購物體驗,請看以下幾個技巧改善Magento網站速度。
Magento 2 商業版B2B篇(一)企業帳號創建Magento 2 商業版擁有特定為B2B 營業模式打造的功能,B2B網站通常會限制申請會員資格,且必須有公司行號才能進行申請,申請會員資料的欄位需要公司名稱、採購窗口負責人等相關資訊,在此為各位介紹Magento 2 商業版B2B的企業會員帳號管理功能的流程與便利性。
對話式商務興起,聊天就能做生意!聊天機器人是指可以透過文字、聲音或圖片和使用者對話的電腦程式,在電子商務網站的應用中,它能以對話式商務培養出獨特的電商生態體系,以更直覺、即時的個人化消費體驗,改變商家和消費者的互動模式,本文將討論聊天機器人的目前應用與未來展望。
Magento大補帖,多幣別架構一次上手!適用於跨境電商、多國語言貨幣的架構一直是Magento相當強大的優勢之一,但也因為功能強大,相對在設定上就比較複雜一些,這一次我們就要針對Magento的貨幣架構來做說明。
BEM 規範思維 – 讓 CSS 更利於開發與維護 (一)BEM 是一種前端項目開發的方法學,因應當前網頁發展爆炸趨勢,前端程式碼複雜度大大提升,尤其是 JavaScript 和 CSS 的數量大幅增加,程式命名的識別度、一致性就成了首要課題,使用BEM找出適合自己與團隊的程式組織方法和命名規範因應而生!
5種方法贏得Z世代購物者的心Z世代出生的人,特色是熟悉網路科技,勇於突破界線,善於經營自己,偏好創新顛覆內容;Z世代帶來的龐大商機,要真正抓住這群具有個性且注重個人化需求的年輕族群,5種方法拉進電商與Z世代的距離,將挑戰轉為訂單。
Nginx 的 map 設定Nginx 的 Map 是用在需要設定一個變數給設定檔使用的功能,在Magento的多站裡使用map的功能,可以更好管理設定檔,請看以下範例與操作。
使用Certbot 更新SSL認證SSL憑證保護已經被Google正式列為網頁排名考量因素之一,因此幫自己的網站加裝SSL是有助SEO的方法之一,本篇文章將介紹如何使用Certbot更新SSL認證。
使用WordPress內容行銷撰寫小技巧Wordpress的內容撰寫介面操作簡單,也成為許多有志想學習內容行銷者的入門管道,那麼究竟在撰寫文章時有哪些地方該注意呢?以下分享幾個小技巧,一起打造SEO-friendly的文章吧!
如何覆蓋 magento 2 原生的程式當Magento 2 開發遇到需要改寫原生程式的狀況時,考量到減少程式相依性,我們不會直接去修改 magento 2程式,而是用我們的 extension 來覆蓋,請看以下幾個方法分享!
使用 font-display 改善與優化網站效能使用font-face時,可能會因為字型檔很大而影響網頁速度,為了改善這種情況,font-face新增了一項屬性:font-display,font-display使我們可以照字型下載和讀取速度來決定呈現的方式。
何謂多變量測試?多變量測試簡稱MVT,通常用於將三個以上的不同元素做各種不同的組合並呈現在網頁上,藉由流量、點擊率來進行消費者行為模式分析,使用MVT可以判斷出是哪個元素或那些元素組合可以為網頁得到最佳效果。
Magento 2 如何更改商品列表模式購物網站上常有的不同清單功能來陳列商品,如四件呈一列或兩件呈一列,在Magento 2 和 Magento 1裡有4種模式選項可選擇設定,現在就和我們一起來看看如何操作吧!
Magento 2 內部變數傳遞在Magento 2 開發期間,常常會遇到不知道如何在內部傳遞變數的問題,為了節省查詢的次數,我們可以利用內建 Registry 幫助我們做內部的變數傳遞。
新手入門 Magento 2 如何快速上傳商品Astral Web要教大家如何在Magento2後台上傳商品,新手也可以快速上傳商品,填寫詳細資訊及上傳產品圖片即可完成上架商品!Magento 1 的上傳商品教學文章看這裡: Magento 1 上傳商品好簡單
使用者行為,網站頁面分析工具 (上)Google Analytics網站頁面分析的目的就是希望能夠知道,訪客在您的網頁裡面是怎麼與你的網頁互動。而熱點圖(HeatMap) 就是在於以一種淺顯易懂的方式呈現訪客的行為。而藉由觀察分析訪客行為,您也可以更有效的配置你希望訪客在該網頁所進行的互動,最終達到更高的轉換率。而其中我們所熟知的Google Analysitc 裡面就有這樣類似的功能。在GA裡有一個類似的功能,在行為–>網頁活動分析裡就找的到,只是GA的是顯示點擊百分比。
Atlassian JIRA 介紹:輕鬆追蹤專案任務平台 (上)我們試用過各種類型的工具,而每種工具皆有各自的優缺點。然而,自2017年起,歐斯瑞專注於使用Altassian旗下的JIRA軟體,幫助我們的團隊可以更準確且有效的管理,同時呈現我們最好的產品予我們的客戶。 在這篇文章中將介紹幾項JIRA基本資訊: 何謂JIRA JIRA基本概念 JIRA工作流程
電商直播新趨勢台灣內部的電商市場逐漸趨於飽和、成熟,甚至受到國外電商大廠的擠壓。各家電子商務平台與小型賣家都感受得到電商生意越來越難做。除了價格策略與品牌行銷,究竟應該如何讓商品更有效的銷售出去,成為不斷被提及討論的重要議題。隨著行動裝置普及和4G快速發展,直播應用形成網路流量的主流。許多電商業者已看到此商機,利用直播快速累積流量、人氣、話題的優勢,擴展到零售電子商務上,透過「直播+電商」結合電視購物與電商的優勢,真正為消費者創造新型態電商體驗。
PHP上面使用RabbitMQ在上一篇安裝RabbitMQ在Ubuntu16.04上已經提過RabbitMQ的介紹及怎麼安裝,所以這一篇就不在多做說明,這一篇將直接介紹如何使用RabbitMQ,RabbitMQ總共有6個pattern,這一篇我們就教你怎麼使用 1. “Hello World”,基本上使用方式都差不多,會一個之後、其它自行摸索即可,不會有太大的難度。
Photoshop教學【冷門工具】尺標工具上次介紹了Photoshop中的計算工具,今天astralweb要與大家分享尺標工具,一起來看看如何製作吧! ※本教學需先對工具使用有基本認識 1.開啟檔案 2.使用尺標工具 3.點擊要測量的起點,到終點後放開
Magento2商業版實用功能教學 – 禮物卡(Gift Card)在實體的消費模式中,許多品牌、商家皆會販售抵用券或禮物卡,讓人們拿來購買自用或是送給親朋好友,而原因可能是怕送到對方不喜歡的禮物,不如贈送抵用券、禮物卡讓對方自行選購;亦或是用這些抵用券、禮物卡來消費,可以獲得折扣優惠,Magento2商業版便與有這樣類型的商品 – 禮物卡!Magento2的禮物卡可以拿來抵用任何訂單的金額,而根據發放模式,可分為虛擬禮物卡、實體禮物卡、或兩者皆是。禮物卡是Magento商業版才有的商品類型,商家可以根據需求來建置出 節慶禮物卡、週年慶禮物卡、一般禮物卡等,並利用促銷規則給予不同的折扣優惠,藉此增加消費者的購買能力!現在就讓我們來看看如何販售Magento 2
Magento2上實作Singleton什麼是Singleton Singleton的道理很簡單,就是確保只有一個instance在記憶體之中。 當我們在使用一個物件的時後,就需要使用new class的方式讓物件實體化再使用它,但如果很多程式都在使用這個class、就會造成很多個instance存在記憶體中,但很多時候我們並不需要一直new獨立instance,像是db的connection,為了避免過度浪費connection,必須確保只會有一個connection存在。其實用static的方式就可以解決這個問題了,但是下static就表示程式再被initialize的時後全部會被放進記憶體,不管它是有被使用或沒有被使用的情況下,如此一來變會造成記憶體的浪費、所以最好的狀態就是要被使用到的時後、再被new出來,並且確保只有一個instance被實體化而已,這樣後我們就需要使用到singleton。 圖片來源:https://www.concretepage.com/design-pattern/example-singleton-design-pattern-java
Magento2 製作客製化付款方式模組本篇將介紹如何在Magento2新增一個付款方式,可以讓你在後台進行開關,設定付款名稱等設定,如果你需要串接不同金流,本篇將會提供你基礎必須資訊。 *適用版本: Magento2.0.X~2.2.X 製作模組需要的設定檔 首先創立模組需要的註冊檔
如何利用CSS3原生網格系統快速排版CSS3有原生地網格系統,過去沒有被廣泛應用最大的原因莫過於瀏覽器支援性的問題,但現在IE11也支援Grid的語法了,讓我們來看看用CSS3 Grid屬性排版有多方便。
實用的平行壓縮程式通常來說,像是gzip、bzip2和xz都是單一執行緒,也就是說,不論你的CPU是單核心或是16核心的處理器,Linux上default版本的gzip、bzip2和xz都只會使用單線程進程,而這個狀態並不理想。幸好,有這些utilities的「平行」版本存在,它們可以使用每一個核心,而且可以大幅度的增加壓縮的速度,這些utility是其他具有相同功用,但單線程進程軟體的理想替代品。所以,如果你需要的話,你還有這些平行版本可選。
Magento2商業版實用功能教學 – 舊訂單資料封存(Archive)當電商網站營運一段時間後,便會出現許多不常用到的舊訂單資料,例如數個月前訂單,或是一年前的訂單資料,其實都只是記錄下來以備有需要時能夠翻查,平時在處理訂單時,並不需要用到這些資料,因此我們可以將這些資料「存檔」即可,不需要與當前的訂單資料混雜在一起,藉此精簡後台所顯示的資料數量,並優化網站效能。(延伸閱讀:Magento2 訂單管理) 試想一下,若每天近來的訂單量平個有500張,而對於一個營運5年的電商網站,將會產生將近一百萬筆的訂單資料,而正在使用中的訂單資料,又有多少呢?Magento2商業版支持這樣訂單資料封存功能,適用於中、大型規模的企業,現在根據以下的操作教學,開始應用你的訂單封存功能吧! 打開訂單封存功能 在後台介面左側選單中,找到商店Store>設定Setting>配置Configuration,於左側選項中找到銷售Sales>銷售Sales,並展開
在自訂的擴充套件新增csv匯出的控制項當開發者自訂自己的extension的時候,如何在後台的extension頁面新增匯出表格的功能呢?一起看下去吧! *適用版本: magento 1.9 1.新增一個匯出的控制項
Magento 2 你不能不知道的實用短代碼Magento2 提供我們很多網頁佈局和模板,但很多人都沒有意識到,其實這些功能也可以用短代碼透過CMS編輯器來完成,這個動作被稱作「directives」,但如果你跟我一樣擁有wordpress開發者背景的話,那麼這個動作一定會讓你想到短代碼。 1.以block directive 呼叫PHTML模板
安裝RabbitMQ在Ubuntu16.04上什麼是RabbitMQ 首先,先了解什麼是AMQP,全名是Advanced Message Queuing Protocol,是應用層協議的一個開放標準,主要是用來使用交換系統與系統之間的訊息。RabbitMQ實作了AMQP,是使用Erlang語言編寫,支援多樣的語言,如:Python、Ruby、.NET、Java、JMS、C、PHP。用於在分布式系統中存儲轉發消息,在易用性、擴展性。
Magento2 佈景主題開發的基本設定不久前介紹如何解決Magento 2 預設主題的選單問題,不少網友也提問到佈景主題該怎麼設定? 本篇文章就來解決大家對Magento2佈景主題開發的基本設定做教學 主題包的路徑
Sublime Text3 好用的SFTP套件很多情況下,後端開發者習慣將環境架在虛擬機中(例如:VM VirtualBox),好處是假如哪天在設定環境時把環境玩壞了,可以馬上再架一個一樣的環境出來,非常方便,但是一般情況下我們不會裝有GUI介面的虛擬機,所以內建的文字編輯器只有nano vi vim 可以選擇,但這些編輯器的功能很簡單,只適合短時間的修改,若整個專案都用這些編輯器完成一定會崩潰,所以大多數人選擇的方式是在本機端使用自己喜愛的文字編輯器編輯檔案再透過SFTP傳輸檔案與虛擬機(遠端)同步,這樣的方式我們可以避免虛擬機中介面很醜的編輯器,又可以使用自己裝了一大堆外掛的文字編輯器,用起來方便又快速,編輯器中的大佬
AWS資料庫異地備援服務與商城、租用平台相比,自行營運品牌電商網站雖然擁有行銷自主權、網站功能調整彈性、數據分析的掌握等多種優勢,但相對的,品牌勢必會需要花更多人力去維護,包含網站或伺服器上的問題。若自有品牌電商遇到技術上的問題,將會需要有專業的技術人員或是第三方協力廠商協助處理,視問題嚴重情況得花上長短不等的工作時間,而期間若有網站停擺的情況,將會造成收入上的虧損。 AWS雲端運算提供了相當多的解決方案,歐斯瑞今天要來介紹其中一項與資料庫有關的備援服務「異地備援」。在講異地備援服務前,首先要提提什麼是Amazon RDS: Amazon RDS全名為Amazon
Magento資料庫串接工具-devart篇上一篇我們提到透過外部工具連接Magento資料庫的動機,以及需要注意的事項,這篇要提供其他的工具選擇-devart。 devart和上一篇介紹的CDATA相同,兩個品牌的專業都是資料庫與客戶端資料交換,旗下產品多從客戶端各種應用情境出發,進行各種資料庫的存取與更新,當然,電商領域的Magento與市占率極高的統計分析工具-Excel也在他們的服務項目之中。 影像來源:https://www.devart.com/excel-addins/magento.html SOAP VS
成為Facebook行銷及洞察力高手—資源分享篇大家一定都知道臉書吧!台灣人超愛滑手機,一天平均上網時間長達三小時,大家到底都在滑什麼呢?答案是觀看影音視頻~ 不管看是臉書也好,Instagram也好,Youtube也好,網紅世代,台灣年輕人最想成為的職業之一竟是網紅!25-44歲最有消費力的一群人們,更是有近六成的上網時間都花在社群媒體上,擁有20億使用者的臉書更是掌握所有消費者行為偏好的重大來源!因此,今天Astralweb要在此介紹可以用來了解臉書狀況的課程平台啦!不要小看臉書,谷歌關鍵字打Blueprint即可找到臉書教學有關行銷的數位課程喔! 只要你的臉書有登入,就可以使用並且進入到自己的課程頁面,跟其他線上課程平台一樣,有自己的臉書頭像哦!同時也一邊記錄你上過以及還沒上完的課程,不用擔心,全都是免費的! 從入門到進階都有相關課程,最特別的是有別於其他線上課程,他並不是用影片的方式,而是用像部落格的文字圖片交叉撰寫的方式來幫助你釐清其中的一些重要觀念。 從入門到刊登廣告、購買方案、如何有效篩選廣告受眾、提高客戶購買意願、管理並衡量成效、了解Instagram、Messenger等其他臉書子公司,內容算是非常齊全哦!各位網路小編,不要錯過臉書官方最正統的學習頻道!
Magento資料庫串接工具-CDATA為什麼會想連接Magento資料庫? Magento作為一個電商管理系統,當然內建了資料匯出/入的功能,也有相對應的介面進行操作,但大型電商通常由不同部門透過Magento,負責管理不同的業務,光是客戶、產品與訂單與稅務等等,可能就分由三個或更多部門分別處理。 假想一下,行銷部門想針對特定產品的追蹤分析;或者您的客戶來源並不一定來自於網站前台等等,這些因素都會使得在Magento中的權限控管,成為一個十分重要卻也相對複雜的議題。若再加入系統管理人員的教育訓練成本等外部因素,資料的交換與分析報表的過程或許會是導入電商系統的一大痛點。 可能適用的情境? 由於Excel作為統計分析工具,有很高的市占率,我們先做出這樣的假設:
跨境物流怎麼做?看這一篇就對了!物流與倉儲一直以來都是廠商欲踏入跨境電商領域時必須面臨的一道高牆,繁雜的費用計算以及進出口手續經常困擾著廠商,即使有心想處理也不知從何著手。別擔心!今天歐斯瑞就要來介紹幾種方式,不論是大企業或是中小型公司都能夠評估自身適合的方式來處裡唷!
前進東南亞-電商賣家們你準備好了嗎?台灣網路普及率高,打開台灣求職網站,皆很容易看到ebay、Amazon的跨境電商徵才訊息,Pchome及蝦皮搶佔台灣市場的電商競爭戰人人皆知,不禁引起大家熱烈討論,台灣電商公司的下一步,究竟該去哪呢? 電商創業成本低,但台灣雖然每年電商營業額年年上升,有獲利的商家卻是少之又少,許多投資人眼睛一亮,準備前進東南亞! 以下淺談一下東南亞的各種條件
如何在Mailchimp中針對未點閱的訂閱者們再次行銷?發送電子報是個既省錢又可快速行銷的方法 ( MailChimp洞察數據-掌握電子報行銷成效 )。但往往有許多訂閱者因為不同原因而未點開所收到的資訊。除了精心設計的內文以外,好的行銷方式需要考慮發送時間與主旨。當你今天已將所有資料備妥並發送出後,仍有訂閱者們可能於百忙之中忽略了所收到的電子報( Mailchimp 訂閱者名單管理
進階測試工具 WebPageTest本篇文章將介紹WebPagetest這款進階測試工具,讓您更能快速並清楚知道當訪客從不同國家/地區進行連線時,您網站是否需要做更進一步的優化,如:拖慢網頁載入的原因等。
Magento 2.2.5和2.1.14安全性更新Magento商業版, 社群版2.2.5和2.1.14包含多個安全增強功能,可以幫助關閉經過身分驗證的管理員用戶遠端執行代碼(RCE),跨站請求偽造(CSRF)和其他漏洞,之前尚未下載過Magento 2版本的使用者請直接進入Magento商業版或社群版2.2.5進行操作,有關如何保護您網站的其他相關信息,請參閱最佳安全做法。 請從以下選項中,選擇適合的更新版本來進行本次安全性更新: Magento夥伴:
網路連線的保全-帶你認識SSL/TLS/HTTPSHTTPS通過對瀏覽器和服務器之間的流量進行加密,並通過建立從證書核准機構(CA)到被訪問網站的信任鏈結來提供更具彈性的連結。另一方面,HTTPS就像是一份議定書的選擇。安全通訊端層,又稱(Secure Sockets Layer, or SSL),是第一份廣傳的協議書,之後,SSL則變成傳輸層安全性協定(Transport Layer Security, TLS)。但隨著時間推移,SSL以及早期版本的TLS被發現存有漏洞,因此用戶以及管理者將網站升為HTTPS為必要的過程。
線上撰寫PHP語法,並提供給對方做參考分享網站工程師在寫PHP語法時,常常會發生寫過的某個功能想要分享給另外一個人的狀況,這時我們可以用WORD、LINE、EMAIL、等等任何一種可以傳遞文字訊息的方式給對方做參考,但在這樣的過程中,程式碼的排版通常會發生錯亂,且無法得知這段CODE真正最後的產出為何,此時,網路上有一個免費的資源服務,Onlinephpfunctions,滿足了這樣的需求: 該網站能將你撰寫的純PHP程式碼直接性的做輸出跟分享,並且提供基本的除錯功能,輸出之後還能透過網址再分享給第三方做參考,甚至還能選擇透過不同的PHP版本做編譯!以下提供幾張截圖並提供說明介紹: 1.PHP程式碼無錯誤,正常編譯成功時 2.當PHP程式碼發生編譯錯誤時,會提供基本的除錯訊息做參考
用Photoshop玩3D【Fuse CC系列】1 Fuse介面基本操控Adobe Fuse是一個模組化的3D人物繪圖輔助軟體,並能在Photoshop中進行人物姿勢與動作編輯,只需要從內建設定好的人物模型中挑選,再透過內建設定好的數值調整,如可以針對臉部、身體、四肢、服裝的各細部區塊做調整,再套用內建設定好的動作,而產生想要的繪圖結果,詳細的操作介面介紹,一起看下去吧!
Magento 2 新增後台選單Magento 在開發期間,常常需要建立一個後台管理介面,但是後台的選單是使用 ui components 所產生出來,所以需要依照原生的設定來撰寫,今天我們就來介紹一下如何產生客製化選單吧!
Photoshop教學【冷門工具】備註工具Photoshop的備註工具可以在圖片編輯備註,但存圖片時不會被存出來,適用於以下的情況:多人編輯同一份PsD,但負責項目不同時,例如:設計主管與設計人員、設計人員與印刷人員,或是職務階段性交接時,例如設計人員給予前端人員、設計人員給予另一位設計人員時,以及自我記錄與提醒的功能。
前端通訊協定介紹現今的網站常常需要像聊天室一樣即時做資料接收,而且必須在不重新整理網站的情況下一直接收後端送來的最新資料,今天就讓我們來看看有幾個技術可以做到這點,以及其各自的優缺點吧! 1.輪詢(Polling) 簡單的說就是讓browser每隔一段時間去後端取得最新的資料,這是一種最古老的方式、也相當浪費server的資源,因為browser不會知道server上面是否有新的資料、所以常常去server取資料都是拿到舊的資料、而不是新的,這樣會造成浪費server的連線資源,但這種方式最簡單、也幾乎所有的browser都支援。 圖片出處:https://www.pubnub.com/blog/2014-10-01-websockets-and-long-polling-in-javascript-ruby-and-python/ 2.長輪詢(Long-Polling)
Magento 開源碼2.2.4 發行說明2018年5月2日發布的修補代碼和發行說明,發行說明於2018年6月13日修訂。 亮點 此版本的修正有以下幾個亮點: 1.更新的綑綁模組,可以直接從購物車新增即時和準確的稅金和運費計算: Amazon Pay提供客戶一個值得信賴且熟悉的方式來進行結帳。(更多關於此解決方案為商家及其客戶提供的優勢的完整說明,請參閱亞馬遜支付。)
Magento 2 目錄深度如何設定相信大家一定很常在網站上看到以各種不同名稱來定義分類目錄,特別是購物網站更常出現依照商品類別、品牌、功效…等來分門別類,使消費者能透過這些目錄分類順利地找到自己想購買的商品。 在Magento裡是沒有限制層級的,一般大約1~3層是被認為最有效的層級(影響您網站被搜索引擎編入索引的程度),您也可照您的分類來設定主目錄及子目錄。但要提醒您,並非建立較多的目錄層級就是好的,有時往往可能造成反效果,反而容易讓您的網站在消費者眼中失焦,甚至混淆商品焦點喔。(延伸閱讀:Magento2商品管理) 現在我們來分享Magento 2目錄深度的教學設定:
激發顧客忠誠度的五個小技巧對所有的電商業者來說,顧客忠誠度是世界上最珍貴的東西,而這項指標的取得也相對不易,那我們該如何得到它?製造一個體驗,並與消費者的情感做連結,或是找到在兢爭市場中脫穎而出的產品,你必須提供顧客相對價值的產品或服務,並為其創造效益,在這邊,我們提供了五個小技巧,讓你為提升顧客忠誠度踏出第一步。
1分鐘學會magento2的restAPI使用方式Magento2提供相當完整的restAPI供人使用,此篇文章就要教你如何使用magento2的API 1.先去magento後台新增權限: 直接點這裡新增使用者: 接下來到userinfo填完user的資料,在這裡使用webuser
六個廠商應該跟商城分手的跡象我們在電話,臉書社群,讀者來信中常常聽到這個故事: 公司興致勃勃的想要發展電子商務,想做的事情很多,未來的鴻圖規劃的一發不可收拾,卻沒有相對應的預算,你必須選一個兩全其美的辦法,來針對資金做出戰略決策:是否該雇用工程師專職來開發自己的網站,是否需要各種未來可能會使用的行銷功能,是否好操作,更重要的是,這個投資是否值得…我何時可以回本? 故事延伸通常是這樣的:你與創業夥伴找了已經成熟的平台來投資,例如P*home, Y*hoo, A*azon,
電商小學堂:如何減少手機裝置上的廢棄購物車之前介紹過五個小技巧降低購物車遺棄率,而現在因為智慧型手機普及,越來越多消費者也把購物行為從電腦轉移到了手機上,根據Forrester Research的研究可以看出電腦、手機、APP之間的流量轉換率,手機可說是網站流量最好的來源,佔了一個網站總瀏覽量的49%,但同時轉換率也是最低的1.7%,僅僅只有桌機轉換率3.5%的一半,並且只佔有32%的在線銷售營收。 雖說手機裝置上的使用者佔最大宗,但手機裝置上的使用限制也讓人們在使用時潛意識下期望著不需在手機上進行過於複雜的操作,不然將會大幅降低用戶在手機裝置上結帳的意願,進而導致廢棄購物車大量增加。 今天,歐斯瑞將在本篇文章與各位分享幾項重點,用於可改善手機裝置上的廢物購物車,就讓我們一起來看看吧! 專門用於手機的網站體驗
時間軸在網站設計上的應用時間軸具有簡單明瞭、表達方式明瞭的優點而被廣泛應用在網站呈現上,今天,我們特別挑選了幾種實用的呈現方式供讀者進行參考: 標準時間軸 (歐斯瑞公司開發) 適用:區間長,同個里程碑中含少量主題 特色:顯示畫面乾淨明瞭,每個里程碑的事件一目了然,點擊里程Icon顯示該歷程的圖像
如何在YouTube影片中手動新增字幕當你的Youtube影片是以其他語言錄製或無聲音等原因需要加上字幕時,此平也可以幫你輕鬆完成。跟著以下步驟由小編會帶著大家學習如何手動增加字幕至YouTube影片中!
跨境收款小撇步,別讓費用大軍吃掉你的利潤!隨著網路的發達,群眾的消費習慣正悄悄地產生巨大的轉變,從下方的圖表我們可以看到全球電商零售銷售額正逐年增加,去年(2017)交易總額已經超過2.3兆美元,預估在2021年將會呈現翻倍成長至4.8兆美元以上。 這種消費模式的改變,也讓傳統的單一實體通路逐漸式微,越來越多的新創品牌也選擇從電商出發,如雨後春筍般冒出,而傳統老字號大品牌亦紛紛投入電子商務,開始探索虛擬通路能夠帶來的各種效益。(更多相關資料,可參考歐斯瑞的電子商務解決方案企業指南) (圖片擷取自知名統計網站statista) 除了消費習慣的改變外,電商能夠如此蓬勃發展的另外一個原因是它縮短了產品外銷所需要的時間,以往產品要賣到國外你必須先找到代理商、經銷商、通路等等,而現在你只需要一個精心設計、規劃得宜的品牌電商網站就能夠開始銷售(當然,還必須符合當地法規)。
Navicat – 統一的資料庫管理工具今天要介紹一個公司:Navicat(業界統稱導航貓),它考慮到了熟悉每種資料庫、每種管理工具十分耗時耗力的狀況,把各種資料庫包進了其資料庫開發管理工具,並且以其直覺好操作方式受廣大使用者喜愛。
號外! Adobe宣布將於Q3以16.8億美元收購MagentoAdobe於2018/5/21宣布將於財務年度第三季以16.8億美金收購Magento。Magento執行長Mark Lavelle也將於收購後繼續留任Adobe協助Magento融入Adobe企業環境,同時於Magento官網宣布此消息。 Adobe與Magento收購後即將擦出的火花令人期待。Magento自2008創立以來,已累積為數不少的使用者並成為全球備受歡迎的電子商務平台,可以用來進行架設網站並涵蓋有Ecommerce購物車功能,使用者有可口可樂、華納兄弟、漢堡王等知名公司,而Adobe在設計領域為全球翹楚,之前以單機版產品為主,近年積極推廣雲端產品,像是在Experience Cloud的區塊,裡面的內容很多很廣,可是Adobe卻無法提供平台供使用者進行體驗,而現在透過與Magento的連結,其中的資料管理平台、電子郵件行銷、活動管理與傳遞等都可以透過Magento進行操作,而對Magento原本的用戶而言,Adobe可能會為提升使用者在體驗雲中的感受,而提供Magento新的支援或素材。 本次的收購不僅僅影響Adobe和Magento,也因為增加了雙方產品的深度與廣度,影響了整個電子商務環境,但不管如何,Adobe和Magento這對互補的組合是令人期待的,想要獲得更多更新的消息,歡迎您訂閱歐斯瑞電子報,以及追蹤我們的Facebook粉絲專頁!
部分賽門鐵克認證即將失效 對於台灣百大網站的影響由於網路資訊安全的不確定性,許多網站會向數位憑證認證機構(CA─Certificate Authority)申請數位憑證。作為一個權威並可依賴的第三方機構,CA 負責發放以及管理數位憑證。數位憑證的內容包含申請單位的資訊以及公鑰。一般使用者可透過檢驗 CA 發行的數位憑證是否有效,來保障自己的資訊是傳給正確的網站。由於數位憑證關聯著網路資訊安全的重要性,發行憑證的
Magento X Amazon,多渠道整合引爆你的銷售業績!說到當今最大的線上零售通路,Amazon絕對是當之無愧,不但品項眾多,價格透明,提供的服務也是相當完善,擁有眾多的忠實使用者,許多商家也爭相在Amazon上架自家的產品,尤其如果是想要販售到海外或是全球,Amazon更是不可忽略的一個通路,而另一方面,品牌意識抬頭,越來越多的商家紛紛計畫建置自有品牌專屬的電商網站,希望帶給顧客獨特的購物體驗。於是,越來越多的平台、通路,加重了商家內部電商團隊的負擔,容易造成管理不易且效率不佳,但是為了維繫銷售量或是市占率,又不得不苦撐。 那究竟有沒有更有效率的方式來管理呢? 有的!我們這次就要以Amazon為例,說明透過客製化與Magento電商系統整合,可以讓電商管理團隊有效率的同時管理Magento品牌電商與Amazon通路!那麼,要如何與Amazon整合?又會給商家帶來什麼樣的好處? 有的,在產品的部分,Amazon提供了相關的資料串接介面,可以讓其它系統去讀取或是寫入Amazon內的資料,舉例來說,當商家在Magento端創建了一項商品並且上架,如果要讓該商品也在Amazon上架,就必須另外到Amazon的管理介面並且登入,重新進行輸入商品資料、上傳圖片等作業,但是在整合串接後,Magento端能夠直接將產品資訊出版至Amazon,只需要補齊部分Amazon要求的商品資料欄位,這能夠大大的簡化操作步驟,為商家省下更多人力時間。 (整合後能夠省下1/3的步驟,大量縮短人力時間,也能降低長時間重複Key-In資料的錯誤風險。)
Magento 2 後台登入之安全性設定Magento電子商務系統,除了可應映各企業之規模需求,制定合適之B2B、B2C或是跨境電商處理,在管理後台相關操作時,各管理部門所負責之處理範圍,以及權限帳號皆不盡相同,即使是相同帳號,在安全性操作方面,難免會有人為上的疏忽或是披露, Magento針對後台登入安全性設定,也已有成熟的規劃管理設定選項。 在先前文章教學Magento 2管理會員密碼安全性,我們學習到如何設定客戶會員登入的密碼安全性,在此我們要來分享的教學設定,是關於後台管理者登入時的安全性。
如何規劃WordPress活動報名功能近期歐斯瑞接到許多關於Wordpress客製化功能開發的詢問,而其中發現有蠻多公司在詢問活動報名的相關需求,因此歐斯瑞今天特別針對活動報名系統,列出一些在規劃上較容易被忽略的地方: 假設歐斯瑞為回饋社會,即將開設免費電商講座課程,課程內容共有B2B、B2C、跨境電商三大主題,以此範例為各位介紹,如何規劃報名系統內的功能,現在就讓我們來看看吧: 報名活動
不可不知的Magento2.2.3!最新的Magento2.2.3已於三月底悄悄釋出,現在就讓我們來快速看一下此版的有哪些更新項目吧! 項目一:安全性更新 用過Magento1.X的用戶都知道,Magento會不定期釋出最新的安全性封包,來協助你提升網站安全性,但在Magento2.X上並不會採用此方式,而會使用直接更新系統版本的方式,來更新你的系統安全性。 Magento2.2.3更新的安全性項目如下: APPSEC-1951:
Nginx expires 設定與優點Expires的設定可以將頁面暫存到客戶端瀏覽器,減少對server的請求以及負擔,像是一些很久才會更新的檔案比較推薦設定expires。 expires 的參數 time
manage category 切換 category 所觸發的 AJAX在Magento 後台往往會想對某些頁面寫入JavaScript的需求,為了改變頁面的內容,大多數的頁面都在後端作處理就好,而有些頁面像是Category>manage category裡的category做切換的時候是透過AJAX機制做傳遞,這時候就有寫JavaScript的需求了。 1.如下圖的紅色框框,在切換category的時候執行JavaScript的程式碼
網頁最佳化圖片爲何要最佳化圖片? 一言以蔽之,速度決定一切。這裡指的速度,是網頁讀取的速度。你只有幾秒鐘的機會抓住和留住使用者,所以會影響網站載入的時間的任何元素都是不可放過的。無論你只是在網路上經營一個部落格,或在網路上販售商品、提供服務。如果你的網站很慢,你將失去大量的訪客、流量、以及收入。一般來說,如果你的網站載入需要超過一秒,就可能已經需要進行優化了。 「圖片」算是影響網頁載入速度的首要因素,因為圖檔是所有網頁需要傳輸的檔案中體積最大的,從 “圖片瘦身” 下手,絕對能帶來
小心!他們正盯著你!6種Google服務會收集的數據近期臉書洩漏個資事件鬧得滿城風雨,WhatsApp共同創辦人艾克頓(Brian Acton)發起Delete Facebook的活動獲得熱烈迴響,就連Space X與特斯拉的創辦人——伊隆・馬斯克也毫不戀棧,將旗下公司的臉書粉絲團全數刪除。
電商創業第一步 – 商業模式 (下)在上一篇電商創業第一步-商業模式(上)文章中,我們介紹了電子商務的基本商業模式,在這篇文章中,我們將會提出在創業初期會遇到的每一個與商業模式習習相關的問題,讓你可以面對這些答案時,更了解那些決定更適合自己的創業,進而來架構出正確的商業模式。 我的顧客是? 你的創業的目標顧客是?是企業還是一般消費者?這將會影響商業模式最關鍵的答案,介紹基本的商業模式之後,我們知道基本的電商平台有B2B(企業對企業)、B2C(企業對消費者)及C2C(消費者對消費者),而決定你的顧客是企業(Business)或是一般消費者(Customer)都是建立商業模式的基石。
電商創業第一步 – 商業模式 (上)當你準備建立自己的網站創業的時候,你將會需要做出許多大大小小的決定,而這些決定都攸關了你是否選擇了正確的商業模式, 進而影響創業的未來。 在電商創業第一步-商業模式(上)中,我們將介紹電子商務的基本商業模式,而在電商創業第一步-商業模式(下)中,我們將會介紹在創業初期會遇到的每一個與商業模式相關的選擇,讓你可以面對這些抉擇點時,考慮其優缺點,來架構出正確的商業模式。
在移動裝置上贏過你的競爭對手 – Google 官方檢測工具根據全世界最龐大的數據資料庫Google統計,網頁延遲1秒將造成轉化率下將20%! 在消費重心越來越仰賴移動裝置的現在,設計網站時更需要針對移動裝置去進行速度測試,確保移動裝置上的用戶體驗品質,Think with Google 在二月份推出了一套工具,用來檢測移動裝置讀取網頁的速度,包含十二個國家及3G/4G的網路環境,讓你可以使用不同的條件去檢測自己的網站,同時也提供了收益預估計算器,讓商家了解改善自家網站的速度,將會帶來多少收益,現在就讓歐斯瑞帶領你來看看吧!
運用Odrive增強檔案管理的效能當您的公司有所成長,有更多的團隊成員或客戶需要進行交流時,檔案管理是一個主要面臨的課題。沒有適當的檔案管理有可能將會丟失文件,傳錯副本版本以及當你需要專注於工作時結果一團亂的風險。 以下有一些重點問題 客戶與團隊成員用不同的檔案儲存方法 原始文件隨著時間堆積變成多個版本(線上及電腦裡的檔案皆是)
Photoshop教學【影像修圖】動畫風格今天astralweb要與大家分享眾多動畫風格中其中一種風格的修圖,一起來看看如何製作吧! ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整 Step
網站測試工具-Selenium教學Selenium 是一個圖形化介面的網頁自動化工具,可以幫助測試人員在知短時間內使用滑鼠就可以簡單完成錄製瀏覽器的操作動作,並快速完成部份的案例測試。
Ubuntu如何手動新增虛擬記憶體(swap)網站伺服器經常會因用途考量低成本,等到發現資源不足時才增加資源;因此也會有記憶體不足的情況,那麼如果主機都已經上線工作了,該如何修改設定呢?在這裡對Ubuntu linux系統介紹設定的方法,只要幾個指令就可設定完成。
Magento 2 – 更改配置使後台用戶登入不受限制會特別單獨提到這個設定項目是因為,這個項目的功能在Magento 1是沒有的。 這個設定的作用是,舉例來說,我們持有一個後台帳號為admin,有很多人打開網站後台並同時登入admin帳號的話,後登入的會踢掉前面登入的(同時只能有一人使用此帳號)。 這個設定在Magento2網站架設好時就預設啟用,有時難免造成困擾,那麼如何將此限制停用呢?請參考下面設定步驟進行。
如何改善使用者體驗以提高顧客忠誠度一個高水準網站除了擁有好的商品外,另一個主要原因便是使用者體驗。 Why? 在這個資訊與技術蓬勃發展與進步的時代,現代人們大多透過網站或商店門市與商家、公司進行互動。 不管是一般形象網站、電商網站,更甚是響應式網站,都逐漸顯示出使用者體驗的重要性。
Magento2 客製化模組製作本篇要介紹如何在Magento2上製造一個客製化模組(Extension),我們會介紹一個模組必要的xml配置檔,和建置controller和view,呈現它們是如何溝通傳遞資料。 適用版本: Magento2.0以上 首先我們先決定好模組名稱為AstralWeb_HelloWorld,然後依照此模組名稱在app/code資料夾裡底下建立新的路徑app/code/AstralWeb/HelloWorld,一個模組必需要有registration.php和module.xml檔案,模組才能在Magento2底下運行,這兩個檔案我們建置的位置及內容如下:
Magento 2 事件處理 (上)Magento 內建有許多的事件,其實使用起來非常方便,設定上也不會太過於繁瑣,又可以取得想要的參數,今天我們就來看一下事件的呼叫是如何使用的。 1. 什麼是事件
Magento2 如何更換交易信件logomagneto2內有許多交易信件提示的原生功能相當方便,那我們要如何讓每一封的交易信件附上公司的LOGO呢? 首先,進入後台操作進入content>Configuration 接著選取希望更改主題!
歐盟個人資料保護法規GDPR對電子商務的規範基本資料保護法規 (GDPR) 是歐盟於2016年通過的法律,旨在為歐盟公民提供更強大的數據管控,如數據收集、存儲以及再應用,同樣的,GDPR也為提供企業商家更清晰的法律架構。
AMP是什麼? AMP的好與壞報你知Google AMP,簡稱AMP,主要的用途就是讓使用者在開啟手機網頁時更快速,AMP 包括三個部分:分別是AMP HTML,AMP JS以及Google AMP Cache,請看以下的介紹以及優缺點說明。
網站速度,影響你的行動搜尋排名?網站速度的重要性,2018大事件 Google 在2018一開春就宣告,從 2018年7月起,網頁的讀取速度將做為行動搜尋結果的排序條件之一。也就是,除了傳統我們所熟知的,網頁內容的相關性、外站的連結品質、是否使用AMP、使用者體驗,新加入網頁讀取速度。這項更新只會影響使用體驗非常緩慢的網頁,網頁的相關性還是影響搜尋排名的關鍵指標。
Magento 訂單項目狀態解說今天小編要來為各位講解一個我們在Magento中不常用但是卻很重要的功能與觀念_Order Item Status(產品項目狀態),什麼是產品項目狀態?產品項目狀態是在每筆訂單中,針對訂單中每個項目處理狀態的描述,我們比較常用到的主要有三個- Ordered/ Invoiced/
Magento 2 商品排序方式設定教學商品排序順序對於購物網站固然重要,管理者希望讓客戶在商品列表,優先觀看到哪些項目,將對於銷售商品有極大影響,所以此篇文章我們要來分享如何在Magento 2 設定商品排序。
Magento應用 – 使用社群登入前的必做小步驟!社群媒體已成為民眾日常作息中的一部分,許多人喜歡在像是臉書、Twitter等社群平台上分享自己的生活點滴,尤其在台灣,不論男女老少幾乎人人都擁有臉書帳號,越來越多的應用程式或是網站也都開放用戶可以使用臉書或其它社群帳號登入,這次我們就要以臉書為範例,來介紹在撰寫社群登入功能前,必須先執行的小步驟。 首先登入你的Facebook帳號,接著在瀏覽器輸入網址 https://developers.facebook.com ,將會看到以下畫面:
電商網站優化-電子商務平台該避免的錯誤!初期建立電子商務網站前,就必須規劃網站行銷的轉換策略,商家除了要有足夠的電子商務知識與電商經營理念,購物車系統需足以應付企業的短中長期計畫以及未來新商業模式發展的機會,AI趨勢爆發的時代,電子商務網站是否能靈活地與未來新技術結合,這些是我們一直在討論的電商策略。
Magento SUPEE-10570安全性修補通知SUPEE-10570, Magento企業版1.14.3.8和社群版1.9.3.8包含多個安全增強功能,可以幫助關閉遠端執行代碼查詢(RCE),跨網站指令碼(XSS)等功能,以及解決其他問題。此版本同時包含多項小功能的修復程序,詳情請參閱以下資訊。 有關1.14.3.8和1.9.3.8版本中所有更改的信息,請參閱Magento企業版和Magento社群版發行說明。
MAGENTO 2.2.3, 2.1.12和2.0.18 安全性更新Magento企業版和社群版2.2.3, 2.1.12, 2.0.18包含多個安全增強功能,可以幫助關閉跨網站指令碼(XSS)、經驗證管理用戶身分的遠程代碼執行(RCE)以及其他漏洞。 這些版本也包含了其他的修補程序,想要了解更多功能修復的相關訊息,可參閱Magento
電商創業的致勝關鍵- Traction許多時候,在電子商務新創發表會中,我們可以見到創業家提出許多振奮人心的新點子、有著遠大的願景及不同凡響的熱忱,但是更多時候,電商創業者會在尋覓資金時,感嘆遇不到伯樂,事實上,對投資人來說,能夠讓他們在評估眾多創業點子時,眼睛為之一亮的只有一個字 – Traction。 更多技巧: 十項技巧幫助您在電子商務市場中脫穎而出
Google Analytics – 善用ABC法則,快速檢視網站狀況為什麼要分析資料? 在這個數位化時代,資料的分析與解讀是非常重要的,以電子商務網站來說,資料分析可以讓你瞭解網站的營運狀況,找出需要改善的地方,或是挖掘出潛在客戶。 而Google Analytics是目前最被廣泛使用的分析工具之一,它擁有許多強大的功能與報表,讓行銷人員或是網站管理者可以掌握網站的銷售狀況。
Magento1 表單驗證介紹Magento 是用 Prototype JavaScript 去做表單驗證的,原生設計的驗證方式就非常的豐富和多樣,但在開發上一定還是會遇到特別驗證表單規則,也保留了客製化的空間讓開發者自己添加,筆者認為Magento表單驗證算是非常好用和簡單呢。
Magento官方的安全性掃描對於電商網站來說,安全性問題一直是首要考慮的因素之一,其中包含了會員地址、手機、聯絡方式、購買行為記錄、信用卡資訊……等隱私的機密資料,一但不慎外洩,除了讓客戶資訊暴露在不肖業者的非法運用風險以外,企業也會因違法相關法規而受罰,如此將會衍生出許多對企業客戶雙方不利的問題,因此商家必須不斷的針對安全性進行測試與更新。 Magento Security Scan
IconFont(圖示字型)網頁Icon的最佳解Icon已是網頁上不可或缺的元素,除了可以提供乾淨的UI外,也少不了簡潔易懂的UX在裡面。 以往在Icon的使用上,不外乎就是由客戶、設計師提供或者是使用Font Awesome、Flaticon等等這類免費與開源素材網站上尋找符合需求的圖案來使用。 如果是一般的Icon其類型可能為png、svg,jpg⋯等等常見的圖檔,但是身為一位前端一定常常會遇到以下類似情形:
Python- 測試API本文將介紹如何用Python來測試API,無論對於測試或是學習上,或是臨時要使用沒有php開發環境的電腦來測試都很簡單又方便喔!
在Magento顯示原生SQL語法Magento標準對資料庫存取的方式都是使用ORM ,需要除錯的時候就會想要印出原生SQL來看看,完整的SQL到底長什麼樣子呢? 第一種情況顯示sql的方式 上圖是取得資料庫資料的程式碼,因為有getCollection,所以內建有一個function可以取得原生sql,echo (string)$collection->getSelect();,就會在畫面上印出sql語法了。
電商購物流程-信用卡紅利概述與案例信用卡紅利概述 首先為什麼會發行信用卡? 科技始於人性,信用卡的概念起始於十九世紀八十年代之資本主義興盛的英國,當時的富豪時常購買奢侈品卻沒攜帶大量金錢,因此發展出所謂的信用制度,透過記錄卡即使攜帶金錢不足,也能立即將屬意之商品帶回家,隨著時代演變慢慢成為現在人手一張的信用卡,人人出門即使沒有攜帶鈔票金幣也能順利購物。 信用卡一開始只是為了人們生活上便利而設計,但如今已使用普及,根據金管會資料顯示,台灣總共的有效發卡量已在2016年8月超過2,623萬張,完全超過台灣總人口數,可以說是有經濟能力的社會人士人手數張,而使用年齡層也有日漸下降的趨勢;為了掌握住這塊大餅,業者開始推出各式各樣的優惠活動,藉此鼓勵消費者使用自家信用卡進行消費,其中最主要的就是信用卡紅利點數機制。各大銀行無不以供消費者點數兌換贈品、折抵金額為成本,換取消費者的習慣與信任,使之與銀行產生更多繳款、存款、貸款之關係,達到成功的投資效益。
十項技巧幫助您在電子商務市場中脫穎而出在電子商務市場中脫穎而出 人們的消費型態隨著電腦網路的趨勢有了變動,電腦可以幫助人們進行繁複的計算作業,而網路的發達更讓人可以隨時隨地上網查看資訊與和來自各地的人進行溝通,也因為不再受限於地域的因素,商業行為開始活絡於網絡間,也就是我們現在最常討論的電子商務。 電子商務的範疇很廣,泛指在全球各地進行的廣泛交易行為,包含電子貨幣交換、供應鏈管理、電子交易市場和網路行銷等,而今天我們將主要針對電商行銷的區塊做一些技巧說明,讓您的商店可以在廣大的電子商務市場中可以脫穎而出。 以下的技巧提供給您參考,實際情況還是得評估您的產業特性進行調整喔!
在controller裡面建立layout block正常的情況下 要設定layout 對應的block以及templates,只要在extension裡面的layout的xml檔案設定就可以了;但是偶爾還是會遇到需要在controller裡面做設定的情況,例如下面的例子:
Magento 1 模組版本升級設定本篇文章介紹模組版本升級設定,有的時候模組已經上線了,但之後又有新增資料表欄位的需求,就會需要版本升級,這裡示範Magento模組升級的必要設定。 此範例為0.1.0升級到0.1.1的示範 1.下圖的version標籤內容要設定成要升級版本的版號 2.然後要新增一個檔案upgrade-0.1.0-0.1.1.php 此檔案為0.1.0~0.1.1的升級腳本
分享Magento1.9.3.1 Coupon 的Bug與修正方式此次的BUG是在結帳時候,如果你使用Coupon功能獲得折扣,之後就算取消或者此筆結帳完成,卻仍然一直保有Coupon獲得的優惠折扣,這是在開發其中的一個商業網站QA測試驗收時候發現的,先前的magento專案都沒測出這個問題,所以進而去比對其他專案的magento版本和source code,發現在magento的1.9.0.1和1.9.2.0版本,結帳流程的程式碼沒有一些參數設置和驗證,而1.9.3.1版本多了那些參數的設置與驗證導致BUG的產生。 復原BUG的流程 將產品加入購物車 執行Coupon
介紹ORO CRM(二)- 客戶管理功能 – 電商通路上次我們談過ORO CRM帳號及權限管理 ,本章節我們要來介紹客戶管理功能: 當企業透過多個管道銷售商品或服務時,要如何管理客戶資料就顯得更加重要,若同時透過現下和線上銷售時更是如此。 有別於一般傳統CRM,ORO
社群策略是電子商務成功的關鍵2018來到,對於電子商務的經營者以及行銷團隊來說,掌握趨勢並擬訂適當的行銷策略將會影響企業整年度的營收業績,所以必須制定全方位的電子商務策略。不只要由營運經營出發(成本、通路),還要運用外力,借力使力,訂出完整行銷策略與計畫,才能讓您的電子商務行銷活動成效有具體的成長。 電子商務不可忽視社群行銷 2017以來的社群發展迅速,以往的消費者購買決策已非AIDMA 模式直線完成,而是多線性發展。甚至日本電通公司也提出符合時代的消費者心理模式
五個小技巧讓你降低購物車遺棄率你也面臨這樣的困擾嗎? 顧客將商品加入購物車卻沒有完成結帳,不只有你,相信每個電商人都會遇到的課題-遺棄購物車,事實上,雖然每個產業情況不同,但普遍的購物車遺棄率最低大約是68%,而更值得我們注意的是,根據Salecycle所做的分析報告: 全球五百大品牌在2017年第三季的購物車遺棄率相較於前一個季度提升了1.5%,創下新高來到”78.4%“ 而造成顧客遺棄購物車的原因是很多元的,例如:
MacOS 升級High Sierra 導致Sass失效前陣子的MacOS系統由於在安全上有個嚴重的疏失漏洞,而釋出了一份安全性更新。由於此更新是在High Sierra的系統下才會出現的,就在這個陰錯陽差之下不小心將系統往上更新到了MacOS High Sierra,意外地發現了這個問題。在更新之後,Sass壞了!? ※注意!此安全性漏洞建立在High
如何使用亞馬遜標題搜索廣告? 廣告策略與優點、缺點亞馬遜標題搜索廣告 標題搜索廣告讓賣家製作展示多達三種產品的橫幅廣告,並將購物者引導至由品牌產品構建的慣例登入頁。 這些廣告以關鍵字定位,顯著地顯示在桌機或行動裝置上的亞馬遜搜索結果頁面的頂端。 但該注意的是,橫幅搜索廣告僅適用於通過亞馬遜品牌註冊處批准的賣家。
如何為成功的電子商務網站提升購物車轉換率繞了這麼多,在評估一個電子商務網站的成效時,轉換率總是一個不可避免的話題。網站經營者,無論是否透過各種方式吸引消費者進到網站購物,如果消費者都走到了結帳購物車的這一步最後還是離開了不就是為山九簣,功虧一簣。 根據英國Baymard Institue (2017) 的綜合研究分析,平均而言,遺棄購物車的比率約為69.23%
電商策略-增加電子商務銷售的最快方法在談論電商營銷時,該怎麼掌握消費者的面貌、行蹤,針對「目標受眾」投遞讓他們有興趣的訊息?以及在競爭激烈的市場裡,如何快速提升銷售呢?參考以下七個歐斯瑞電子商務專家提供的建議,立即開始計畫增進您的電商策略吧!
Magento 2 ORM 架構淺談 (1)Magento 除了實踐了許多設計模式( Design Pattern )的精神,也還有其他 Pattern ,像是 ORM 的架構就是其中的一種,今天就一起來了解 ORM 在 Magento 2 裡面有哪些好用的方法吧!
Magento 2使用Module建立資料表Magento 是一個開源的電子商務購物網站,在客製化的時候,難免不了需要自己新增資料表及各式各樣的欄位,在 Magento 內部有實作了很好用的方法,有助於我們資料表 Schema
我愛TMUXtmux 是終端機必備的最佳夥伴 我在每台伺服器上都使用它。tmux全名為:terminal multiplexer;tmux以各種方式協助我的工作。 它讓我更有效率的工作。我可以將一個視窗分成多個窗格,而不是以一個視窗填滿整個螢幕。我更可以調整或重新排序我的螢幕和窗格以便我工作。
Magento線上客服模組-使用者安裝手冊這款線上客服模組是我看過蠻完整的模組,也很簡單上手,依照以下步驟即可完成安裝,本篇文章示範是在乾淨的magento1.9環境安裝的,注意一下如果是客製化過的環境有可能會有錯誤。 此安裝的版本為1.1.2版本(Live Chat 官網)。
8個強化magento效能的方法Magento是一個相當複雜的系統,今天就來介紹幾個可以強化它的效能方式: 1.關掉不需要用的運送方法模組,可以強化checkout的效能 Magento預設是會打開Fedex,USPS,UDS,DHL,如果不需要的話,可以都關掉它
清除Magento的Log方式Magento有一些user的統計資料或記錄,是存在資料庫的,但隨著時間的關係、這一些的資料會變的相當肥大,需要定時做清理。 Magento有相當多的log存在資料庫,隨著資料量的上升, 資料庫的效率會開始變差,所以可以先清除掉這些資料,如果用不到的話! 清除log的方式
加速magento! 什麼是Zend Opcache什麼是Opcache Zend Opcache通過opcode做cache,讓php有快的執行過程,它將腳本存在共享內存中供以後使用,避免掉從磁碟讀取代碼進行編譯的時間消秏,同時它還應用了一些代碼優化模式,使代碼執行更快。 什麼是opcode
Magento 2 如何自訂產品目錄連結通常Magento2產品目錄分類所顯示網址列的規則,是當你在建立產品目錄時系統就會自動抓取分類名稱作為命名,當然你也可以更改目錄網址列顯示的名稱,方法很簡單,只要到後台的設定就可以做到,本文是由Magento2作為教學示範例 下圖為系統自動抓取目錄名稱所顯示的網址,當我們希望網址列顯示可以自訂時該怎麼做呢?
製作一個你專屬的滑鼠樣式RealWorld Cursor Editor 是一個免費的滑鼠圖示編輯功具、我們今天要分享如何使用它來製作個人專屬的滑鼠樣式。
如何新增Magento商品排序的選項在Magento商品目錄頁中的【排序方式】,預設有Postion, Name及Price。如果想要新增排序的選項的話,應該要怎麼做呢? 如果想要新增排序的項目、我們必須到商品的屬性(Attributes)去做設定。
電商小學堂:會員與忠誠度之累計會員制度在電商的商業模式中占有重要地位,會員制度有效累積顧客忠誠度,方便電商取得消費行為數據,直接放送商品訊息,請看以下會員制的案例分析。
電商小學堂:電子優惠劵 (E-Coupon)Coupon(優惠劵)是給持劵顧客在購買商品或進行其他商業活動時,擁有某種特殊權利的優待 ,意思相同或是相近的詞彙有 「折價劵」、「折扣劵」,優惠券存在的目的是以促銷行為來做發放,因此商家一般情況下,是不允許將優惠券來兌換成正常貨幣使用,而是只能針對特定期間或是某些地區之內使用,就像是麥當勞、肯德基或是其他速食業者,會發放coupon劵,提供給客戶在門市消費時,可以有價格上的優惠。 今天電商小學堂主要分享的主題為E-Coupon (Ecommerce
MailChimp洞察數據-掌握電子報行銷成效使用MailChimp發送完電子報,如何評估電子報的成效如何?快運用MailChimp內建的檢視報告功能-分析數據,就可以知道會員對於電子報的反應,更可以作為發報策略或發報內容調整的方針,更進一步尋得商機、掌握行銷關鍵。 開始監測 進入帳戶後點選 Reports,選擇檢視的Campaigns。
ORO CRM(一)- 帳號及權限管理先前我們介紹了ORO CRM的種種優點,是不是非常吸引人呢? 這次我們要開始來介紹裡面各種好用的功能啦! 那麼首先,要使用管理系統的第一個步驟當然就是登入啦!
網站測試該注意哪些細節?當網站建置完成後,緊接著就是檢測階段了,以避免上線後產生的問題;像是客戶進行線上購物的過程中發生無法購買的情況,或使用者體驗不佳而失去購買慾望。那麼在進行檢測時應該注意哪些細節呢? 今天歐斯瑞就和大家簡單分享在進行檢測時應該注意的細節,一起來看看吧! 1. 正確的最終版本設計
如何匯入大量的資料進入資料庫拿到例如一份5個欄位,但有1萬行的文字檔案時,(例如匯入大量序號)如果經過程式介面匯入資料庫,多半會遇到問題,要調整設定又很麻煩。這時,可以經過phpmyadmin這個工具來幫助你將文字檔案匯入後,再匯出成sql。
測試網頁讀取速度與內容多寡今天要來測試一個網頁的讀取速度,當中的圖片多寡會影響多少呢? 首先將我們的Astralweb的官網轉出為Html檔,去除了PHP與部分JS的因素並與測試圖片放置在同一個伺服器上,圖片大小沒有固定,扣除外連結的圖片後,我們將分別測試加上額外的20、60與100張圖時,網站的讀取速度會差多少。 每個數量都將統一以清除快取的方式各刷新10次,來計算讀取的時間。
分析數據好幫手,擅用EXCEL查找功能 (Vlookup)下載了銷售報告(Sales Order Report)後,如何好好的利用Excel進行資料分析,VLOOKUP函數是查找函數,常用於從大量數據或信息中查找指定的值。一般新手,往往對於EXCEL的函數工具感到陌生和害怕。 VLOOKUP(搜尋值,陣列,陣列的第幾欄,搜尋方式)
akeneo-PIM產品管理系統 (二)系統介面主功能介紹在前一篇文章 “akeneo-PIM產品管理系統(一)系統介面主功能介紹”,我們介紹了系統總覽、商品管理、匯入&匯出功能以及其他設定(Family、Group、 Categories、Admin) ,但是在Atturbute的功能講解尚未細部講解,在此我們將進一步對Attributes功能做分享,以及教學該如何實際運用,跟上一篇教學一樣,請大家開啟akeneo之Demo網站,一起做實際操作來增加使用的熟悉度。 Akeneo官方提供之Demo資訊:
Photoshop教學【入門篇】後製夜晚效果Photoshop教學【入門篇】後製夜晚效果 今天astralweb又要與大家分享簡單的夜晚後製效果,這次使用地球的空照圖,一起來看看如何製作吧! ※本教學使用版本Adobe PS Express
如何在Magento 篩選器中移除目錄及價錢項目在Magento 的產品目錄頁中、左邊欄位有個篩選器,在預設的Magento 佈景主題包裡、這個篩選器包含了:商品目錄、商品屬性標籤、價錢等。 這篇文章要教大家移除篩選器中的目錄及價錢項目。
akeneo-PIM產品管理系統(一)系統介面主功能介紹在前一篇文章 “電商管理工具PIM系統介紹 – akeneo”,我們快速的介紹了何謂PIM系統,以及如何判斷公司是否適用akeneo的PIM系統當作解決方案。接著我們將更往下一層級,現在來為大家介紹這個強大的PIM系統功能,了解裡面有甚麼實用功能,以及該如何實際操作運用。 一個好消息是,設想周到的akeneo官方有釋出Demo後台,提供給使用者試用,後續的系列文章將依照該Demo站來說明系統內的各項功能,各位可於閱讀本文章時,同時開啟Demo站,這樣對於理解會更加有效率!
網站目錄vs網站篩選器,兩者之間的差異與應用我們在研究用戶使用一般電子商務網站的行為中,觀察到一般電商網站最嚴重問題之一是過度分類。這發生的原因通常是網站試圖將產品類型放在兩個相互排斥/獨立的目錄中,而不是將兩者合併為可共同篩選的過濾器功能。 以下描述我們測試後,過度分類導致嚴重的可用性問題,包括: 強迫用戶進入過窄的目錄範圍:
使用GSAP來搞定動畫與特效GSAP不但本身套件的容量小,且能適用於各種瀏覽器,可以從簡單的效果延伸到各種複雜的特效,方便管理與更動,以下簡單介紹它的使用方法!
Magento2測試資料產生工具在開發 Magento 的購物商城的時候,常常會需要產生一些測試用的假資料,一方面可以得知開發的頁面是否會跑版,也可以測試自己伺服器的效能是否足夠,是否需要使用更進階的伺服器等級。 而
Cmder 管理工具介紹日常使用的作業系統是Windows,但Windows內建的命令提示字元真的很難用,cmder這套工具是很好的選擇。他不但好用還可以用一些linux的指令,讓linux的重度使用者可以在windows上面也感受到平常熟悉的環境。
Magento訂單管理系統 – 主要功能Magento除了知名的EC平台之外,針對中大規模企業在訂單管理層面,也提供了非常強大的管理系統,此系統主要為提供公司內部在管理訂單時,能夠非常靈活、快速的處理各種不同類型的訂單,例如到店取貨訂單、配送訂單、分批配送訂單、退貨訂單、換貨訂單等各種訂單情況,並允許你掌控所有的品項的倉庫存量,選擇最佳的出貨地點,來配送客戶的商品,讓公司隨時掌控可銷售的商品庫存量與地點,快速的將你的商品出貨給客戶。 Magento訂單管理系統是一個獨立的管理系統,提供各項功能的開放API接口,允許與既有的銷售渠道(平台)做整合,Magento訂單管理系統提供完整的解決方案,以下將介紹此系統的主要功能給各位: 一、全球化商品庫存管理 Magento訂單管理讓你針對不同的銷售渠道(平台),連結不同的可銷售倉庫,並取得商品的庫存分佈情況,讓你的管理人員在第一時間能找到最佳、最適合的出貨點,甚至你也能讓客戶前往你的實體店面取貨,以提供靈活的銷售庫存掌控。當訂單出貨時,Magento訂單管理也能即時的追蹤出貨狀況,或是店面取貨狀況,你能查詢到各訂單的出貨進度,確保不會有任何訂單延遲、或是被忽略。
NetBeans 設定檔匯出&匯入的方式套用設定檔的好處可讓使用者在不同的電腦上面使用Netbeans都能有同樣的設定同樣的coding style,不會因為換了另一台電腦又要再次的設定自己的開發環境 設定檔匯出
如何利用 Z-pattern 模型 做出更好的佈局設計呈上篇文章;更多內容介紹請參考: 網頁設計的開始,版面設計–把消費者的視線留在你的核心內容 理想情況下,我們希望使用者首先查看最重要的信息,再次查看第二個重要的信息。因此,重要的元素應該沿著掃描路徑放置,訪客應在正確的時間被提供正確的信息。這點無論是使用任何一種模型都是無庸置疑的。 網頁動線是至關重要的 動線也是你希望使用者在您網站上的行為流程,是將視線從一個頁面的一部分引導到另一個你想要移動的方向。
如何針對 F-Pattern 做出更好的佈局設計呈上篇文章;更多內容介紹請參考: 網頁設計的開始,版面設計–把消費者的視線留在你的核心內容 針對您的網頁排出優先順序 了解您的網頁的目的,將想放置的內容將重要且希望傳達的訊息排在使用者視線經常停留的位置。另外網頁的頂端往往是視覺停留的重點,所以盡量將最核心的內容放置在頁面頂端。這也是為何標題和導航欄總是很重要 針對快速瀏覽而設定 使用者通常不會一個字一個詞地閱讀文章,而是通過掃描關鍵字來獲取內容,所以,你需要將包含可能會引發使用者興趣內容的關鍵字按照F式布局來排布,這樣可以儘可能有效地呈現內容:
網頁設計的開始,版面設計–把消費者的視線留在你的核心內容每次開始一個新的網頁設計專案的時候,會不會有那麼一個瞬間:「這個專案的網頁要從哪裏着手呢?」隨着這種問題而來的,設計網頁佈局時是不是有一些規則可循? 其實網頁佈局在很多時候都是相似的,甚至可以說,有些佈局模式是歷久不衰的。身處在資訊爆炸和科技日新月異的時代,造成瀏覽網頁行為的改變。如何有效吸引使用者的注意力?讓資訊傳遞、行銷達到事半功倍的效果。 歐瑞斯特別針對標準使用者行為,整理了3 種較為有效地的版面設計,讓專案經理或是網頁開發設計師在作網頁版面配置時利用網頁瀏覽視覺熱點的轉變,做為使用者瀏覽網頁行為的參考,進行分析在網頁設計,網頁配置是否能運用使用者的瀏覽習慣,創造一個符合感知易用性的網站,促進資訊傳遞,進而達到企業建設網站的目標。
Magento官方安全性掃描工具Magento官方終於在近期推出了自家的安全性掃描工具,還記得在今年年初,我們有介紹過如何用第三方檢測工具Magereport來檢測你的Magento安全性,但現在Magento也推出了官方的檢測工具,並且可以設定排程來自動檢測,不同的網站也能夠設定不同的排程,此外相較於Magereport,Magento的檢測工具不僅檢測安全性封包,也檢測伺服器與第三方套件,功能相當強大。以下就教學如何使用官方的安全性掃描工具吧! 一、註冊 在使用檢測工具之前,你必須成為Magento會員,才能享有使用檢測工具的資格,你可以在以下網址進行註冊:https://account.magento.com/customer/account/create/
Sitemap介紹、規劃與製作今天小編要來為大家介紹Sitemap,Sitemap的定義包含所有網站頁面(不包含功能點擊效果,如Popup),將其頁面組織規劃,架構成一個網站地圖,Sitemap的內容應該力求詳細周全,以降低日後修改的風險,請看以下sitemap說明與範例。
官方新版本Magento CE 2.2.0本月釋出了!本月初Magento官方發布一則訊息,Magento Open Source 2.2.0本版推出,此版本包含數百種增強功能和修復。歐斯瑞這裡從Magento 官方網頁整理翻譯幾個重點提供M友們快速瀏覽本次Magento更新重點!
電商小知識 – 未完成結帳的秘辛69.23%,這是多數電商網站的平均未完成結帳之購物車的比率。 很驚人嗎? 如此高的驚人的未完成結帳比率,在電子商務日漸發達的今天其實是個必然的結果。 為什麼會這麼說呢? 電商網站消除了傳統銷售方式的距離障礙,且購物途中沒有任何第三者會來打擾,大多數的人常常在電商網站上只看不買,甚至比價,又或者是先把商品加入購物車,等哪天想到了再來結帳,諸多原因導致未結帳完成比率居高不下。
Magento 安全更新 SUPEE-10266Magento 為開放原始碼的軟體,因此每當新的安全漏洞或bug檢測出時Magento總部會於24小時內釋出新封包提供給全球用戶,保障用戶們的安全防護。以下為Magento總部針對安全漏洞的部分所提供的更新,歐斯瑞提醒大家請盡快升級您的Magento版本唷! Magento 安全更新 SUPEE-10266
如何解決Bootstrap 3和PrototypeJS之間的衝突如何解決Bootstrap 3和PrototypeJS之間的衝突 當我們想要在Magento上使用bootstrap collapse.js時,會發現在展開的時候沒有問題,但是收合時卻是直接關閉、與Bootstrap網站上慢慢滑上的效果不同。這是因為Bootstrap 3和PrototypeJS之間產生了衝突。
什麼是Wireframe?今天小編要來與大家分享架設網站初期,一個很重要的元素「Wireframe」。 在開始Wireframe之際,須先了解客戶需求,依不同公司不同業務會由該規劃人員來繪製整理來自客戶端蒐集到的資料,如:網站內容頁,客戶的需求概念等,並將蒐集到的資料與團隊進行內部協調溝通,再進行Wireframe的繪製,根據Wireframe同客戶確認各網頁的功能需求 (屬於專案管理IPEMC的Plan階段)。 首先,先來介紹什麼是Wireframe(線框圖),它是一個低擬真度來呈現產品設計的表示法,主要功能可
Magento 2 效能優化其實 Magento 官方的開發文件中有一些建議的屬性值可以調整,調整後可以使Magento 的執行速度變得更順暢
網站測試工具-JMeter教學JMeter是一套開源的測試軟體,主要是用來測試網站功能及系統負載較重的情形下是否能正常運作,或是在給定的負載量下其效能的表現結果是否符合預期。JMeter原本只用在測試客戶端與服務端結構的軟體,而現在已能支援不同的模塊。它的操作介面簡單,相信你也可以快速上手。
Magento2-教你如何安裝Robots.txt?Magento2. 三步驟安裝Robots.txt Robots.txt是一個簡單的txt文件,功能是對搜尋引擎制定搜尋規則,也可以說是搜尋引擎與網站間的協議,告訴搜尋引擎那些網站內容可以被索引,那些是拒絕被索引的。 下面將說明如何在Magento2後台管理Robots.txt:
使用PCA Predict 好處?PCA Predict 在前兩篇文章當中,小編介紹了PCA Predict 的使用方式,BUT,使用這個工具可以帶來什麼好處呢?其實我們日常使用入口網站搜尋關鍵時,我們就一直在使用這種Auto
當商品庫存較少、沒有庫存時,該如何配置你的Magento商品庫存?一般網路賣家在商品庫存不足甚至無庫存之情況下是不允許顧客下單的,而當客戶無法對想要之產品下單,不只造成客戶的消費體驗不佳,對賣家同時亦是一種轉換的損失。 這邊舉個案例說明,一個B2C賣家商品有2000多種,但倉庫規模並不大,無法同時將所有商品備足庫存,在某些產業裡尤其FMCG(快速消費品),若因為庫存不足或無庫存導致消費者無法下單,將會對賣家造成一筆不小的損失,此時若客戶是使用Magento購物車系統,則可將指定商品設置成允許產品在庫存不足或無庫存之情況下,消費者仍然可以下單,藉此達到投資報酬率最大化、買家與賣家雙贏的局面。以下將以上述情況進行情境模擬,教各位如何於Magento系統裡完成設置: 第一步、庫存系統配置設定 一開始設定時,會需要在配置功能設定好條件,首先在左側選單選擇Store→Setting→Configuration,底下GENERAL選單下拉裡的Inventory
邁向新時代,拓展新視野。歐斯瑞2017視覺設計邁向新時代,拓展新視野。歐斯瑞2017視覺設計 感謝大家一直以來對歐斯瑞支持與肯定,歐斯瑞服務至今將邁入第十年,為因應時代需求,我們重新規劃了新的視覺形象,一起來看看我們的新標誌吧! 目的: 因應軟硬體進步下所衍伸的相關需求之設計
優化網頁設計-將客戶導向重點頁面明顯美觀的大橫幅 現代的網頁設計已經變得更加視覺化,讓使用者登進到全屏大橫幅時,可輕鬆查看選單選擇。 但是,所有重要內容發生了什麼事? 隱藏在詳細閱讀中?
版本控制與GitHub專案建立介紹什麼是版本控制? 版本控制是一個能夠記錄一個或一組檔案在某一段時間的變更,使得使用者以後能取回特定版本的系統。 版本控制最常用的架構又分為集中式版控和分散式版控
如何評估您的網站處於優勢或劣勢?隨著網頁開發技術不斷進步,相對地檢測網站的分析工具也得跟進,才足以因應不斷變化的開發技術。歐斯瑞要介紹這款屬於初階入門的檢測網站分析工具Website Grader,好讓您的網站不論是在開發或維護過程中,都能清楚地知道您網站的優勢與劣勢,以便進一步改善您網站的弱點。 Website Grader是款檢測網站的分析工具,它主要是根據效能、行動裝置、SEO、安全性等來評估您的網站在哪個部分需要做調整或是進一步改善(例如:網頁加載時間、SEO的核心元素),
使用 NIPPON COLORS 在茫茫色彩中尋求一點靈感還在為了按鈕、文字,或是哪個區塊要用什麼顏色而煩惱嗎?顏色總是選了又選,換了又換,搞到最後都想叫保安!!保安!!這篇就要介紹一個不錯的配色工具網站給各位。 NIPPON COLORS-(日本の伝統色)是一個介紹各種日本自古以來,常會使用在不管是於文學上,還是手工藝等等地方的顏色代表(總共收錄250種)。讓你能夠更加的了解與認識如:桔梗、緋紅,琉璃等等這些神秘的顏色,不再需要藉由憑空想像。
Magento進階應用 – 多品牌電商平台在今日,多角化經營幾乎是所有企業的必經之路,除了能夠分散經營風險外,更能有效運用企業內部資源,以多樣化的產品及品牌開發不同市場及客群。 那麼,當企業要進入電商領域時,這麼多的品牌該如何規劃呢?
便利即時又好用! Google我的商家-訊息發布功能訊息在Google Map展示,Google我的商家發布訊息給你帶來的好處:促使消費者使用店家優惠、每日公告、即時事件,用戶在Google Map即可瀏覽訊息,向欲前往店家的客戶展示資訊,填寫網址可提供客戶到網站購買、預約、註冊、取得優惠,利用圖片展現最佳商品或商品資訊介紹。
如何在Magento 2中生成Sitemap本章節將告訴您如何在Magento 2裡產生sitemap。 Sitemap可以增加您的網路商店被搜尋引擎搜索到的機會,同時特別設計成可尋找被網路爬蟲忽略的頁面。Sitemap也可以設置為能夠索引所有頁面和圖片。 當啟用Sitemap時,Magento會建立一個叫sitemap.xml的檔案保存到安裝的根目錄。該配置使你能夠設置更新的頻率和每種內容的優先權。而你的sitemap應該按照網站上的內容進行更新(可能每天、每週、每月)。
響應式網頁開發測試工具Sizzy介紹相信許多前端工程師在開發響應試網頁時,常常會使用一些輔助工具來測試在不同尺寸的行動裝置上所顯示出來的網頁效果是否正常,像Chrome瀏覽器內建的開發人員工具裡就有兼具模擬各種裝置尺寸的功能,對大部分前端開發者而言也是較方便與使用的。 但如果你想要在同個頁面可以看到不同尺寸所呈現出來的網頁效果,以現在前端開發者所選擇使用的工具普遍都是一次只能顯示一種,無法同時預覽多種尺寸。 所以,今天歐斯瑞就和大家介紹Sizzy這款工具,好讓前端開發者能有更多選擇,一起來看看吧!
WordPress 外掛使用注意事項在開發WordPress時,常會使用一些實用的外掛程式(Plugin)去幫助我們不管是在功能、外觀、甚至是網站管理上,達到想要的目的。 但並不是每個外掛都能順利地與你的WordPress網站順利相容且運作,小則沒有功能,大則能使網站崩潰!所以在使用這些外掛時有些什麼是該注意的呢? 這篇文章將列出幾個注意事項:
WEB API測試工具介紹-PostmanPostman是一款Web API測試工具,原本只是在Chrome上的plug-in的軟體而已,但現今已有在不同平台的版本可以下載使用,讓想使用此測試工具的使用者有更多不同的選擇!
MYSQL Replication教學在資料庫的建置會有一個很大的問題,就是要做平行延伸及Fail over的問題,如果是Mysq或Mariadb的使用者,就可以透過Relication解決掉資料庫層的這個問題。 * 這個架構我們稱為Master/Slave的架構,我們現在來實際以下的架構圖。
SSL安裝教學Apache : 確認申請完憑證、並且已經有Crt跟Private
如何解決Magento組合商品無法設置價格問題很多人在設置組合式商品時會出現無法設置價格的情形,如圖紅圈處: 如此一來組合式商品之價格僅能依據普通商品本身價格帶出來,同時一旦沒有設置價格,組合式商品便無法在前台顯現,以下將教您如何將價格設置欄位召喚出來。 步驟一:
Magento2 搜尋關鍵字 / 單字管理在產品種類與數量眾多的購物網站,如何使客戶能在搜尋關鍵字時,更快速找到自己想要的產品,是購物網站增加訂單量的其中一大因素,今天要來教大家如何在Magento 2 管理搜尋的詞彙以及單字整理,了解大部分客戶喜歡用甚麼字眼來搜尋相關產品,以及該使用率,觀察整理完成後,並集合各種解釋意思或是可能錯字,來引導客人到他們心中確切想要找的產品,例如客戶想找 咖啡杯 可能會搜尋
打造PHP7與PHP5共存環境(Ubuntu)現在處於PHP5跟PHP7的交換時代,所以很多人在煩腦不想要裝二個系統,一個是給php5使用一個是給php7使用,當然docker或是vmware可以很解決這些問題,那有沒有更簡便的方式呢,那就是小編現在介紹的方式,請照下面的指定做,就可以無腦處理這個問題了。 新增repository :
如何規劃最佳的商品圖片商品圖片好壞是影響銷售關鍵因素之一,如何從規劃到完成一張好的商品圖片,透過圖片媒介傳達資訊來說服客戶。歐斯瑞今天與大家分享商品圖片的規劃到完成,一起來看看吧! 一、商品圖片好壞會影響你的銷售 商品圖片好壞是影響銷售關鍵因素之一,也是最先引起視覺注意的地方,是最直接、最迅速傳達您販售商品的途徑,特別是在網路販售平台,不同賣家販售著相似商品的情況下,消費者在瀏覽網頁時,要在短短的幾秒鐘決定要不要點選,而進入你的產品頁面來作更深入了解。
PHP程式實作Word轉PDF在工作中常碰到套表的需求,客戶常常都會提供一個word範本,然後要透過程式去填這個範本,最後還要再轉PDF寄送,格式比較不會跑掉,以下就介紹該如何用PHP程式達成這個需求。
Magento 2:設置Theme Logo在Magento 2,Logo的檔名與格式預設為logo.svg。當你把一個同為logo.svg的檔案放到對應路徑<theme_dir>/web/images時,系統就會視這張圖為這個theme的logo。(即下圖所標示之處) 在使用客製的theme時,我們也可以藉由宣告來使一張不同名稱且不同格式的圖設為logo。 那麼在什麼情況下我們需要使用宣告呢?
Magento高階應用 – B2B線上下單平台由於電子商務蓬勃發展,加上線上支付越來越普及,上網購物已經與台灣民眾的日常生活密不可分。 從3C用品、服飾、藝術品、食品、甚至是虛擬商品,各大品牌紛紛推出線上購物平台,全力搶攻線上購物商機大餅。 一般來說大部分的電商都是B2C (公司對終端客戶)為導向居多,然而這股電商潮流也悄悄的席捲了以B2B
Magento2 管理商店商店分級 當magento 2安裝好的同時,一個包含主要網站、商店(品牌)和商店介面的多層級架構已建立好了 你可以根據你的需求新增額外的架構。舉例來說,在一個主體網站下可能會有不同多個品牌,同時每個品牌又需要不同的語言來應對不同國家,你得事先計畫你的層級劃分,因為這跟你後續的結構設計息息相關。 新增網頁
如何在Magento 2 使用 Widget建立網站內容這篇文章要跟大家分享如何使用小工具(Widget)建立網站內容並將內容放在頁面上。Magento的小工具(Widget)有很多不同的類型,這篇文章要以靜態區塊(CMS static block)做示範。其他類型的建立步驟都差不多,你可以參考建立Widget及設定Widget的顯示頁面及位置的步驟,只有在設定Widget的顯示內容時需要因應不同的Widget類型做調整。
什麼樣的網站功能最適合你的公司如果您是一位尚未踏足電商領域的老闆,請您先閉上眼睛幻想一下自己未來的電商網站該是什麼樣子… “畫面應該要長得很炫”、“應該要很容易找到商品“、”要減少客人猶豫的機會,讓他們快速結帳“、”應該要支援行動裝置“… … 是不是自己也覺得眼花撩亂了呢? 相關文章:一頁結帳,快速結帳的關鍵!
Magento2 匯入/匯出產品、客戶資料匯入功能 Magento的匯入、匯出功能可以讓您將所有產品型號資料、顧客資料、顧客地址和產品圖片以CSV檔的方式做細部與大量管理。 步驟一:準備資料 一般從後台匯入資料皆使用CSV檔,但匯入檔案需要Magento固定格式,可先將你所想匯入資料匯出當作範例(比如要匯入大量產品product,可先匯出其中一項產品取得格式範例)
Magento 2 通知信件管理-忘記密碼的確認信件通知信件即為系統自動發出的信件,包含註冊成功、忘記密碼、訂單完成、出貨通知等等,商家可依造信件內容進行修改(包含風格修改)。 以下將針對忘記密碼的確認信件來做示範案例 忘記密碼的確認信件 首先左邊選單Marketing
怎麼開啟全Magento網站的SSL怎麼開啟全Magento網站的SSL 在之前的文章裡,我們聊過網站使用安全連線的重要性。今天,我們要教您如何非常簡單的開啟把Magento網站的全部SSL。 在開始之前,請先確定您的網站已經安裝了有效的SSL憑證。 相關文章: 如何購買與安裝SSL憑證
如何收集和翻譯Magento 2中的單字為了在Magento2中收集用於前端和後端的翻譯單詞,我們需要生成包含所有需要翻譯的術語的csv(逗號分隔值)文件。這些文件我們稱它為字典。該文件的第一列為原始的英文短語,在第二列我們需要添加我們自己的翻譯字詞。第三列顯示短語是在主題或模塊中,第四列顯示在哪個模塊中找到短語。
如何檢測Magento客户訂單的流程隨著時代的變遷,網路購物已成為人們在繁忙的生活中取得最方便、最快速的購物方法,不管是食品、服飾、娛樂等都能在網上購買到。 然而,一個購物網站的好壞與成敗,在在都取決於網站本身的設計是否貼近使用者操作習慣以及功能是否正常。特別是當客戶在您的網站下了訂單並完成付款,卻因為某個因素導致系統沒有接收到這筆訂單或是收到的訂單資訊與客戶實際下單的資訊不符造成誤出商品,而讓客戶感到不愉悅或是有了很糟糕的購物體驗,那麼該如何避免發生這種情況呢? 今天歐斯瑞就來談談在檢測客戶訂單時有哪些流程?本範例以使用Magento為網站來檢測客戶訂單(不包含POS訂單系統整合),一起來看看吧!
Magento 2 前台網站開發的第一步如果直接在Magento的預設主題上編輯或更改預設的主題內容,當Magento2進行更新過後,你的設定可能就會直接被覆蓋掉,因此本文將教學如何在Magento 2 建立新主題。
GA分析與加強型電子商務分析為了因應日益成長的電子商務趨勢,今天我們要介紹一個比基本GA分析更加強大、更針對電子商務的追蹤功能——加強型電子商務分析 (Enhanced Ecommerce) ,以下將一一介紹加強型電子商務分析的強大優勢。
Mailchimp 訂閱者名單管理歐斯瑞這次跟大家分享Mailchimp如何管理訂閱者名單的幾個基本功能,當業務擁有大量的客戶名單 ,而且來自於不同管道或不同類別,或者來自購物網站的訂閱者,就可以使用此功能,針對不同客戶發送不同資訊。
台大財金X北京清華交流-歐斯瑞公司評價今年年初,北京清華大學以及台灣大學20多位學生到歐斯瑞參訪,由我們歐斯瑞業務經理Derrick與Magento認證工程師Jin為各位介紹全球電商環境與Magento系統,我們樂於分享經驗與參訪學生交流互動,傳授業界新知與歐斯瑞經營的重要關鍵。參訪結束後,北京清華與台灣大學的學生有著豐富的感想與對歐斯瑞的支持鼓勵,以下我們將分享學生給歐斯瑞的原文評價感言!
Magento 聯絡我們功能啟用多個收件人地址在目前的Magento的系統中,只允許一個收件人接受聯絡表單的訊息,設定聯絡表單的收件人的位置是在 System->Configuration->Contacts 的 “Send Emails
亞馬遜Amazon美國站/歐洲站/日本站全面禁止測評亞馬遜自從2016/9月開始提高買家評論資格的消費額度, 2016/10月時美國站開始禁止賣家以折扣方式或是提供免費樣品請買家提供測評, 此舉主要是針對虛假評論造成打擊,希望由真正的消費者留下真實的評論,這類評論上會顯示
2017年QA測試裝置清單2016年已畫下句點迎向2017年了,在2016年裡部分舊機型也逐漸被淘汰掉,而新款智慧型手機與平板仍舊不斷地推出,那麼在新的一年裡不管是形象網站或電商網站所要測試的裝置、瀏覽器或系統又有哪些變動呢? 在這裡歐斯瑞整理出2017年QA測試裝置清單圖表(圖表所列為大眾常用的設備、系統、瀏覽器…等,實際還是請以供應商提供的為準)。 桌機
Magento2 客戶帳戶管理客戶帳戶設置將定義已註冊客戶所需要收集的資訊,以及客戶在網站上的體驗。客戶帳戶設置包括:線上Session長度 . 帳戶範圍 . 登入目標網頁 . 新帳戶選項. 名稱和地址選項 . 密碼選項
使用Google Fonts 向 “新細明體” 說再見想讓網站看起來不一樣嗎,其中文字就佔了很大的比例。不想再用預設的字型,但搜尋出來的結果卻多到不知所措。亦或是還在開wold一個一個試嗎?使用Google Fonts簡單的解決這個問題! Google貼心地準備了很多有趣及具特色的字體提供大家使用。透過Google Fonts不但能使網站更加美觀、加速,且簡化網站開發;經過135種以上的語言測試與整理,由Google把關嚴審的設計師們,提供最新的字體,甚至會依照地區、熱門程度、發展趨勢去做排序。
使用Magereport檢視你的 Magento 網站安全性與漏洞此影片向大家分享一個非常實用的網站 Magereport.com,這是網站可以幫助你檢視目前 Magento 1與Magento 2網站的安全性封包更新狀況與一些網站安全性檢視,在掃描與分析之後,Magereport會產生出一個專於你Magento的報告,你可以依照此報告做安全性更新與調整,每項檢測都附上安全性風險等級以及檢測及處理方式,幫助你的Magento更加安全!
Amazon如何打造產品詳情頁面創建共同商品詳情 當新增產品的時候, 如果是不同賣家但銷售相同產品, 也就是說該項產品已經有賣家在亞馬遜銷售過, 請選用Search
Photoshop教學:【入門篇】馬賽克濾鏡今天astralweb要與大家分享使用馬賽克濾鏡,有時需要將圖片中較隱密的地方隱藏起來,但還是會希望看的出來有東西也不至於太突兀,就可以使用馬賽克濾鏡喔,一起來看看如何製作吧!
如何使用軟體工具測試網站問題相信現在有很多人都有架設網站的經驗吧?不論是部落客,自己架設網站伺服器,使用網路服務開站,不過問題來了,很多時候網站出問題時,不是技術人員的你,是否有辦法透過一些工具協助做初期問題判斷呢?今天就3個方向的問題介紹3個免費的工具軟體給各位。 1.網站壞了,打開瀏覽器說找不到網頁。 就像你用電腦工作時,電腦會當機;網站伺服器他也有可能當機(流量太大,太多人看你的網站,伺服器等級不夠…等等),但是連不到網站可不一定是他當機了,也有可能是你的網路問題,該如何判斷?
使用Letsencrypt時的注意事項以下內容以伺服器主機作業系統為Linux,使用Nginx為前提來進行設定,這邊說明的是在已完成https的設定,若是如何在伺服器使用Letsencrypt簽署SSL,請參考讓網頁連線加密(https)!如何讓網頁伺服器取得免費SSL憑證(Let’sencrypt)。 以下的範例設定若字體為藍色,請參考您自己的設定檔檔名或路徑修改。
2017年你不能再忽略的電商行銷先機!你準備好如何應戰2017電商行銷的環境了嗎? 整體來說,2016年趨勢會更加在明年發揚光大;商家們不僅僅要關注趨勢更要做好基本功,以下幾個重點抓住準沒錯 !
前進亞馬遜你準備好了嗎?人力需求篇想要前進亞馬遜你準備好了沒? 面對越來越強大的亞馬遜, 你心動了嗎? 以下和大家分享的是投資亞馬遜需要的人力需求以及工作內容的說明, 工欲善其事必先利其器,
何謂Amazon FBAFBA 英文全名為Fulfillment by Amazon, 是亞馬遜提供的代發貨業務, 對於跨境電商來講,物流是非常重要的一環,關係到買家的訂單體驗,請看以下關於FBA優缺點和費用介紹!
Magento進階應用 – 打造跨境電商Magento是一套成熟且在全球被廣泛使用的電子商務系統,可針對不同的應用來進行客製化或是系統整合,打造自動化的電子商務流程。 但你知道嗎?Magento還有一個相當重要的功能,就是非常適合做為跨境電商的平台。 究竟有哪些特點呢?以下我們將一一來做介紹。 1.支援設置多種語言、貨幣及稅率 Magento可以在單一的後台開設不同語言及貨幣的店面,還可進一步針對不同的出貨國家
小心髒牛! Linux的安全性漏洞Magento 在十月二十六日公布一項名為“髒牛”(Dirty COW)的重大安全性弱點並提醒使用者儘速採取處理措施( https://magento.com/security/vulnerabilities/new-linux-operating-system-vulnerability )。由於“髒牛”是一項跟Linux核心程式有關的的重大安全性弱點,因此所有主要的Linux都會被影響。
Magento 原廠針對企業版及社群版用戶發布重大安全性更新受到許多跨國電商公司愛用的Magento在10月11日發布了重要的安全性更新訊息。 這次的更新編號為SUPEE-8788,旨在強化Magento企業版1.14.3以及社群版1.9.3之前版本的安全性以抵抗資料庫隱碼攻擊、cache poision等重大問題。 使用較舊Magento版本的電商網站可以安裝SUPEE-8788安全包或升級到企業版1.14.3以及社群版1.9.3。
何謂Sitemap?Sitemap 有兩個意思:一個是一份XML文件,裡面列出網站的網址及相關其他中繼資料,好讓搜索引擎能清楚的知道該網站的內容架構、比重等,另一種是利用網頁格式,方便讀者瀏覽,本文將介紹sitemap該如何繳交和製作。
提升MySQL大數據效能(Partition)隨著使用的時間、資料庫的資料會日漸提升,慢慢的效能就會變的很差,所以我們要將大數據的資料表做分割,讓每一個資料表變的小一些、去提升資料庫的查尋效率。本文將介紹目前分割資料的二種方式,水平分割(Horizontal Partitioning)和垂直分割(Vertical Partitioning)。
電子報行銷-提高點閱率的小技巧歐斯瑞今天想要跟大家分享在電子報行銷中提高點閱率的小技巧,大家都知道開信率是首要重點,但你知道嗎?當信被打開之後,有多少的原因讓人不再進一步閱讀、點擊內部連結,以下歐斯瑞分享幾個有助於提升點閱率的方法。
蘋果在App store上推出了搜尋廣告!(廣告於10/5正式啟用,對於投放第一則廣告的用戶,蘋果將給予100美金作為獎勵) 經過了今年六月份的測試,蘋果終於正式推出了搜尋廣告給apps的發行商與開發者,但目前只在美國地區的iPhone與iPad啟用。
Magento正式宣布與 Adobe 合作,打造新型企業電商銷售體驗2016年9月26號,Shop.org電子零售高峰會盛大舉行,世界級電商領導平台與雲端解決系統Magento 在會中正式宣布跟Adobe成立新的合作夥伴關係,共同為電子商務系統設計多管道的企業電商佈局,提供創新,穩定的客戶體驗。 Magento 總監,Mark Lavelle在會中談到:
YOUTUBE品牌浮水印實作教學YOUTUBE提供品牌浮水印功能有好一段時間了,它可以在您所有影片的右下方,加上屬於您的LOGO或圖形,而我們在製作這樣的圖片時需要考量以及注意些什麼呢? 一起來看看吧!
改善Facebook廣告成效的重要指標第一時間要判斷廣告成效的表現是否良好,可以先參考相關性分數這個數值,今天不只要介紹相關性分數這個指標,本篇文章還會提供你幾個改善廣告成效方法。 歐斯瑞過去曾多次討論相關分數的重要性,這個指標能夠幫助你了解觀眾是否對你的廣告內容感興趣 。你的觀眾喜不喜歡你的廣告,將會反映在廣告報表中的相關性分數上,當這則廣告曝光後,臉書廣告同時會記錄每一次曝光所獲得的動作。
MYSQL vs MariaDB自從MYSQL被Oracle 接手之後每況愈下、所以Michael Widenius 決定fork一套出一套用他女兒命名的資料庫,叫 MariaDB,請看以下兩者的比較。
WordPress 如何解決分頁套件(WP-PageNavi)與多語言功能衝突今天介紹的是Wordpress的一個提供分頁功能的套件,在有些必要狀況下,我們必須讓他還原設定到預設(透過語法),例如多語言環境,而且部分功能會變為無法使用,底下會細部說明。 WP-PageNavi是一個很好用的分頁套件,他提供後台介面供管理者簡單的設定分頁功能想要顯示甚麼字。 呈現的畫面如下 當然今天的重點不是在介紹套件的功能,而是在以上的設定欄位就會發現;
啟動你的電子商務事業(一) – 基礎篇如何開始你的電子商務人生? 電子商務、EC、Ecommerce專有名詞這麼多到底是什麼? 我到底適不適合電子商務? 不用擔心,現在就讓歐斯瑞來帶領你進入電子商務。 電子商務,英文全名為electronic
不受平台與瀏覽器限制的測試工具BrowserStack當網站建置完成後,便是要開始進入測試階段。而在進入測試階段過程裡多少都會在不同平台、瀏覽器上測試,但其實這是件滿困難的事(特別是網站有響應式設計),畢竟不太可能在同一台電腦上安裝不同版本的作業系統與瀏覽器,或是買入各廠牌不同型號的智慧型手機及平板來逐一進行測試。 所以今天Astralweb就為大家介紹BrowserStack這個測試工具,在這裡分成桌機和行動裝置來做介紹,一起來看看吧! 桌機
購物網站設計趨勢(四):輕鬆找到商品,選單就是篩選器!歐斯瑞今天要與大家談談有關網頁選單結合篩選器,並分享一些案例,看看他們快速找到商品的方式,一起來看看吧! 當商品到達一定數量或商品類型不同時,就會需要將商品作分類,讓使用者可以依照分類來選擇,商品篩選器可以幫使用者繼續過濾當下不想要的商品,也就是透過一層層分類,來選出想要的商品。根據不同的商品數量、類型和客戶群等,所制定的分類方式與所使用的篩選器也就有所不同,要注意讓使用者的操作過程越輕鬆,越能讓你的商品賣出去!我們在前面文章中提過關於選單設計趨勢的多樣性,以設計的角度來看,選單的選擇方式其實就是一種篩選機制,今天先從幾個選單與篩選結合的案例作分享,看看這些品牌利用選單達到篩選的效果。 案例分享 範例一:The
如何使用 Sass 開發專案今天來談談如何用Sass來開發專案,包含開發前的安裝作業。 開發前我們大概了解一下為什麼要用Sass開發 Sass是一套生成CSS的工具,支援變數、函數、繼承等功能,讓我們更輕鬆地組織及維護CSS樣式表。比起用傳統的CSS慢慢撰寫,用SCSS開發真的可以節省掉很多時間。 Sass開發前要先安裝以下工具
Magento 進階客製化應用 – 審核與記錄功能Magento 平台提供了非常豐富的商品上架功能、網站內容管理以及促銷功能,不過也因為功能眾多,在設置時需要格外注意是否有遺漏或是輸入錯誤,以一般中小型公司來說,可能在輸入過程中多檢查幾次即可。但若是在規模較大型的公司或企業來說,可能就會需要更進一步的檢驗機制了,這樣的機制在 Magento 中要如何實現呢?
簡易SEO入門(四)-SEO基礎心法「要利用網路搜尋引擎,建構最佳的行銷策略,其中之一的重點就是體驗人心所想。只要能抓住目標市場正在尋找的焦點,你也可以很有效率的找到並保有那些潛在客戶。」 我們必須這樣說:「要為了人們而做,而非搜尋引擎。」根據簡易SEO入門(三)前文所述,下列有三種人們常用的檢索目標: 行動方面,如資訊交易檢索(Transactional Queries):我想做一件事,如買一張機票或聽一首歌 知識方面,如資訊查詢(Informational
使用SelectBoxIt.js自訂你的下拉選單CSS無法影響下拉選單展開的選項,如果希望自訂選項的樣式,我們需要使用一些外掛來改變下拉選單的結構,SelectBoxIt.js就是其中的一個選擇。SelectBoxIt.js 的使用非常簡單、請看以下操作步驟。
Google 發佈最新的網路搜尋分析指標網路分析指標中的「排名指標」(positions)已非各家臆測,Google在說明文件中,已經寫下多種分析指標以及案例的定義。 在2016/08/02早上,Google發佈了新的說明文件,定義了多項分析指標的根據,讓你以及眾多網路分析師可以在Google Search Console中找到並閱讀。 特別重視的是對「曝光次數」(Impressions)、「排名」(Positions)、「點擊次數」(Clicks)三項指標的描述。
Windows內建的錄影工具-步驟收錄程式Windows內建的錄影工具-步驟收錄程式(Problem Steps Recorder,簡稱psr),可以將使用者在電腦上操作的每個步驟錄製下來,以擷取每個操作步驟畫面並產生文字說明,如此一來,便能提供技術人員快速了解並解決問題了。
EDI電子資料交換EDI是Electronic Data Interchange的縮寫,中文稱電子資料交換,是一種B2B(公司對公司)資料傳輸的一種標準格式,省去紙本的作業,避免因人工作業產生的錯誤,造成損失。
2016下半年QA必測清單2016年已悄悄地過一半了,在這段時間歐斯瑞也測試了許多不同的網站,每個網站所想要的需求也都不太相同,再加上現在智慧型手機、平板不斷的推陳出新,各家規格與系統都一直在做更新與改變,相對的所要測試的範圍就變得非常的廣。歐斯瑞在這裡為大家整理出2016年下半年QA必測清單(表中所列為較普遍常用的,系統部分請以各廠商所提供之版本為主),提供給大家作參考。 上表僅是提供大家一個QA必測裝置、解析度等等的參考方向,當然,您也可以依據客戶要求或是該網站中較多使用者使用的系統、瀏覽器…等來進行測試。 以上是2016年下半年度QA必測清單,如果您有任何問題,歡迎您與我們聯絡!
製作Youtube影片縮圖的小技巧YouTube官方指出,在YouTube上有90%成功影片都使用了自訂縮圖。視覺圖像會影響使用者點擊意願,在製作影片縮圖時要注意那些事情呢?一起來看看吧!
一次搞懂AS2!在個人電腦普及的今天,紙本書信已漸漸減少,取而代之的是以網際網路為基礎的電子文件傳輸/交換,舉例來說像是E-mail,即時通訊軟體等等。而企業與企業之間的溝通上,為節省成本及時間而漸漸改用無紙化作業,一切資料往來盡可能使用電子的方式傳輸。 然而,問題來了!由於網際網路的普及及方便性,且任何人都能夠使用,資料在傳輸時有被竊取的風險,甚至可能發生有人假冒你要傳輸資料的對象的情況發生,嚴重威脅企業的資安保密。 那到底該怎麼辦呢?!難道要放棄回去改用傳統紙本文件嗎?! NO!只要有了AS2,企業間就可以安全的交換電子資料了!
在行動裝置上避免點擊輸入框時畫面放大您有沒有遇過這樣的情況:當使用手機瀏覽網頁時,點擊輸入框準備輸入文字時,畫面放大了。若是不希望畫面放大該怎麼做呢?Astralweb在這邊提供您二個作法。
如何解決網站圖片在iPad和iPhone上方向不正確的問題您有沒有遇過這樣的情況、上傳到網站的照片明明在各種裝置都能正常顯示、偏偏在iPad和iPhone上就是倒的。 當我們使用數位裝置拍攝照片時、會同時在圖片中存入EXIF資訊、其中包含了相機的製造商及型號、快門光圈、照片的方向等。之所以會有照片只在iPad和iPhone上倒置的情況出現、原因就是因為在判斷照片方向性的這個資訊上,Apple的裝置和其他裝置得到了不一樣的結果。最簡單的解決方法就是先清除掉照片的EXIF資訊再上傳。 您可以下載使用FileOptimizer將照片優化後再上傳。優化的過程中、FileOptimizer會幫您清除照片的EXIF資訊。另外、將照片轉存為png或是gif檔也有同樣的效果。
Github如何在二階段驗證啟用時進行版本庫的更新因為網路安全性越來越受重視,當然各種網路服務也都為了加強而增加各式各樣的防護,就例如二階段驗證。 過去上網只要登入帳號密碼,後來為了防止被暴力破解登入,多出了驗證碼;而最近很多網站服務又多了大家都已經很耳熟的二階段驗證,簡單來說就是登入後再透過手機簡訊或是撥免費電話號碼解鎖的方式,讓帳號安全更多一層保障。 只是問題是,二階段驗證的模式是增加了安全性,可是有很多時候,帳號會有別的功能用途,技術上是無法透過二階段驗證的方式來使用的,就例如今天的例子,Github版本控制。 Github的帳號如果設定二階段驗證,想要推送版本時,會出現驗證不通過的錯誤: 要想解決問題,繼續更新,就需要去帳號裡設定“personal
關於PayPal支付,你該知道的七件事情相信大部份人對於PayPal這間公司應該不陌生,它提供了一個非常簡便的付款渠道,且支援大多數的國家付款,對於有跨境電商需求的廠商來說更是非常便利。但是,關於PayPal的一些小知識,你都清楚了嗎? 以下我們將列出幾個使用者經常會提到的問題: 1. 當客戶付款後,我要多久才能收到款項呢?
簡易SEO入門(二)-Crawling & Indexing搜尋引擎有兩個主要的功能:抓取(Crawling)跟索引(Indexing)。為了解答用戶的疑問,藉由抓取WWW網路上幾十億文檔,網頁,文件,消息,影片,媒體等等,並提供正確的索引,來提供給搜索用戶最相關的回覆和網站排名列表 Crawling(抓取)跟Indexing (索引) 是做什麼用的?
如何備份Magento的系統與資料備份是非常多人常常會需要做的動作,像是學生時代需要備份學期報告、上班時需要備份電腦資料等,尤其像是伺服器、系統等資訊檔案,更是需要定期備份,或是在進行二次開發時以及資料轉移時,也都需要進行備份的動作。 下面我們就教大家在Magento上如何快速備份資料 首先登入你的Magento後台,並進到 system >
HTTPS 跨時代的網路資安新方法在數位世界中,如何確保個人隱私的保密及安全一直是大家都非常關注的議題。同時,電商經營者也希望藉由安全性能的提升,確保他們的客戶能享有最安全的瀏覽及購物經驗。 從過去的一年到最近,有幾起關於保護個人數位資訊隱私的新聞值得讓我們留意:FBI要求Apple提供破解iPhone的程式但遭到後者拒絕、知名通訊軟體WhatsApp將所有通訊內容改為使用加密連線傳輸、極受歡迎的部落格平台wordpress.com將所有註冊在其網域下的部落格改為HTTPS連線、甚至搜尋引擎巨擘Google也宣布將會對全站採用HTTPS連線的網站提升排名。這些全球知名企業對於資訊傳輸安全性的重視實質上反應了使用者的需求。 從在地的觀點看,前一陣子沸沸揚揚的肯亞案也衍生出一些值得電商經營者討論的話題。 詐騙集團的問題一直困擾許多民眾,許多人在接到詐騙電話或簡訊時的第一個問題往往是”他們怎麼會有我的資料的?“或”他們怎麼知道我最近在網絡上做過這些事的?“;這樣的疑惑會使更多人對如何保護私密資料更加重視。對於電商經營者而言,由於網路使用者在輸入敏感的個人資料如姓名、聯絡資訊、信用卡卡號時會更加謹慎,如何讓潛在客戶能放心在自己的網站上購物已然是極其重要的問題;有在關心自家購物網站遺棄購物車比率的電商經營者有可能會發現不管商品再怎麽吸引人、價格再有競爭力、網站使用者界面再怎麼親和簡便,面對居高不下的遺棄購物車率時也不得不考慮到網站安全性這項經常被自己忽略的網站元素對整體業績會造成的可能的影響。
簡易SEO入門(一)什麼是SEO? 搜尋引擎優化(以下稱SEO)是一種行銷學科,著重於網站在排除使用付費廣告的因素下,用其他方式增長網站在搜尋引擎上能見度。SEO包含了技術和創意元素,完整的SEO須有效地結合兩者來達到網站的排名提前,流量增長,以及有效的讓搜尋引擎認知網站功用來提供更好的搜尋結果。SEO可以掌握的變因十分多元,從頁面上的文字顯示方式到其他網站如何連結到你的網站等等…也可以理解為SEO是一種確保網站結構正確直至搜尋引擎可以完整理解的一種技術。 從另一個角度看,SEO不僅僅是構建搜尋引擎友好的網站,而是構建網站讓人們更容易去找到進而為使用者提供有效的資訊與協助。 本指南將會協助提供你需要知道的,從網站術語,關鍵字,到建立搜尋引擎友好的網站,創建讓網站獨特在該領域的各式SEO範疇。如果你從以前就一直為SEO感到困惑,請記得,你並不孤單,我們會在這裡提供必要的幫助。
行銷好幫手!Chrome GA Debug插件相信不少剛接觸Google Analytic的朋友,常常遇到設置完追蹤事件,卻無法在報表中看到數據的情形,想要Debug卻又不知如何著手,尤其是當追蹤事件非常多的時候,要找到錯誤點更是令人頭痛萬分啊! 今天我們就要來介紹一款簡單好用的Chrome小插件——GA Debug!
購物網站設計趨勢(三)-手機版網頁首頁設計我們之前談過手機購物網頁設計的趨勢與重要性,今天歐斯瑞要談談手機版的購物網站首頁設計,並分享一些案例,一起來看看吧! 現今設計趨勢 頁首高度縮小,並將頁首或選單保持在畫面上方 由於手機版的空間較狹小,使用者在瀏覽網站時,當下會花較多時間在於網站內容,而不是頁首,我們要盡量空出空間來呈現內容,但頁首確是相當重要基本元素,它是你的招牌、也是引導客戶的工具列,使用者會很需要它,但不能變成影響瀏覽的阻礙,因此設計的高度不宜太高,且保持在畫面上,讓使用者可以隨時操作頁首的選單與功能。
幫你的sass專案加上Autoprefixer功能Autoprefixer是一個自動幫CSS加上前輟詞的工具,如果你習慣使用compass 來watch你的sass專案,你可以用底下的方式來幫你的sass專案加上Autoprefixer功能。 Step 1:
Magento CE V.S Magento EE自家兄弟比一比先前我們曾經撰寫過Magento與其他電子商務平台的比較文章,但你知道嗎?其實Magento本身也分成兩種版本,一種是被廣泛使用的社群版Community Edition(簡稱CE),而另一種則是企業版Enterprise Edition(簡稱EE) 那兩種版本究竟有什麼差別呢? 首先,兩者的核心架構都是相同的,兩者皆允許多層次的商家設置以及進階的商品操作,這點事Magento優於其他購物車系統的地方。但是EE企業版允許更高的同時間流量乘載以及更多的內建功能,能夠允許更多人同時在後台進行操作,並且採用了Full-Page-Caching來加快網站的速度。在購物體驗方面,更是能夠依照每個客戶不同的行為習慣及購買歷史,提供不同的推薦商品、優惠折扣或是價格。
更改Faebook應用程式頁籤顯示的圖像與文字許多商家會在自己的粉絲團增加一些Faebook應用程式頁籤功能,算是基本的社群行銷應用,最常見的就是連結站外程式,只要帳號驗證綁訂就能立即使用,例如:Instagram、Mailchimp訂閱電子報、訂位系統、程式下載等等。 繼上篇文章:社群行銷必備!如何在粉絲團建立Instagram頁籤,文章中教你如何建立Facebook Tab 接著,這篇告訴你如何修改應用程式Tab的名稱和圖示,如下圖
如何在粉絲團建立Instagram頁籤,社群行銷必備!許多人希望將Facebook粉絲引導至Instagram,這時你可以在粉絲團建立Instagram應用程式頁籤,臉書應用程式頁籤稱為:Facebook Tab,本篇文章教學就要來教你如何建立Instagram應用程式頁籤。
購物網站設計趨勢(二)-電腦網頁選單設計購物網站選單的呈現方式不盡其數,透過之前分享的內容,我們了解手機購物網頁選單設計的趨勢,今天歐斯瑞要談談電腦版的購物網站選單設計,了解一些大品牌是如何呈現的, 一起來看看吧!
Magento 交易信件常見問題Magento 系統有提供發送交易信件,透過基本的設定您就可以輕鬆的使用交易信件功能,但是在設定完成之後,Magento並沒有發送我們所設置的信件,以下分享幾個在Magento中設定交易信件會遇到的問題: 1. 未設置SMTP功能 Magento
快速上手色碼寫法,丟掉你的色碼表吧!相信大家在寫CSS時,都曾使用過網頁色碼表查詢顏色的代碼,但是否有些時候會遇到某些顏色想調淡或調深,卻不知道該如何下手呢?因此本篇就要教大家該怎麼理解並應用那串英數混雜的代碼囉!
手機網頁選單設計-購物網站設計趨勢(一)軟硬體發展快速,網頁的設計方式必須不斷更新,網頁設計中有許多設計元素會影響使用者操作,其中選單是引導消費者到達產品頁面很重要的媒介,歐斯瑞今天要先從選單設計談起,現今選單的設計趨勢,並透過幾個知名品牌網站與大家分享,這些品牌他們是怎麼讓消費者更容易找到想要的產品,一起來看看吧! 手機網頁設計方式必須一直求新? 由於軟硬體發展快速,網頁設計與開發又與這些息息相關,我們就需要依照趨勢與需求,去學習與改變我們的設計方式,例如2007-2010年時期智慧型手機的普及,衍生了手機版網頁與平版網頁的設計需求,也改變了製作軟體發展,進而產生響應式設計的方式,在2015年手機螢幕尺寸趨向大螢幕的改變,也再次重新調整了手機版網頁的配置,網頁設計師要不斷因應科技趨勢與市場需求,學習新的設計方式。
購物網站設計趨勢(一):手機網頁選單設計手機版購物網頁越來越容易操作,甚至簡化過後介面會來的比電腦版簡單許多。方便性與使用習慣改變,讓消費者願意選擇使用手機來上網購物,可見手機版購物網頁設計的趨勢與重要性,網頁設計有很多需要注意的地方,今天我們就先來談談手機版購物網站的選單設計。
如何在Magento設置組合商品Magento提供了許多商品類型,其中組合商品能允許客戶自由搭配各個商品選項,來組成一套自己想要的商品,藉此可幫助提升網站的轉換率。
Magento二三事,你不該使用套版的三大理由試想,當你在逛街的時候,看到一間裝潢乾淨大方、動線分明、商品整齊陳列的店面,跟另外一家裝潢花俏、可是走道空間狹窄、商品陳列分類不清楚的店面,你會選擇哪一家進去消費呢? 我想答案應該大多是前者,或者至少在逛完後者後,會覺得前者比較好。 網路商店也是一樣,網站的視覺設計、讀取速度、操作流程、是否易於找尋商品往往左右了網站的銷售量,這也是接下來我們要告訴你,為何不該使用套版的三大理由。 第一點、使用套版一定不完全合身 每個網站的商品、銷售客群、品牌形象都不盡相同,套版在使用上可能沒什麼大問題,但就是有些地方看起來怪怪的不正常。這就像是一般西裝與訂製西裝,一般西裝雖然可以穿,但可能袖子太長、肩線太塌、下擺太長、腰身太粗等等……的問題。請你想像一下,今天有兩個條件差不多的男子(品牌),兩人都穿著西裝(印象),只是一個穿著一般市售西裝,另一個穿著訂製西裝,你對哪一位的印象會比較深刻也比較好?
搜尋引擎優化(SEO) – 用站內連結(Interlinking)提高自然搜尋排序關於搜尋引擎優化(SEO),歐斯瑞曾經寫過許多文章,跟大家分享實用的免費SEO工具以及入門方法。通常我們協助客戶進行搜尋引擎優化的時候,主要會區分為站內優化與站外優化兩大方向來做優化。今天我們要再介紹如何使用站內連結(interlinking)來提高自然搜尋的排序。簡單的說就是將您網站的重要關鍵字於網頁內容中建立站內連結(interlinking),來看看我們怎麼做的吧。 當您進入歐斯瑞官網當中的資訊分享,可以看到我們已將所有文章依照服務項目進行分類,並且透過文章分類下方的連結(interlinking),您可以快速點選想要深入了解的類別。 如果您進入了SEO搜尋引擎優化這個類別,又可以依照文章標題選擇您想要進一步了解的資訊。也許您正想為自己的wordpress網站進行優化,所以您選擇了下面這篇文章開始閱讀。
電商網站常見錯誤Top 10在前幾篇分享文章裡和大家分享了一些有關在測試電商網站時,可能會偵錯到或是較常見到的各種錯誤,不管是畫面或功能方面,或者是所使用的設備與瀏覽器…等等。特別是當一個電商網站有做響應式網頁時更應該要小心謹慎地測試,以避免在其他行動裝置上瀏覽網頁時發生跑版或是功能有問題的情況。那麼到底有哪些是很容易不被注意與被忽略的呢? 今天歐斯瑞的測試人員J整理了在測試電商網站時,十大常見的錯誤給大家參考 下面例舉幾個最常犯的錯誤,並提供範例圖與說明讓大家了解 TOP
電商網站的整合測試系統整合主要是把在不同系統和設備上的不同功能串連起來,形成一個資料往來的交流管道。簡單來說就好比從A山到B山,勢必要有一座橋樑來連接兩座山以便往來。就連現在大部分的購物網站也不例外,舉凡ERP系統整合、金流系統整合、物流系統整合…等,都會將所要使用的系統整合串接起來。 所以今天就以Magento與金流系統做整合為例,那麼該如何檢測呢?流程畫面如下: 簡易流程示意圖
掌握開發無障礙網頁的基本原則無障礙網頁的立意是讓身障者也能瀏覽閱讀網站內容,並與網頁互動,對前端工程師來說,無障礙網頁的開發基本上與SEO原則相似,請看以下說明。
WordPress 4.4 版本開始支援響應式圖片新釋出的wordpress4.4版本開始支援srcset 及 sizes標籤的使用,這使得wordpress能夠依瀏覽器的大小顯示適當尺寸的圖片。假使我們在文章中插入了全尺寸(1500×600)的圖片。使用者在行動裝置上看到的圖片會使用較小的圖片來替代,只有在電腦上才會看到的全尺寸的大圖片。這個新功能可以減少流量的傳輸、加快網站的載入速度。 在Wordpress的原始功能中,當我們上傳圖片到網站上時,會自動產生全尺寸、大圖、中等、縮圖等四種不同尺寸的圖片,在發表文章時、我們可以選擇適當尺寸的圖片插入文章之中。舉例來說,如果我們上傳了的1500
網頁版面快速調整工具:快速移動瀏覽器物件今天astralweb要與大家分享快速更改網頁上物件的位置,可以省去PS的時間,也很快速,一起來看看如何使用吧! 在某些情況下,我們只需要對網頁上的物件位置做調整時,但我們只是想要看看結果如何時,不仿考慮使用這種方式來節省時間吧。但僅限運用在物件位置移動,而縮放、刪除、裁切等,它是做不到的喔! 對於一般民眾不需要使用影像處理軟體,即可做修改,對於網頁設計師來說,省去捕捉畫面、開啟PS、去背、裁切、存檔等步驟,快速做修改。
Magento常見需求 – 電子發票篇在台灣,購物時索取發票是稀鬆平常的事情,但隨著電子商務的興起,開立紙本發票似乎越來越不符合現代趨勢,也不利於環保,因此政府從大約2010年開始推廣電子發票的服務。 什麼是電子發票呢? 一般來說,我們印象中的發票就是一張長條形的紙,上面會列出發票號碼、購買品項等,而電子發票,顧名思義,就是以虛擬資料的方式,存放在一個資料平台,包含了發票編號、購買品項、金額或是其它備註資訊,並且每一份電子發票都會綁定一個發票載具,載具是用來確認發票的所屬人,可以是各種單一且有辨別性的物品,例如可能是你的手機App、悠遊卡、或是其它金融卡片。
如何在Magento設定目錄深度*關於Magento 2 目錄深度如何設定請看這篇文章 在購物網站上,常常會依照商品的商品類別、商品品牌、商品效用等各種屬性來分類目錄,而根據目錄內的商品數量,會設定多層的目錄分類,讓客戶能夠順利的利用目錄來找到需要的商品。 Magento後台可以隨意新增主目錄以及子目錄,層級上沒有限制,但是過多的目錄層級會造成消費者的混淆不清、失焦等問題,所以在制訂目錄時,並不是越多越好,通常可以限制在2~3的層級左右就足夠了。
如何在Magento設置組合商品當許多相關商品經過設計後擺放在一起時,會大幅提升他原有在客戶心中的價值,雖然客戶只要選購其中的一項商品,但客戶在購買意願上已大幅提升,藉此達到提高銷售量的目的,許多產業再販售商品時都會使用這種方式,例如傢俱、 服飾、行李箱、花瓶、裝飾品等,而這時你就可以使用Magento的”組合商品(Grouped Product)”來幫助你。 今天我們以家具類的一組桌椅為例子,來說明如何使用組合商品:
如何設計有效的網頁按鈕網頁按鈕區可分成一般按鈕、文字連結與圖標,而網頁按鈕是引導使用者連結至其它頁面的重要關鍵,良好視覺、精準的文字說明都相當重要,本文要來探討如何設計良好的按鈕,並提供幾個範例與大家分享。
提高電子報開信率的小技巧根據我們的經驗,電子郵件行銷仍然為我們帶來許多的客戶。很顯然地不是電子郵件行銷沒落,而是你是否有做對方法了嗎?本文將提供幾項增加開信率的技巧。
電子商務指南 – 產品資訊管理篇在這個資訊傳遞飛快,新穎產品層出不窮的年代,產品的即時更新及上架,絕對是影響客戶購買的一個重要因素,尤其是網路商機崛起,消費者更不止要好的產品,更要快的產品。 那麼,問題來了,當你有許多實體或是網路虛擬通路時,要怎麼即時更新所有通路的商品與資料呢?難道要用人力一個一個去改嗎? 當然不是!
Sass的註解功能,讓除錯工作變得更簡單如果Sass生成的CSS檔案、不如你所預期的,你要怎麼知道是哪邊出問題了呢?Sass有一個註解功能、這個註解功能的預設狀態是開啟的。 在註解功能開啟的情況下、生成的CSS檔會長得像這樣: /* line 1,
如何修改Sass的輸出樣式在網站的開發階段、我們通常會將CSS樣式表展開、方便查找代碼。但是當網站要正式上線的時候、我們又要將CSS檔案最小化、減少檔案大小。在以往單純使用CSS開發時、我們也許會使用一些線上工具幫忙轉檔,現在我們使用SASS開發、只要修改專案的設定、馬上就能變更輸出的樣式。 Sass 共有四種輸出樣式 :nested
刊登Instagram廣告-新手入門篇你可以使用『廣告建立工具』一個動作,同時刊登Instagram廣告與Facebook廣告,就是這麼簡單!只要開啟Instagram版位,跟著以下步驟,輕鬆觸及在Instagram上的用戶!
網頁錯誤排名大拼比!(網站測試)當完成一個電商網站後,最主要的便是測試網頁內容是否一致、功能是否正常運作,以及測試在使用不同的作業系統和不同的瀏覽器進行網頁瀏覽時,其網頁是否有發生跑版、文字設定或者是發生圖形不符合原設計(即客戶確認定稿)…等等的情況產生。 在開始例舉示範說明之前,在資訊分享裡有一篇QA人員你做對了嗎?- QA 測試表單大解析的文章,在文章內談到了該往哪個方向開始進行測試?要先從哪種設備開始呢?是畫面還是功能呢?所以今天就以整體網頁來說,不管是畫面還是功能;而是以花最多時間在偵錯的網頁錯誤這部分來提供幾個範例給大家參考。
8招提高網站轉換率,助您拿下美國市場歐斯瑞強調提高網站轉換率的重要性,因為我們重視為網站 (客戶)提高實際獲利。所謂轉換就是網站訪客在網站裡完成的對於商家有價值的動作,對電子商務網站而言,網站訪客下單完成購買即為一次轉換。現如今電子商務網站幾乎都是提供跨國販售服務的,今天我們要跟您介紹提高美國市場轉換率幾個有效做法: 建議您的網站做到以下幾個重點,優化美國市場轉換率 1.
幾個你不可忽略的2016全球電商趨勢2016年如火如荼的展開,全球電子商務市場正蓄勢顯著的增長。但是並非所有地區都體驗著同樣的成長,各區域在電子商務部分到底有多少不同呢?下面就讓我們看一下全球電子商務的發展趨勢。 美國正積極的尋求O2O的虛實整合 根據eMarketer對美國市場的預測,行動裝置的購買將佔全部電子商務銷售額的22%(近四分之一),亦即影響著將近1萬億美金零售交易。這種影響一直延伸到不只是在線上進行購買而已:買家傾向在網上研究產品,檢查產品可用性,並希冀方便地藉由自己的行動裝置確認商店位置來進行實體店面的購買。正因為如此,美國消費者期望在未來有著更高程度的虛實整合。
如何在wordpress網站使用自訂維度進一步分析您的網站如果您本身也有經營wordpress網站,是不是曾想過這個問題:在您的網站中、那一類的文章比較受歡迎?如果您的網站有多位作者,是不是也想過:讀者比較喜歡哪位作者寫的文章? Google Analytics是許多人分析網站時最常採用的工具。除了一般常用的指標外,GA 也提供了自訂維度的功能,讓我們可以針對自己網站的目標及特性,自訂要收集的資料。
如何檢視Google分析自訂維度的報表資料上次我們談到如何在wordpress網站上安裝自訂維度,今天我們要進一步談談:如何檢視Google收集到的自訂維度資料。 *在安裝完Google自訂維度之後、至少需要等待24小時才會在GA上看到收集到的自訂維度資料。 Part I 直接使用次要維度
Facebook 推出新的按鈕,不再只是"讚"還記得去年九月,Facebook創辦人馬克·祖克柏說到,他一直不喜歡”Dislike反感”這樣的按鈕,他希望維持和平且不要在發表貼文時總是像是被負評的感受,為避免有太多的紛爭所以絕對不會是「Dislike」這樣的按鈕,Facebook經過研究,為了讓社群更貼近使用者能表達同情的心情,已開發測試新的按鈕終於揭曉啦! 上週宣布,而此新功能目前已經在愛爾蘭和西班牙測試中,開始在Facebook測試用戶對6個表情符號的使用習慣,使Facebook用戶的對貼文的互動反應不再只是”讚”這個按鈕。現在,用戶能夠透過按鈕表達愛,歡笑,快樂,震撼,悲傷和憤怒。 該表情符號選項將會顯示在Facebook的移動裝置與桌面版的貼文動態。用戶可以在動態貼文上長按”讚”按鈕,將看到的表情符號選項。不過不會有任何選項可以關閉表情符號功能。 當然,Facebook 仍會透過表情符號功能紀錄用戶的動態喜好,新功能將提供關於用戶的反應數據。並且透過演算法來決定該用戶往後會看到什麼樣的動態貼文、廣告等,同樣也可能會將此數據提供給Facebook合作夥伴。
初入電子商務,品牌電商打造指南近年來電子商務蓬勃發展,市面上有越來越多的電商平台,提供簡便的方式,使人人都能夠輕易的在網路開店,不少原創品牌如雨後春筍般冒出,像是OB嚴選、Life8、Shopinfluxx等等,網路購物的商機日益增長,行動裝置的普及正悄悄的改變人們的消費習慣,一場前所未有的銷售革命正在你我的周遭上演。 看起來打造一個自有品牌的電商網站似乎是勢在必行,但是關於電子商務的那些事,你都考慮到了嗎?
如何確認結帳流程的QA測試當一個電商網站完成時,勢必都一定要測試整體結帳流程是否有問題產生,從挑選商品一直到完成結帳這一整個流程,都是身為一名QA工程師或QA測試人員必須一而再地重複並使用各種不同付款方式來進行測試,以確保消費者能順利完成結帳,進而順利購得所買的商品,這才能達到一個電商網站的最終目標,那麼又該如何確認呢。 在前幾篇的文章有和大家分享一篇電子商務網站的基本測試,在文章裡談到了結帳時可能會有兩種情況產生,一種是以訪客身分(不需要登入/註冊)進行付款,另一種則是以會員身分(需要登入/註冊)進行付款,如下圖。 然而不管是用哪種身分進行結帳流程,都會有結帳成功或發生結帳失敗的情況,如下圖: 今天就以下面這個例子來分享給大家,並示範該如何測試結帳流程。
消費者意願 v.s. 人口統計學PK, 數據告訴你哪一個重要!天冷了,腳才一踏出大門,冷風一陣陣吹來。看來這寒流是要持續一段陣子了… …至少今晚不宜再出門。既然計畫是待在家窩著看二輪電影,這樣的氛圍似乎配著上一杯最愛的咖啡特調? 左思右想,於是心一橫,牙一咬,確認圍巾跟大衣已密不透風,往街道上的人潮走去… 腦筋急轉彎:請描述以上剛剛產生這個想法的人,是男是女,年紀多大,住在哪裡,還有家庭狀況。答案:………..無解,我只知道這個人,他就想喝咖啡而已
客戶案例PPC專案分析一旦開始投放PPC關鍵字廣告,一個不能停止的重要工作就是不斷優化廣告,以達到更好的廣告成效。無論是優化廣告內容或者是優化廣告平台內的操作設定,都可有助於優化廣告成效,重點在於要先確定目標才能選擇合適的方法。 本專案分析主要呈現的是歐斯瑞在協助某客戶操作PPC關鍵字廣告的過程中,透過增加排除關鍵字,為客戶節省了41%的廣告花費,讓每一筆廣告支出都花在該花的地方,減少不必要的浪費。—————->請看此專案分析
重要快訊:微軟將停止支援舊版IE微軟繼2014年中宣布全面停止支援Windows XP之後,最近再度宣布將在2016年1月12日將停止支援舊版的IE瀏覽器(Internet Explorer);這也意味著繼續使用舊版IE的用戶將會暴露在未知的安全性風險之下。 這次的宣布代表只有微軟宣布支援的作業系統以及IE才能繼續獲得更新,根據微軟IE支援週期網頁(https://support.microsoft.com/zh-tw/lifecycle#gp/Microsoft-Internet-Explorer)的說明,以下組合的作業系統及對應的IE版本才能在今年1月12日之後繼續享有技術支援以及安全更新的服務。
電商網站實戰測試篇—基本功能幾大常見錯誤在上一篇電商網站實戰測試篇—版型幾大常見錯誤,談到了版型就好比是房子的基底,那麼功能可以說是房子的隔間與設備了。而功能的好壞與便利性也很可能會間接影響使用者對該網站的使用體感。所以今天要和大家分享『電商網站基本功能常見的幾大錯誤』。 常見的幾個基本功能錯誤,大部分應該有以下幾個: 未設搜索條件 未設連結
不用花錢客製!Magento之原生優惠規則大整理促銷活動對於商家來說,一直是提昇銷量的一個非常重要的手段,在電子商務領域亦是如此,就拿近年來最火紅的雙十一單身光棍節來說,不少商家提供相當優惠的折扣,使銷售業績是翻倍成長,甚至更高,由此可以見,一個有趣的活動主題搭配優惠促銷是非常能夠吸引消費者的。 聽起來不錯,但這些都要客製吧? 如果您剛好是使用Magento平台架設的電子商務網站,恭喜你,它已經有內建許多好用的促銷機制了,一般常見的促銷手法都難不倒它! Magento除了能夠針對個別商品設置特價之外,還能夠透過條件規則,只要是在達成條件的狀況下,系統會自動套用預先設定好的優惠方案。
網站測試-功能篇(下)當一個電商網站完成後,並不是完成就好。對網站而言,每個元素及功能都是需要不斷被測試與驗證的。而功能測試則是對每個獨立的功能進行驗證,以確保功能可以正常地使用。然而,這些種種測試與驗證其最終目的都是為了提供使用者一個優質的電商使用經驗。 之前跟大家分享了網站測試-功能篇(上)後,今天Astralweb要來與大家分享的是功能測試的最後一部分,分別是連結與表單測試。 在這裡我們將連結功能與表單功能分開說明與示範
從WordPress文章標題開始!做好基礎SEO!持續的發布網站相關資訊或文章,將專業的一面展現出來給大家,不僅能夠維持現有客戶的新鮮感,也能開發新的潛在客群。許多部落客透過發文來吸引讀者,增加網站的人氣,也有許多Wordpress建置的形象網站,透過持續發布專業資訊,幫客戶解決一些問題,同時也提升了公司形象與人氣。但是!當你不斷的在更新資訊頁面的同時,我們總不免猜想,是否有人會願意看你花時間所更新的資訊呢,又或者只是在做白工呢? 有時候,儘管你的頁面內容寫的驚天地、泣鬼神,但沒人點進頁面來觀看也是徒勞無功。所以!如何製作一個好的文章標題,能夠讓讀者、客戶還有瀏覽器都買單,就是相當重要的功夫了!下面提供一些標題需要注意的地方參考: 標題要符合頁面內容,不要過於浮誇 為了吸引訪客前來點閱,常常有文章標題過於誇大、花俏等問題,等到進來頁面一看才發現根本不是想要得到的內容頁面,如此一來對於該用戶對你網站的評分將有可能因為期望落差而下跌,反而適得其反! 但標題過於黯淡又無法吸引訪客,怎麼辦呢?
視訊影像新革命!720度全景錄影新技術360影片是指利用全景錄影機以一個位置錄下周圍環境的所有角度後,將影片透過程式編碼,產生可以隨意轉動方向或是產生虛擬實境效果的技術,本文將介紹360影片的觀看以及製作設備。
如何設定Google 分析內容分組的條件規則當您網站的內容愈來愈多、查看網站分析數據就變成一件很累人的事,這時候我們可以利用Google分析中的”內容分類”功能,來將頁面做一個分類整理。利用”內容分類”功能、我們可以自訂分類的規則、只查看某個分類底下的分析數據。 一般的情況下我們可以使用網頁(Url網址)或是網頁標題名稱來排序頁面分析的資料,但是如果您的網站內容比較多的話、要在這個列表清單中找到您想要的頁面資料、也是一件相當累人的事。在這篇文章中、我們要為大家介紹如何設定Google分析中的”內容分類”。
Magento進階應用 – 多商家系統我們都知道,Magento是一個功能非常完善的B2B、B2C電子商務系統,有基本的購物車、訂單管理、會員管理、靜態內容頁面管理….等功能,非常適合用來打造一個專屬於自己的電子商務網站,增強整體品牌印象。 那如果想要做一個網路商城或是平台的話呢? 從早期的Yahoo奇摩拍賣,到現在的PC Home商店街、Yahoo超級商城、樂天、Pinkoi….等繁族不及備載,網路商城與台灣人的生活似乎緊緊相連在一起,從食衣住行到生活育樂,要買什麼上商城就對了!
如何優化你的搜尋廣告?首部曲:優化廣告文案檢視一下你的Google Adwords,廣告活動的CPC很低,先不要高興得太早,CTR 和 ROI如果也低,CPC再低也沒有用,因為廣告成效差!發現廣告成效不佳的時候,你應該開始進行搜尋廣告的優化工作。優化搜尋廣告其實可從很多方向著手進行,這篇文章要從廣告文案的角度切入,看看如何經由優化廣告文案來優化你的搜尋廣告。
匯出CSV的0都不見了? 三個步驟找回來!你有過曾經打開匯出的CSV檔案,發現欄位內容的許多0都消失了嗎?像是原本產品編號為"00234",但打開CSV卻顯示"234"的經驗? 不用擔心!下面三步驟就能帶您找回來!
如何在Magento的首頁上增加最新產品的列表這篇文章要為您介紹如何在Magento的首頁上增加最新產品的列表,全部的操作都可以在管理後台完成,不需要任何程式碼的知識。 Magento後台的編輯器提供了小工具(widget),現在我們就要利用這個小工具來完成添加新產品列表的動作。 Step1: 進入管理後台、選擇CMS>
電商網站實戰測試篇—版型幾大常見錯誤撰寫一個電商網站,就好比是在蓋房子一樣,要先蓋好基底,基底蓋穩了,才能搭配水泥與磚頭或是其他相關建材元素混合使用,接著一層一層往上蓋。所以版型就好比是房子的基底,它會間接影響使用者在瀏覽網站時的體驗度。所以今天Astralweb要來跟大家分享『電商網站版型常見幾大錯誤』。 常見的版型錯誤,大部分應該都是落在以下幾點: 文字:字型、顏色、大小是否一致(含英文大小寫部分) 版型色彩配置
網站測試-功能篇(上)當完成電商網站時,要如何預防使用者在使用的過程中在某個階段發生錯誤導致失敗,而失去繼續使用該網站的耐心呢?又該如何去預防這些錯誤的發生呢?測試電商網站內的各種功能便是例行且必須要實行的。 繼之前與大家分享的網站測試-單元篇後,今天Astralweb要來跟大家分享的是功能測試中的輸入框與搜索功能測試。 什麼是輸入框與搜索功能?
HTTP2的好處HTTP2已經釋出有一段時間了(今年2015年的5月正式釋出RFC 7540),新的HTTP2協議增加了很多改良的項目,那麼與舊版本的比較差異在哪?讓我們來看看HTTP2可以帶來甚麼好處。 向下相容於現在的網路環境 這點相信是大多數工程師聽到最高興的,至少不用因為版本更新修正程式碼或是問題,而且大部份所知的規則都延用HTTP,例如狀態碼(500,404一類)。 以二進位格式來傳輸
隔行如隔山,B2B與B2C網站設計大不同在規劃網站建置的過程中,必須完整的將商業模式考量進來,即便是同類型的商品但對應的客戶不同,在設計網頁的時候就會有非常大的差異存在,以下來說明幾點B2C與B2B電子商務網站上的主要差異。
臉書廣告無法刊登的常見原因本文將提供臉書廣告無法刊登的常見原因,幫助商家排除問題:標題或內容不符合規定、圖像不符合規定、未達網站點擊次數最低花費、提及臉書時未符合臉書官方規定。
用創意決勝社群媒體行銷歐斯瑞日前曾經撰文介紹過如何在Facebook設定購買輪播格式廣告,今天則是要接著來分享幾個輪播格式廣告的創意點子。特別現在無論是Facebook還是Instagram都支援輪播格式廣告,而且直接在Facebook一次設定就可以同時購買Facebook和Instagram的輪播格式廣告,操作起來真是非常便利。而隨著社群媒體蓬勃發展,吸引眼球的圖片已經是社群媒體行銷的基本必備要素,在投放輪播格式廣告時如能利用其廣告特性來呈現品牌或產品要傳達的訊息並結合獨特性與富創意的設計,將可大幅提升社群媒體行銷的成效。 輪播格式廣告一次可以呈現3-5張廣告圖素,有趣的、特別的圖像將會是吸睛的致勝關鍵。我們將為您介紹4種不同的輪播格式廣告創意。 1.
為什麼不同的瀏覽器的關鍵字排序不同?如果一個Click就可以知道你的公司受不受消費者歡迎?如果輸入幾個字就可以了解你與競爭者的排名在哪的時候,你要怎麼去解讀這些數字呢? 搜尋引擎優化越來越受到企業重視,老闆每天盯著關鍵字在Google搜尋的排序,跟著每次的搜尋結果擺動,行銷人員的壓力已經提升到一個全新的境界。無論是網路行銷人員還是老闆或客戶,其中一個共同的疑問便是,為甚麼在不同的網頁瀏覽器(Chrome、IE、Firefox……等等)搜尋同樣的關鍵字,卻得到不同的排序結果?又或者就算兩個人都是用Chrome瀏覽器,你和你的老闆卻可能看到不同的搜尋結果?下圖1和圖2即為不同使用者搜尋同樣的關鍵字得到不同的搜尋結果。 圖1
電子商務網站內需要被QA測試的元素首先,我們先來簡單介紹一下電商 什麼是電子商務? 電子商務又可簡稱為電商,它能廣泛地在各個地方透過網路從事各種商業活動或服務。而電子商務又可分為哪幾種呢?簡單來說它可以分成以下幾種類型,分別是企業對企業(B2B)、企業對消費者(B2C)與消費者與消費者之間(C2C)。 然而構成電子商務的基本元素又有哪些呢? 一般來說,我們可以簡單將它可分成以下四大類:
B2B網站特色與功能今天在這邊跟大家介紹一些B2B網站的特色與功能,利用這些來提升網站的價值,進而提高網站的交易轉換率,下面舉幾項說明:網站會員審核與分級、產品價格差異、強化搜尋商品功能、整合第三方系統。
查無此地點!如何在Google Map 新增遺漏的地點(商家、地標)你是不是發現Google地圖上沒有你的商家地點,或者連此處的地址都不存在呢?如果你的商家近期才剛登記成立一個新地址,像是農場、工廠、露營區、重劃地區比較常見,當然Google Map沒有辦法馬上就更新建立新的地點,這時就要靠網友們的協助回報新地標住址給Google Map了! 提醒Google我這裡有新的地址(地標),讓客戶可以使用Google Map導航來到我的商家。此文章就來教您如何在Google
搜尋引擎來過我的網站嗎?很多剛開始接觸搜尋引擎優化的行銷人員會好奇:「我怎麼知道搜尋引擎有沒有來看過我的網站了?」沒錯,做了這麼多網站優化的工作當然希望搜尋引擎有讀到。這篇文章就要介紹怎麼查詢搜尋引擎是甚麼時候來訪過你的網站。 首先複製你要查詢的那個網頁的網址(URL),本文以歐斯瑞網頁為例。 到Google Chrome新增一個分頁,貼上網址,並於網址前面加上 site:
號外!Magento CE2.0版本正式釋出!2015年11月17號,剛剛得到金主挹注的Magento隨即宣佈該平台的社群版 (Community Edition) 2.0的完整釋出,再度為電商平台界投下一枚震撼彈。現在就讓我們來看看這個Magento 2.0到底有哪些厲害的地方吧!
網站測試-單元篇(下)上次跟大家分享了測試網站的字型大小、顏色、圖形、拼字、位置…等的測試範例 欲了解網站測試小撇步可參考「網站測試-單元篇(上)」 今天跟大家分享網站測試的單元測試最後一部分,測試範圍包含了圖片、導覽路徑、按鈕、網頁標題(Title Tag)…等。
Mysql 設定綁定IP今天要介紹的在Mysql設定檔中修改bind-address的設定,如此一來在我們有需要分開主機,以及主機間需要互相進行資料庫連線時,就可以連線了。
變更Magento後台網址今天要來介紹如何快速的變更Magento後台網址,其實很簡單,只要打開local.xml設定檔修改就完成了。 1.首先我們要找到,app/etc/local.xml, 2.找到以下段落,進行修改 設定檔:local.xml
如何確認您的網站是否適合行動裝置瀏覽當使用者透過行動裝置瀏覽您的網站時,他們能否輕鬆閱讀網頁內容並找到需要的資訊,或是會覺得難以使用? 當您找了網頁設計公司來設計公司網站,要如何確認您的網站適合行動裝置瀏覽呢?底下我們列了三個基本要點,幫助您檢視自己的網站是否適合行動裝置瀏覽。 banner /Mobile Friendly系列文章
啟用Google兩步驟驗證,加強您的Google帳戶安全性。如果您使用Android手機,您一定會使用Google帳戶登入您的手機。如果您在Google Play上消費,您的Google帳戶就有可能留有您的信用卡資料。當我們愈來愈依賴Google的服務時,Google帳戶的安全性就愈來愈顯得重要。 為了加強Google帳戶的安全性,我們要開啟Google兩步驟驗證;接下來我們要與您分享:如何啟用Google兩步驟驗證,加強您的Google帳戶安全性。 進入Google兩步驟驗證網頁(https://www.google.com/intl/zh-TW/landing/2step/) 選擇開始使用。首先Google會向您要求建立備援電話號碼
沒有網路工程師也能做的搜尋引擎優化SEO越來越多負責網路行銷的工作者開始重視搜尋引擎優化(SEO)了。然而,SEO的原理技術和操作方法不是一般行銷人員能夠自行處理的,通常要藉助公司內部懂SEO的網路工程師,或者找歐斯瑞這樣的SEO專家來協助。不說你可能不知道,有一些簡單的方法可以不用透過工程師,也可以達成網路行銷與搜尋引擎優化的目的,那就是建立外部連結,讓潛在客戶搜尋您有提供的產品或服務時,更容易被引導至你的網站。以下介紹幾個不需任何花費即可建立外部連結的方式。 1. 進立部落格 透過建立並持續發表原創文章經營部落格,將連結指向你的網站。歐斯瑞要強調的是,我們不提倡開一大堆部落格帳號然後複製貼上沒有意義的廣告文字,因為部落格的內容還是要以使用者需求來撰寫,當潛在客戶進入你的部落格看到對他有幫助的文章內容,才會進一步到你的網站了解產品或服務,甚至成為你的客戶之後還會幫你推薦。
MAGENTO 脫離Ebay羽翼,正式投入Permira Funds的懷抱身為開源平台的指標性電子商務平台,全球電子商務的範圍內已有超過24萬個網站以及每年總價值500億美金的商品經由Magento被售出,擁有龐大的電子商務商機。 除了以上的驚人數字之外,以下是一些你應該知道的Magento數據: Magento 在全世界前1000個網路零售商平台內使用率為第一名 在全世界前300個B2B的電子商務平台使用率也是第一名
用三句話說明你的專案目標許多大型專案因為包含了太多的變更以及新加入利害關係人的期望,專案進行中往往會因為忘記專案萌芽時定下的最基礎、最高層次的目標,因而導致專案團隊像暴風雨中的船隻一樣,找不到最重要的方向。為了讓專案能一直朝著正確的方向前進,讓專案參與者牢記建立專案的初衷,是在專案一開始時就要建立的重要事項。 Doug deCarlo在極限專案管理方法建議用三句話(Three-Sentence Project Skinny)來簡單、清楚的說明專案,讓成員都能將目標牢記在心
網站測試-單元篇(上)今天來跟大家分享網站測試的單元測試其中一部分,測試範圍包含了字型、字型大小、顏色、圖形、拼字、位置等(較為顯著的錯誤)。開始測試前應該先確定要從何處開始著手進行,才不會像無頭蒼蠅一樣盲目的測試,在這裡提供幾個測試順序的小撇步給大家參考。
電子商務網站的基本測試當我們完成一個電子商務網站時,就能馬上啟用上線嗎?答案是否。 因為當電子商務網站完成後,並不能馬上就啟用上線,而是需要經過測試的過程。 為什麼需要測試呢? 測試的目的是為了找出錯誤。藉由測試的過程找出錯誤並加以修正防範,有助於預防錯誤的發生,同時也能更進一步符合使用者需求,而提高整體網站的品質,這就是為什麼需要測試的原因了。
Magento常見需求 – 貨運倉儲篇一個電子商務網站除了需要金流以外,倉儲跟物流也是少不了的,在初期我們能靠著人工的方式來處理這些繁雜的事項,但是當事業規模越來越大時,倉儲跟物流的負擔也會越來越重,降低員工的工作效率。 那麼,何不把倉儲跟庫存交給專業的來呢?
Magento 如何增加後台列表欄位 – 使用合併查詢(Join)Magento擁有非常完整的後台功能,可以讓我們盡可能的進行網路商店的操作與管理,但是如果今天,我們感覺後台的列表顯示的資料欄位不夠,或是不是我們想要瀏覽的資訊,想要隱藏呢? 這時就需要修改程式碼增減欄位,並且設定欄位顯示我們想要的資料,今天介紹的內容包括如何使用Join加入其他關聯表的資料。
修改設定,隱藏版本提高伺服器安全性之前有提到有關如何設定META TAG,管理你的網站可見度,今天要針對Apache與Nginx,再跟大家介紹的是一些簡單的伺服器軟體設定來隱藏軟體版本資訊,防止針對釋出版本漏洞的攻擊。
無法打卡、搜尋不到粉絲團的解決辦法!很多人的粉絲團有搜尋不到也不能在打卡時被搜尋到的困擾,歐斯瑞小編有一個辦法要分享給大家,非常簡單的"臨時解決辦法",一起看如何解決搜尋不到粉絲團的問題吧!
使用adapt.js快速將您的網站變成響應式網站響應式網站是目前建站的趨勢,但如果您原本已經有個網站了,又暫時還不打算另外建立新站,您可以考慮使用adapt.js快速將您的網站轉換成響應式的網站。 adapt.js 的作用是依據螢幕的寬度載入不同的CSS檔案,藉此讓網站達到響應式的效果。原理與media queries相同,都是依螢幕寬度判斷使用不同的樣式(CSS),不同的地方在於:adapt.js將不同的設定寫在不同的檔案內,再依螢幕寬度載入不同的CSS檔案;media queries是將CSS寫在同一個檔案內,依螢幕的寬度決定使用某一段特定的CSS設定。
調整系統設定,再進一步增進Magento效能之前提到的Magento設定優化,是在Magento系統中已整合好的設定功能,因此我們可以簡單的通過後台設定的改變,輕鬆的做到校能的優化。 如果今天網站的規模龐大,那些設定已經不足以負荷時,還有別的方式可以調整設定,只是建議大家在進行此類的設定變更前,務必進行設定檔案的備份,不小心改壞了設定還可以還原。 1.Enhancing the
利用htaccess設定301 redirect有時網站會有舊站翻新、舊的內容移除,想要讓使用者轉移去瀏覽新的內容。 這時我們可以簡單的透過設定.htaccess檔案,告訴Apache幫你轉移網址到想要的網頁。 程式碼(.htaccess檔案) ... <IfModule
Magento常見需求 – 促銷篇在各種節日、周年慶、年終大清倉時,常常可以看到五花八門,各式各樣的促銷活動跟玩法,電子商務也不例外,這次我們就要來介紹一些Magento詢問度最高的促銷方法。 一般常見折扣促銷 在Magento裡面已經內建有基本的促銷功能了,主要區分為商品目錄折扣以及結帳折扣,Magento會根據設定的規則,達到規則後給予相應的折扣。 以商品目錄折扣為例,像是3C類別商品全面八折、特定商品折500元等都是一般常見的促銷手法,以結帳折扣來說,常看到的就是滿千送百、滿額打八折、買一送一等等。
如何設定Magento網路商店使用的語言及貨幣這篇文章要教您如何設定Mangento網路商店的語言及貨幣。並教您如何自已製作Magento語言包 修改Magento商店使用的語言 Step 1. 進入Magento管理後台,點選System
Magento優惠活動設定說明既上次我們介紹的MAGENTO 優惠活動設定 (||) 這篇文章,這篇文章要介紹”設置優惠活動欄位的功能介紹及簡單說明” ,在設置促銷活動或是進行相關變動設定時,必須確定你這些設定已經有在測試網站徹底的測試過了。
如何設定Google廣告額外資訊最近Google Adwords改變了增加廣告額外資訊的方式,店家的基本資料如地址電話要從”我的商家”匯入,不若以往可以手動寫入,然後在設定廣告時再選擇要加入哪些地址電話。到底要怎麼從”我的商家”匯入額外資訊呢? 首先你要確定你的廣告需求是在帳戶層級或廣告活動或廣告群組層級增加額外資訊,然後點擊進入[廣告額外資訊]頁籤,選擇你要增加的額外資訊類型(本文是以地點額外資訊為例),然後點擊進入[+額外資訊]。 接著就會跳出對話方塊如下,你可以看到在你的Google Adwords帳戶之下管理的所有地點。假設你管理的是連鎖店,每一家有一個我的商家主頁,那麼你可以點擊完成一次匯入所有地點。如果你管理的是不同的事業體其中不同分店的我的商家,那麼你要建立篩選器來選擇你要匯入的地點。
如何在Magento的商品目錄頁中增加自訂內容假設今天您有一個促銷活動,需要在商品的目錄頁中增加一些促銷的資訊,您可以直接利用magento 的管理者後台完成這項工作,完全不需要任何的html及網頁設計的技巧,也不需要修改magento的佈景主題及任何的程式碼。 今天這篇文章就要教您如何在Magento的商品目錄頁中增加自訂內容。
想要看什麼樣的廣告由我自己決定,自訂臉書廣告偏好關於廣告偏好 廣告偏好是根據你按讚的資訊、參與的活動、點擊的網站、觀看的影片、使用的應用程式、粉絲專頁的互動以及你在Facebook以外搜尋的網站等等,這些動作很可能會被Facebook紀錄為廣告偏好(興趣)。 廣告偏好包含13大類,如下圖: Facebook廣告對您顯示的方式
如何設計優良的行動網站 Part 2 – 網站搜尋功能想要幫助行動網站的使用者快速找到他們想要的內容、網站的搜尋功能就變得非常重要。 將網站的搜尋功能放在明顯的地方 當使用者想要找尋某些特定內容的時候,通常會直接使用搜尋功能,因此我們應該將搜尋功能儘量放在使用者能第一眼看見的地方。 在下圖中,左側的設計使用者無法在第一時間知道搜尋功能的所在,必須在點開功能選單之後才能驚覺:哦!原來在這兒呀! 右側的設計則讓使用者可以直接看見搜尋框,並且使用搜尋功能。
8個再行銷構想鎖定網站目標客戶如何在Google 和臉書平台上設定再行銷對象呢?在Google Ads上可以使用Google Analytics的智慧名單以及利用造訪網址來設定對產品有高度興趣的潛在客戶,在臉書上則可以使用自訂廣告受眾,請看以下說明。
Magento常見需求 – 金流篇先前我們曾經發討論過Magento的建站四部曲,這次我們來介紹一些Magento常見的需求。 身為一個電子商務的經營者,最最關心的當然就是網站要能夠帶來收入,而線上購物的收入勢必要靠金流系統來達成。 Magento本身其實已經有提供Paypal付款的功能,只要稍微設定一下並且經過嚴謹的測試就可以開始使用。但是在台灣Paypal似乎沒有國外這麼流行,有沒有其他更好的方法呢? 有的!目前台灣已經有不少提供第三方金流服務的廠商,像是歐付寶、訊航、紅陽等等,提供多種收費方式,除此之外,有些客戶希望指定採用中國信託、富邦銀行等等,或是因為需要在大陸經營需要有支付寶、財付通或是銀聯卡等等,歐斯瑞都能夠提供整合的服務。
如何設計優良的行動網站 Part 1 – 首頁和網站導覽行動裝置與一般桌機最大的不同點在於螢幕尺寸的大小、行動裝置因為螢幕尺寸較小,能夠呈現的資訊有限,因此在內容的規劃上必須更為精簡。目前市面上常見的行動裝置最小的螢幕寬度是320px,iPhone 4 及 Sony Ericsson
2015上半年網站功能回顧今年年度也邁入了第四季,歐斯瑞在前幾季設計了許多大大小小網站,根據每一位客戶的需求而建置了許多網站功能,這邊就讓我們來回顧一下歐斯瑞今年上半年的設計網頁有哪些好玩的功能吧! 360度產品展示: 在網路上購買產品時,您是否有過從不同角度去觀察產品的需求? 商家為了提高消費者的意願往往會放上許多不同角度的商品圖,儘管如此,還是會有消費者想看的地方卻沒法看到的時候,為了能夠在網路上完整的展示商品,我們在這個網頁上設計了
改善Facebook廣告相關性分數Facebook臉書廣告有一個相關性分數(Relevance Score)的欄位,此欄位的分數是評估這則廣告與觸及對象的相關性程度,那麼相關性分數是如何計算的呢?又該如何改善相關性分數?歐斯瑞這篇文章一併告訴你…. 什麼是相關性分數? Facebook
寫出適當的專案週報格式專案狀態報告的週期應該依整個專案時間來決定適當的頻率;適當的頻率可以幫專案經理跟贊助人更有效率的掌握、預測專案進展,本文將提供專案內部周報以及專案報告的撰寫要點。
你必須知道的設定,快速優化Magento效能今天要告訴大家快速優化Mgento效能的方法,Magento已經有很多提供在後台的功能,只是設定上很多是為了開發、偵錯或測試用;所以如果網站已經正式上線,應該將這些設定調整,來提升正式網站的效能。那麼就來看看這些可以加速網站的設定吧。 1.Merging CSS files(合併CSS檔案)
如何設計響應式的電子郵件響應式的電子郵件在編碼上比響應式的網頁更加麻煩,因為我們必須同時考慮各種郵件軟體及各家線上郵件平台的呈現,請看以下我們整理出設計響應式的電子郵件一些簡單技巧。
如何規劃網站測試流程一般來說,測試不外乎是兼容性、功能性、可用性等等;在開始測試之前先了解架構,擬定出一個大方向,如此一來才好畫分成區段來逐一測試,同時也較好記錄與管理,本文將介紹如何在asana規劃淒楚的測試流程。
5個步驟做好在地搜尋引擎優化(Local SEO)第1步 – 建立Google我的商家並且提供完整的商家資訊 在Google搜尋”我的商家”就會看到如同下方圖示的網頁,點選網頁右上角登入或者在Google上宣傳,Google就會引導你一步步的填入你的商家資訊。 依序填入商家資訊之後按下”編輯完成”之後,你會看到剛剛建立的商家資訊主頁,此時商家資訊還不夠完整喔。你可以依照Google導引的兩步驟在專頁資料相片加入你的商家環境與品牌識別等照片,然後再新增一些產品照片,因為商家資訊越完整越好喔。
客座演講:分享如何實作Magento電子商務平台 – 正修科技大學資訊管理學系上周歐斯瑞很榮幸受邀請來到了位於高雄市的正修科技大學-資訊管理學系的課堂上,當天跟正修的學生們來分享許多歐斯瑞在電子商務領域的經驗與技術。其內容主要分為 公司簡介、電子商務的趨勢、Magento介紹、Magento的實際操作等,其中Magento的部份在我們之前的文章也有提到許多,像是Magento應用技巧-針對不同出貨國家設定不同出貨稅率、如何在Magento設定多貨幣、Magento功能導覽(2)展示商品等應用,我們特別開放了十幾組後台權限來讓學生們實際動手操作電子商務平台。 下面就讓我們來回顧一下當天與學生互動的狀況及授課內容吧。 1.公司簡介及相關認證 課堂一開始,我們先讓各位同學們對歐斯瑞公司有初步的了解;公司的概況,歷史,以及主要業務為Magento平台客製開發與專業完整的行銷服務,並展示相關通過Magento電商平台與Google
利用Javascript,自製清理網頁元素工具相信不少的網頁工作者,都會有類似的經驗,尤其是在需要重新整理網頁內容,或是重構網站時,看到一堆過去的網頁程式碼,元素其中不乏各種css,class,id,甚至是bgcolor,width一類的行內屬性,這時就可以利用這個工具來清理掉這些元素屬性,還原成最乾淨的html網頁程式碼。 不過,先提醒一下,此工具並沒有特別處理例外,例如說img的src屬性也是一併會被清除的。 直接來看程式碼(重點執行清除功能的是藍字的程式部分): <html> <head>
選對合約類型,讓專案更順利在之前的文章中,我們提到溝通對於專案成功的重要性;當雙方對於專案的交付物達成共識之後,將買賣雙方的權利及義務明文記載的文建,就是專案合約了。 一般的專案合約可以分為總價合約、成本補償合約、以及工料總價合約三種類型。不同的合約可針對不同的狀況提供對買賣雙方公平的條件,讓專案進展更順利。 總價合約是最常見的合約類型,我們今天先對這種合約做介紹。 顧名思義,總價合約就是買賣雙方必須在合約中明確規定:買方應該支付的金額、賣方應該於何時交付的成果,以及雙方未依約履行義務時的處理方式。因為這種合約的內容非常明確規範了賣方必須達成的範圍,對買方來說因此較有保障,所以一般的合約都會採用這種類型;但是相對的,當買賣進行中買方要變更合約內容時,總價也會因此向上調整。
網路行銷工具 Google Consumer Barometer網路世界瞬息萬變卻也商機無限,因此掌握網路使用者的行為模式就很重要了。尤其行銷人常常面臨要在很短的時間內準備提案資料,或者是規劃行銷策略與進行決策。然而,消費者行為調查往往需要花費較長的時間,投入龐大預算與人力才能獲得,無法滿足數位時代的行銷人的需求。今天就要跟大家介紹一個免費的網路行銷工具 – Google Consumer Barometer,幫助你掌握網路世界的消費者洞察。
Magento結構概述Magento,有史以來功能最齊全的個人/企業用電子商務平台,於2007年開始由製作出osCommerce這套元老級電商平台的公司Varien Inc.開發,並於2011年被ebay收購。 Magento適用於各種中大型電子商務解決方案,擁有完整的購物車、訂單管理、會員管理、產品管理、報表等系統,但是相對的,它也是一個複雜的系統,各種功能間的連動性也相當大,Magento採用Zend Frame Work這套MVC架構來作為核心。
簡單3招快速規劃關鍵字清單規劃關鍵字廣告的時候,需要建立關鍵字清單。事實上不僅僅是操作關鍵字廣告需要建立關鍵字清單,您的網站上的每一個網頁也需要建立正確且相關性高的關鍵字。所以問題是該如何快速且正確的產生關鍵字呢?以下介紹幾個簡單又快速的工具來幫助您規劃關鍵字。 Google關鍵字規劃工具 1. 進入Google
如何在Magento開啟貨到通知功能如果您的商品在網路商店中賣光了,需要幾天後才能重新販售,這時候想要購買的顧客沒辦法下單購買,這是對雙方都很遺憾的一件事,Magento針對已經銷售完畢的商品,提供在重新將商品上架的這段期間讓客戶可以取得該商品貨到通知的資訊。 首先,確定在你的Magento網站中是否有開啟展示缺貨商品,若是沒有設定該功能,可以進入Magento後台中設定。 路徑:
設定Meta tag,管理你的網站可見度當我們做好一個網站,且讓他上線時,如果我們的網站並不想要被搜尋引擎收集資訊,我們可以透過設定Meta tag的robots,告訴搜尋引擎哪些資料不要蒐集,來管理網站的可見度。 例如說,比較常見到的: <meta name="robots"
替ASANA換件新衣吧繼上次介紹「運用ASANA時間管理提升工作效率」文章後,這次要教大家如何更換ASANA的背景主題 ,ASANA原始預設背景是淺藍色,如果想要讓它換成更活潑一點的主題伴隨你工作的話,這篇設定教學可以幫助切換為你想要的樣式。 首先,點一下右上方頭像圖示 點選頭像後會出現選單,接著點“My Profile
歐斯瑞的工具百寶箱大解密網頁設計百寶箱 歐斯瑞的有許多夥伴們都是網頁製作高手,一個一個吸引人駐足逗遛的網站就在在他們的巧思跟精湛的技術下誕生出來。 工欲善其事,必先利其器;這些亮眼的網站當然不是設計師跟工程師們變魔術變出來的,而是歐斯瑞的夥伴們依照設計跟製作的流程、使用各種適合的工具製作出來的。我們依照設計跟程式製作的流程把這些好用的工具分類好;接下來,就為各位歐斯瑞的好朋友介紹這些工具。 網頁設計
10個提升效率的專案管理工具順暢的專案流程需要合適專案軟體輔助,我們把專案管理工具依照這些階段中重要的工作如:需求討論及功能設計、任務及時程管理、測試驗收等進行分類並介紹合適的工具!
使用CSS自動設定單偶數背景色在還沒有CSS3以前,CSS是無法加入判斷功能的,例如說今天要做的單數行背景顏色X色,偶數行背景顏色Y色,以前必須要靠別的程式輔助,例如PHP或是Javascript。 現在就介紹一個CSS3的新選擇器(Selector):nth-child()。 例如:我們今天想要做,單數行的背景顏色綠色,偶數行的背景顏色橘色。 先來準備一些文字段落(p): <p>aaa</p>
Magento 應用技巧- 針對不同出貨國家設定不同稅率當我們要進行跨境電商及販售時,經常會遇到一個問題,就是對於同樣類型的商品,每個國家收取的關稅不一樣,Magento能夠應付這種情況嗎? 當然沒有問題!Magento天生就是設計用於多國販售,因此已經內建基本的稅率設定功能,請看一下範例: 首先打開Sales ->
Magento 如何新增具有多重屬性的商品想要跟Lativ一樣,在同一個商品頁面讓消費者挑選尺寸及顏色嗎?接下來的文章就要教您如何在Magento設定具有多重屬性的商品,讓您的購物網站跟Lativ一樣,可以讓消費者在同一個商品頁面挑選衣服的尺寸及顏色。 因為Astral dog 大熱賣,因此我們推出了延伸商品:Astral
Google我的商家設定今天就在Goolge我的商家建立您的店家資訊,讓Google免費幫您宣傳,只要透過以下幾個簡單步驟,您的店家就更容易讓消費者找到喔!
Facebook輪播連結廣告可展示5個圖像與連結在臉書動態上,你一定發現有一種廣告一則廣告就放了5張的商品圖片,還可以點選滑動箭頭瀏覽5個圖文資訊,每一張都有商品敘述與商品連結,這叫做輪播連結廣告,今天就要教大家在臉書投放廣告時如何使用輪播連結廣告刊登方式。
品牌不可不知的YouTube影片行銷策略Google 品牌實驗室預估到了2017年所有互聯網的流量中收看影片的流量將佔74%,成為使用者在YouTube觀賞影片最常使用的裝置。本文將討論品牌應該製作什麼樣的影片內容傳遞品牌的精神給消費者以及如何建立規模化的內容。
實作前端購物車或資源回收桶效果JQueryUI相信是很多人開發網頁時都使用過的js套件,只要能結合JQuery UI其中的Draggable與Droppable功能,就可以透過少少幾行的javascript程式碼,做到拖曳與移除html物件的效果。 首先,要在網頁中先載入jQuery與jQueryUI。 在html的head中,可引用google cdn的方式來直接載入。
Magento應用技巧-單一目錄均一價設置當我們平常逛街時,常常可以看到一種促銷活動—-”單一類別商品均一價“,這種方案是不是也能在Magento系統上實現呢? 當然可以! 但是要如何改呢?難道要一一去修改商品的價格嗎?這樣真的很麻煩,而且當活動結束時還要一一再改回來,也太費工夫了吧! 不要擔心!雖然Magento系統提供的功能不能包山包海,但這點能耐還是有的,以下我們將用”男性襯衫均一價“作為教學範例。 1.
社群媒體新勢力-Instagram品牌參與度極高品牌在社群媒體行銷的參與度一直不遺餘力,然而,從MSN Messanger、無名小站、MySpace不難窺見社群媒體的高汰換率足以讓品牌在是否需要持續投資上產生疑慮。 於此同時,一股新的社群勢力又即將展開。只要你是經營品牌的數位行銷人員一定不能不注意Instagram,這個能夠創造極高的品牌參與度的照片分享平台。 Instagram才五歲大,創辦人以Instant(即時)和Telegram(電報)作為概念的結合,至去年底每月已有將近9000萬名活躍用戶。有這麼多用戶的加持,也難怪Facebook在買下Instagram之後頻頻釋出籌備Instagram完整廣告業務的消息,我們可以期待Instagram很快就會出現更多的廣告。根據可靠消息指出,Instagram將在貼文置入”立即購買”的按鈕和API技術,並提供與Facebook相同受眾分析的付費廣告機制。搭配這些令人期待的新功能,eMarketer預測Instagram今年將有近6億美元的廣告收入,並且在2017年超過28億美元。同時eMarketer的調查也指出2015年第一季美國品牌在社群媒體貼文促動消費者與品牌互動的成效,Instagram強勢成長108%,遠遠超過Twitter的32%與Facebook的27%。(如下圖1) (圖1)
Magento如何新增商品的顏色選項幫您的商品建立顏色選項,讓不同顏色的商品在同一個商品頁面中呈現。 今天歐斯瑞進了新的商品、一款療癒的Astral Dog,這款Astral Dog共有四個顏色、我們想將他放到歐斯瑞的Magento
Magento價格規則的優先度做為一個剛接觸Magento的菜鳥,相信在設定商品時一定會感到一頭霧水,這麼多的參數,光是設定價格就被搞到一個頭兩個大了,到底該怎麼弄呢?價格、優惠價、群組價、階層價都設定的話,究竟是會採用哪一個呢? 不要擔心!其實Magento是個非常有智慧的系統。 Magento有一套自己判斷標準,那就是採用最低的價格,例如說,售價500,優惠價399的話,Magento一定優先採用優惠價399,但是如果今天反過來呢?讓我們來看看下圖的例子:
如何在Magento設置可配置產品如果您有一個商品擁有多種規格,而且您想要在系統中各別管理同商品不同規格的存貨,這時候你可以使用Magento系統中的 可配置產品(Configurable Product) 來幫助您管理商品的存貨。
(新功能)Facebook粉絲專頁取得高訊息回覆率圖示有粉絲專頁的朋友們,最近你一定有發現粉絲頁多了一個欄位,這個欄位叫做”回覆率” 什麼是回覆率呢?其實就是粉絲專頁收件夾裡面的訊息,當有人透過你的粉絲專頁傳訊息給你,你開啟訊息讀取後,系統開始計算你的回覆率! 以下是回覆率顯示的資訊 這個回覆率的規則是什麼呢? 首先,你的粉絲專頁必須開啟用戶與粉絲專頁聯絡才可擁有回覆率資訊。
(2015改版篇)臉書廣告分析報告,所有資料完整掌握2015臉書廣告使用介面又再度改版了! 當你使用臉書廣告在宣傳你的商品時,都會在該廣告活動下隨時觀察廣告目前的成效,利用一些基本的數據來觀察是否要調整廣告活動的設定;但是往往在廣告刊登結束之後,你需要了解更多廣告成效,以及運用廣告報告分析下一次刊登廣告的方式,這時候就必須要一個更詳細的資料了,這篇文章介紹如何自訂廣告分析報告。 廣告活動-基本分析資料 這是在廣告活動之下的基本分析資料,可以快速了解這個廣告的基本成效,如下圖:
Magento網站建置四部曲—–利用SEO拯救你的網站曝光率經歷前面了一連串的需求確認、伺服器選擇、網站UI/UX及行銷設計後,辛苦終於有了代價,一個規劃完整的網路商店終於完成!現在萬事俱備,只欠東風了。 等等,還沒有結束嗎?網路商店不是已經完成了嗎? 沒錯,網路商店本身確實已經完成,但後面還有更重要的事情必須執行,其實網路開店並沒有一般人想像中的簡單,只是因為進入的門檻低,讓大家誤會很簡單而已。
Google adwords如何設定排除關鍵字當您要控制某些關鍵字被搜尋的時候您所投放的廣告不要被顯示,您需要在該廣告活動或廣告群組中加入排除關鍵字。 首先修改日期範圍(建議選最近30天才有足夠資料),點選要設定排除關鍵字的廣告活動或廣告群組。 點擊進入[關鍵字]頁籤
純CSS的下拉式選單以往我們要實現下拉式選單大多會使用Javascript或者是Flash,不過現在我們有更簡單的選擇。今天我們要跟大家分享如何單純使用CSS及HTML製作互動式的下拉選單。底下就是我們完成的選單效果截圖。 首先我們先把第一層的按鈕做出來。 HTML <ul
如何在側邊欄位加入客制化區塊客制化你Magento系統有時候需要一點編碼來幫助你建立你的網站,讓你的網站更方便管理,以下我們要教大家如何將客製區塊加入到頁面的側邊欄。 本次範例我們將加入客製區塊到商品分類頁面中的左側欄。 首先,先在Magento管理後台 CMS ->
定期存取臉書廣告洞察報告請前往2015年更新版-定期存取臉書廣告洞察報告 上一篇文章介紹如何自訂廣告分析報告,這篇文章要教大家如何設定:將臉書廣告分析報告定期寄送至我的電子郵件信箱 首先 1. 登入Facebook帳戶(必須擁有粉絲專頁管理員與廣告管理員權限)
臉書廣告分析報告,所有資料完整掌握在臉書廣告刊登結束之後,若想要了解更多廣告成效,以及運用廣告報告分析下一次刊登廣告的方式,這時候就必須要一個更詳細的分析報告了,這篇文章介紹如何自訂廣告分析報告。
Magento網站建置三部曲—–UI/UX設計與行銷的重要性「你有看到巷口新開的精品店嗎?他的歐風裝潢真的好漂亮喔!好想去看看。」 「你看,大俠漢堡包正在推出買一送一的優惠呢!我們聚會就決定在這裡吧!」 「這家咖啡廳的服務人員真的很親切呢,服務又貼心,下次還要再來。」 這些對話,是不是讓你感到很熟悉呢?每當我們看到精心裝潢的店面,聽到某家店服務極好或是商品在大特價促銷,我們總是會多加留意,許多老闆/創業者也看準這點,店面裝潢一家比一家華麗,商品一家比一家精緻,促銷手法一家比一家有趣,為了打造獨特的顧客體驗讓新客人源源不絕,就客戶回購不斷,大家無不費盡心思。
CSS 濾鏡特效CSS 濾鏡是一個讓我們實現各種視覺效果的工具,我們可以利用CSS濾鏡來幫網頁加上一些視覺效果。 本文將為您介紹CSS的濾鏡效果及用法。
Google Adwords關鍵字比對類型本文將介紹Google Ads的五種關鍵字詞組比對類型:廣泛比對、廣泛比對修飾符、詞組比對、完全比對、以及排除比對,善用不同的關鍵字詞組以及排除歧異字可以觸及到更正確的受眾。
改善Magento商品圖片的品質為了有效的提升瀏覽網頁的體驗,Magento系統在前端頁面產生商品圖片之前,會將圖片做品質的壓縮,雖然影響的程度不大,但是您還是想要在商品頁面中呈現高品質的商品圖片,可以採用以下作法: 步驟1 複製 /lib/Varien/Image/Adapter/Gd2.php 檔案
電商平台比一比III,當Magento對上OSCommerce先前幾篇系列文章,我們比較過Magento及與他同時期推出的新一代電商平台後,終於要輪到老前輩–OSCommerce,相信不少人應該都對這它不陌生,它是在西元2000年時由一位德國人Harald Ponce所開發,包含完整的購物車系統、後台管理、結帳流程、商品上架等,算得上是電子商務界的始祖,即使在現今當紅的Magento或Opencart身上都還能看到有OSCommerce的影子。 OScommerce同樣是使用PHP撰寫,搭配MySQL,並且採用開放原始碼的方式,讓開發者能夠依照自己的構想開發擴充套件,其安裝使用簡單的特性,讓非技術背景的使用者也能輕鬆上手,而且只要是能支援PHP環境跟MySQL的伺服器都能掛載。 但是歲月終究催人老,就算是始祖OSCommerce也逃不過市佔率年年下降的趨勢。 在電子商務蓬勃發展的今天,對於平台功能的需求早已不可同日而語,OSCommerce當初開發的目的僅僅只是一個“線上購物車”系統,對於SEO、行銷、跨國店面、優惠Coupon等需求支援不高,就算額外開發擴充套件,功能也有限,這些都讓OSCommerce在網路市場上逐漸式微,在世界前一百萬大電商網站中OSCommerce的佔有率僅有4.3%,Magento卻高達26%。
Magento功能導覽(2) 展示商品Magento是強大的電子商務網站,可以多樣化的呈現商品以及支援多種客制化選項,提供客戶在選購商品時可以附上更加詳細的資訊,以下就來看看Magento在商品方面的呈現。 分類商品頁面 在分類商品頁面你可以選擇版面的配置,目前畫面中是三欄式,但是可以依照你的需求在系統中調整成二欄或著是單欄配置,在商品清單的上下有設置工具列,使用者可以依照個人的瀏覽習慣,來更改商品呈現的方式、顯示數量以及排序規則。 在商品呈現方面你可以使用系統內建的特價功能呈現出特價,在此單中可以快速的加入購物車、願望清單、以及加入比較。
Google廣告設定教學-排除在行動裝置上投放廣告如果不想讓你的廣告在手機上曝光,那要如何排除在行動裝置上投放廣告呢? 只要在廣告群組上做一些調整設定,就可以排除在行動裝置上投放廣告,這篇文章提供幾個簡單快速的教學步驟就可以完成這項設定。 1.先登入 Google AdWords
你Line Pay了嗎?今年5月底甫結束的Google I/O大會最重要的核心訊息就是一反前兩年喊出的行動優先提出了行動唯一(Not mobile first, but
聆聽客戶反饋的重要性客戶可能會透過網路社交平台或是你的服務官網上給予評價,但是你只接受客戶給你正面的評價嗎? 客戶提供的反饋是非常有價值的,當你接收到客戶抱怨以及建議時,這些資訊可以提供你改善公司產品或服務的機會;所以,懂得建立好顧客關係的企業都將顧客抱怨視為珍貴的資訊,透過客戶的意見可以知道如何滿足客戶的需求,這些客戶提供的意見與評價都是相當重要的資訊。 聆聽客戶的建議能提高銷售 正面反饋:當你收到客戶給予正面肯定時,除了對客戶表達感謝的回應之外,加以紀錄客戶對什麼樣的產品服務感到滿意,這個資訊可以提供公司未來維持產品服務的一個目標。
檢查Magento核心檔案是否有被修改在開發Magetno專案時,常會因為客製化的需求而對網站內的代碼進行編輯,如果編輯到Magento的核心檔案時,會容易造成錯誤以及後續版本的更新問題,我們不建議對系統核心檔案進行直接的編輯,以下歐斯瑞將教你如何檢測你的Magento的核心檔案是否有被修改過。 準備事項: 1. 欲檢測 Magento
Magento功能導覽(1) 會員功能Magento系統內建的會員系統功能齊全,可以滿足大部分電子商務網站需求,下面將介紹Magento的會員系統。 登入頁面 在使用任何有關於會員功能操作,如果使用者沒有登入會員,系統會要求使用者登入帳號,會將頁面導向到登入頁面。 在此頁面可執行「登入」、「註冊」以及「忘記密碼」。
如何使用CSS製作逐格動畫一般我們在應用CSS動畫屬性時最常用到的效果不外乎改變顏色、形狀及移動位置等。但是,你知道嗎?其實CSS也可以做到傳統的逐格動畫,今天我們就要跟大家分享如何用CSS製作一個逐格動畫出來。
如何在社群使用#標籤如果你也喜歡玩Facebook、Instagram、YouTube、Pinterest、Twitter這些社群網站,那你也一定不陌生#標籤,許多人認為只要標上#號標籤就可以讓更多人看到自己貼文,能得到更多曝光的機會以及得到更多的讚,但是事實正是如此嗎?文章中要跟大家介紹如何正確的使用#標籤: 什麼是#標籤? #標籤英文叫做#hashtags,在社群發佈貼文時,在一個詞或句子前面加上#號的標籤,通常這個標籤具有主題性、有意義的詞,透過這些標籤可以連結到所有標記這個詞的公開貼文。 如何正確使用#hashtags
如何設計良好的手機網頁手機提供消費者在零碎時間即時購物的需求,購物網站手機頁面的設計必須以方便嘔務流程為出發點考量,請看以下幾項設計要點。
Magento網站建置二部曲—–伺服器的抉擇繼先前我們講述了溝通的重要性”MAGENTO網站建置一部曲—–溝通的重要性“,經過多次溝通協調,確認整個網站的藍圖後,你已經在電商平台這條路上跨出了非常重要的第一步了。但是先別高興得太早,我們還有一個非常重要的課題還沒完成,在這個茫茫網海之中,你的網站要安置在哪裡? 不用擔心!歐斯瑞已經幫你想好解決之道了!我們挑選全球前三大的hosting廠商—–Rackspace來做為我們提供hosting服務的長期合作夥伴,也許你會問,為什麼不是亞馬遜或IBM? 因為Rackspace對於Magento網站的維護有相當豐富的經驗,在Magento於2008年問世以來,Rackspace就與之成為合作夥伴,並為Magento打造專用的伺服器環境,以目前管理的Magento數量來說,Rackspace堪稱世界第一。 而在伺服器的種類上,Rackspace提供了兩種方案——專用伺服器與雲端伺服器,這兩者有什麼不同呢?我們先來看看下面這張表格:
滿版背景圖的製作方法- CSS & jQuery今天我們要跟大家分享幾個製作滿版背景圖的方法。 現在先來確定一下我們的需求: 圖片必須剛好填滿瀏覽器不能留有縫細,也不能因為圖片太大而出現捲軸。 圖片可以隨著瀏覽器尺寸自動縮放。 圖片必須保持長寬比,不能變形。
淺談PMO對組織的重要性請讀者試著想像這樣的故事場景:小鮮肉肉圓店是一間開設在某大學附近的清蒸肉圓攤,老闆阿園為了確保肉圓的品質,堅持自己生產生肉圓;因此,好吃又衛生的肉圓不但深受大學學生的歡迎,甚至許多畢業回到家鄉的校友也常常對阿園的肉圓念念不忘,甚至不惜驅車回到母校,只為了重溫肉圓的美味。 某天,下決心要拓展生意的阿園坐在桌前謹慎的檢查自己幾個月來的銷售紀錄。他發現在寒冷的日子裡,肉圓的銷路特別好,甚至常常發生供不應求的狀況;另一方面,天氣熱的時候雖然生意也還過得去,但是偶而也會有生肉圓放太久而酸掉的狀況。此外,不論淡旺季,每天總是會有十位左右的顧客是特地從外地來吃肉圓的慕名者。 為了解決這些問題並滿足市場的需求,阿園設立了以下幾個目標: 第一:想辦法讓冬天時,每天都有足夠的肉圓可以賣。 第二:想辦法讓夏天時,不會浪費做好的生肉圓。
內容行銷的趨勢!如何為你的公司準備進行內容行銷內容行銷的趨勢!做網路行銷的人一定都聽過這一本書:「內容行銷塞爆你的購物車:數位時代吸金法則」本書作者提到「沒有好的內容,休想讓顧客買帳!每個行銷人都知道,行銷法則已經今非昔比了。與其大聲嚷嚷產品的優勢,顧客真正想要的是能幫助他們改善生活的寶貴內容。」 如果你還不是很清楚內容行銷的觀念,還沒準備好如何進行?這篇文章帶你快速進入內容行銷的趨勢腳步! 許多企業認為他們需要簡單的做出一個內容行銷的策略,因為整個網路社會裡大家都在做這件事,一個企業要進行內容行銷,首先需要有內容行銷的基本認知,即使你可能沒有適當的操作工具或是一個進行內容行銷的概念,歐斯瑞整理出操作內容行銷的技巧,並提出一些公司還未準備好進行內容行銷的跡象: 1.你認為內容行銷只是一個流行用語 內容行銷可以為你帶來多讀者群以外,並可以轉換為有價值的客戶,網路上各式各樣的資訊來源,多來自於內容行銷,你了解內容行銷是什麼就知道它是不是個流行用語。請看這篇快速了解內容行銷執行的6大步驟!
Magento 批次修改產品資料當你擁有多筆商品資料需要修改的時候,一個一個進入產品編輯頁面修改是非常花費時間的,Magento後台的產品列表中提供了批次修改的功能,減輕你在編輯大量商品資料的負擔,今天要告訴大家如何在Magento中批次修改產品資料。 以下用下圖中五個測試商品做示範 1.批次 啟用/停用 產品
如何新增Magento頁面配置當我們使用Magento後台新增頁面的時候,不管是產品頁面、還是內容頁面都可以選擇頁面的配置。Magento預設的頁面配置有:單欄、雙欄右邊欄、雙欄左邊欄、三欄、空白等。 如果我們今天因為端午節活動,需要新增一個特別的促銷頁面,一個獨特的頁面配置在不影響其他頁面的前提下,最簡單的方法就是新增一個特別的頁面配置。 新增Magento頁面配置其實很簡單,接下來我們將示範如何新增Magento頁面配置。 Step1:
為什麼網站必須要建立原創內容網站最重要的目標是甚麼?流量!流量!流量!因為很重要所以說三遍。要有流量就要有人來看你的網站,而且越多越好。 當越來越多人造訪你的網站並且在站內停留時間的夠長,你的網站的搜尋排名就會提升,那麼就會導入更多的流量進入你的網站。因此訪客進入網站之後看到的內容就決定了會不會持續有人來看你的網站?來過的會不會繼續來?甚至叫別人來看你的網站;如果以上幾點都達到了,恭喜你,你的網站在品質分數上已經有了很大的躍進,期待流量的正向成長已經指日可待。既然內容這麼重要,就不難了解為什麼要在你的網站裡建立原創內容了。 內容就是王(Content is King.)
優化你的Magento社群分享功能在社群網站火紅的現今,社群分享功能已經與電子商務密不可分,所以我們也常在Magento中安裝社群分享的功能,但是該如何準確的控制分享至社群網站的功能呢?本篇就要教導大家如何簡單的控制我們社群分享的內容。 在 Magento1.9.1 版本中的rwd主題包中已經內建有簡單的社群分享功能,我們將以此為範例,為各位展示此次教學範例。 下圖為1.9.1
如何在Magento設定多貨幣電子商務的應用無遠弗屆,當你的網路商店已販售至多個國家,此時你可以在Magento設立多種貨幣,更能貼近使用者的消費習慣。 接下來我們要示範如何在Magento中設立多貨幣別。 1. 設立貨幣 首先進入Magento後台管理介面 系統
Magento網站建置一部曲—–溝通的重要性相信許多人,尤其是從事軟體服務業的人,在與客戶進行專案的過程中,常常會發生雙方想法差異太大,或是對於某項功能上的認知天差地遠,好一點的可能案件依然可以成交,但弄得灰頭土臉,差一點的可能煮熟的鴨子飛了,賠了夫人又折兵。 有個笑話是這麼說的,一批造橋的工程師在丈量橋墩的位置時,位置偏了1公分他們沒有發覺,就開始分別從兩岸開始施工,到最後兩邊的橋要銜接在一起的時候才發現大事不妙…..兩邊完全無法銜接。套用在網站建構,若是一開始沒有溝通好,即使是一點點微小的差異,做出來的功能可能都與客戶期待的天差地遠。 事前的充分溝通就會變得非常重要,那要如何避免這樣的情況發生: 1.充分溝通:
自訂您的網站在搜尋結果中呈現的樣子Google 提供了幾個方法,讓我們可以自訂網站在搜尋結果中出現的樣子:在搜尋結果中顯示麵包屑導覽、在搜尋結果中顯示Sitelinks搜尋框、在搜尋結果中顯示網站名稱,接下來我們將一一為您做介紹。
在Magento中設定聯絡表單的收件信箱Magento系統有預設的聯絡表單功能,位置是在 您網站的網址/contacts 如畫面所見,提供簡單的欄位讓顧客可以透過表單寄送電子郵件給網站管理者,現在要帶領您設定聯絡表單的收件信箱 首先,先進入Magento後台並前往 系統
8個免費工具幫助簡化前端開發的工作本文將介紹幾個前端開發的工具:Chrome 開發人員工具、Brackets、Sublime Text 3、Koala、Online CSS prefix tools、CSS Sprite Generator、Picpick、Just Color Picker。
12個結帳頁面的設計技巧網路購物是個在現代社會裡絕佳的購物模式,不必離開家裡便能快速比較、瀏覽所有商品,當你要挑選購買的商品時,如果網站設計的並不理想,在商品下單介面你可能不覺得更方便,反而有了一次很糟的購物體驗。 我們來看看普遍在購物網站結帳頁面上設計的詬病: 結帳前要先填寫表單,然後再告知您此商品已缺貨,還要等上數天→回覆→再次下訂,又一次循環…。其實只需要花些時間對你的結帳過程做一點點的調整和研究使用者的體驗,網站就會獲得更多滿意的回饋,並且有效的增加銷售額;小編在這裡提供了12個技巧來幫助購物網站做到這一點: 1.
Magento優惠活動設定(III)我們常看到購物網站中舉辦優惠活動,利用優惠促銷方案來拉抬買氣,在Magento電子商務平台中一樣能透過幾個簡單的設定舉辦促銷活動 其實原生的Magento CE版本中,已經內建許多好用的促銷功能;前兩篇已經介紹優惠活動設定教學的單一系列八折與購物車滿千送百,今天Magento優惠活動設定教學以結帳金額滿千即打八折為例! 範例一: 單一系列八折
如何提升顧客忠誠度一個網站要能永續經營並持續獲利,關鍵要素就在於忠誠客戶支持,當訪客滿意網站的服務和收費原因自然會願意買單並成網站的會員,也可能主動分享產生口碑行銷效應,歐斯瑞以6個觀念教您有效提升顧客忠誠度! (一)創造獨特網頁內容與設計具備誘因的會員機制 網頁品質是網站開啟優質網站服務、提高會員忠誠度的基礎所在,唯有不斷地強化網頁內容,才有機會得到會員的認同。而創造獨特網頁內容的方式可分成4個構面,說明如下所示: 1.關聯性與時效性
如何建立magento佈景主題Magento 設計常用名詞 在開始建立佈景主題之前、我們先來了解一下magento的幾個名詞: Website, Store,
Magento設定-讓搜尋引擎找不到你的網站如果今天你的網站正在開發中或是一些其它的因素,不想讓搜尋引擎搜尋到你的網站,我們可以透過robots meta tag裡的Index與Follow來做控制,而這在Magento可以很方便的做設定。 首先,先了解 Index
用Marvel App讓你的數位點子活起來今天歐斯瑞要位各位介紹Marvel這個網站,Marvelapp提供了簡單完善的功能讓專案人員在簡單的幾個步驟內即可完成一個demo網站。接下來就讓我們用快速簡單的方式完成一個可以展現效果的網站吧!
如何讓購物網站轉換率最佳化根據WebDAM 2014年的年度統計數據指出,全球行銷部門投入超過1350億美元在網路行銷相關的活動上;投放在互聯網的廣告到2015年將佔整體廣告市場的25%,近八成的行銷專家認為客制化的數位內容將是未來的行銷主勢。商家普遍抱著對網路行銷概念上的”低成本”快速效益趨之若鶩,卻不知如何正確的掌握行銷成本的效益。如何有效的量化投資報酬率(Return on Investment,ROI)是所有行銷以及公司決策上的課題。轉換率(Conversion Rate)
Illustrator教學:【入門篇】使用即時描圖快速轉成向量物件本篇Illustrator教學使用即時描圖快速轉成向量物件,有時後我們會需要將照片描繪成向量的圖片,且不需要太精細時,就可以使用即時描圖,但需要對比強烈的照片(如剪影),才適合用這種方式處理,此篇文章有詳細教學步驟,讓您快速完成即時描圖快速轉成向量物件。 1.首先將照片匯入Photoshop之中 2.選擇 影像>調整>亮度/對比 3.加大主體與背背景的對比
Google 行動廣告的改革Google 官方新聞表示,在Google上每日有數十億次的搜尋記錄,越來越多消費者使用智慧型手機透過Google尋找答案:我想要知道的、我想去的、我想做的、我當下想買的。事實上,在美國和日本等超過10個國家的人 ,使用行動裝置Google 搜尋的人多於使用桌型電腦。對於行銷人員來說這是一個很好的機會,為行銷人員開創了一個新的接觸消費者購買的路徑。 今天上午,Google在
運用zopim線上交談貼近您的客戶zopim是一個線上即時交談軟體,可用於您的購物平台、官方網站等等,即時與客戶進行線上交談,今天我們整理出幾個利用zopim更貼近您的潛在客戶的方法。 運用zopim的”觸發程式” 使用zopim的”觸發程式”功能,針對幾項有助於增加轉換率的方式對客戶開啟對話視窗,依據不同的時間、位置、資訊、以及情況下,設置適合的觸發條件: 1.
優化你的網站在Facebook, Google+…分享的顯示內容你有沒有想過,當有人在Facebook分享你的文章時,你的文章顯示方式是否如你所想。當Facebook在抓取我們的網頁內容的時候,如果沒有其他的輔助資訊,它只能猜測哪些內容是重點,哪些不是重點。 這時候我們可以使用Open Graph來優化我們的文章在社群網站的顯示內容。 Open Graph
Magento快速上傳大量商品的方法利用.CSV檔上傳大量商品是最佳選擇 在Magento上傳大量商品到時,經常會遇到的幾個問題,非常耗時間、出現錯誤、有部分商品是缺貨狀態。 當你有上百個不同屬性的商品,而且只有部分商品是現貨供應的情況下,利用.CSV檔批次上傳大量商品是最佳選擇,你可以透過以下流程讓檔案達到相容的條件 ,用Excel列表就能輕鬆上傳大量商品,就不用一一新增商品表單。
在您的網頁中新增 Google+ 追蹤按鈕Google+ 追蹤按鈕可在您的網頁上新增一個簡單小型的條件按鈕,讓訪客可將您的個人資料或專頁快速加到他們的社交圈中。如要在您的網站上顯示 Google+ 追蹤按鈕,只要加入一行 JavaScript
Magento 優惠活動設定( I )在購物網站常舉辦促銷活動,像是滿額免運費、系列商品優惠折扣…等,只要使用Magento中的促銷功能就可以很簡單的設定這些優惠活動,下面我們將會用幾個簡單的例子示範Magento中的優惠功能。 範例網站資料: Magento CE
運用asana時間管理提升工作效率當要管理多個專案時,就需要一個清楚乾淨的管理介面,來協助你追蹤專案進度、協同合作的溝通平台,今天就要介紹辦公室專案管理工具asana。
Google演算法的行動改革─不容忽視的行動體驗!隨著行動族群的增加,使用手機、平板電腦上網的人比比皆是。不論是搜尋手機網頁或是APP應用程式,行動裝置使用者訴求的是即時、關聯性強的搜尋結果。 為了提升使用者經驗,Google不斷改善搜尋演算法, 藉以提供廣大的行動族群良好的行動體驗,因此進行了兩大行動改革: 1. 提高行動裝置友善網站的搜尋排名
快速了解內容行銷執行的6大步驟!內容行銷也許並不會瞬間為你帶來廣大的效益,但只要跟著內容行銷的循環步驟走,精心策劃內容行銷的過程,訂立明確的目標與用心經營這些過程中的觸及客戶,自然就能結出好的果實! 當你看到文章被眾多讀者透過社群網站分享時,就會領悟到內容行銷所產生的強大曝光度,品牌口碑就此蔓延開來。只要你所提供的資訊是讀者要找尋的內容,越多人點擊瀏覽,搜尋引擎就會提高你的網站排行。Google會依搜尋結果將熱門的網站排名至前面,讓更多人搜尋到你的文章,連帶的效益就是會有更多人造訪你的網站,藉此轉換為有前景的客戶。執行內容行銷之前,你必須了解以下關鍵要素: 內容行銷成功產生效益的8項關鍵因素- -增強消費者對品牌的信賴感 【提供資訊】
MAGENTO後台管理增加圖片上傳功能在製作Magento擴展套件時,我們通常在system.xml宣告該套件在後台的設定欄位,為該套件設定相關的參數以及文字,今天在要教大家如何在system.xml增加圖片上傳的欄位。 首先先到該套件所在的資料夾位置後編輯 etc/system.xml 檔案,接著在你欲增加的頁籤中增加下列程式碼 <example_image>
Magento電商系統的六大優勢以下介紹Magento網站的六大優點:開放式資源、專為電子商務設計、強大的擴充性、為商家賺取更多收益、高效能的網站、高度靈活性。
用影片拓展商機─如何透過Youtube賺錢?大部份的人把Youtube當成一個可以找到各種教學影片、看看喜歡的MV或是消磨時間的網站。另外一些人則是把這個影音網站當成一個為線上事業帶來收益的來源。事實上,賺得最多的Youtube頻道DC Toys Collector已經賺取了四百九十萬美元的收益。用Youtube賺錢會需要花上一點時間跟精力,但這些付出可以獲得龐大的獲利。 賺錢第一步:建立Youtube帳號,開啟ADSENSE 在一切開始之前您得先建立一個Youtube帳號。如果您有在使用gmail或是任何需要使用google帳號服務,您可以直接在YouTube帳號畫面中連結這個帳號。一旦您的Youtube帳號可以使用了,下一步就是要連結您的AdSense帳號。AdSense是一個Google跟同集團網站(包含Youtube)使用的主要廣告引擎。當您建立您的AdSense帳號,將需要輸入您的付款資訊跟稅籍資料。
國際盛事看行銷─來看品牌如何在奧斯卡裡搶得先機並不是所有的媒體活動都可以像奧斯卡頒獎典禮那樣吸引觀眾的注意力,它讓人們選擇坐在一起觀看,討論入選者與評審的功力,從中得到靈感,並且讓我們感覺離那些我們熱愛(或是痛恨)的影視明星們又更進一步。 沒有任何頒獎典禮的規模可以超過奧斯卡去年,奧斯卡吸引了全球將近四千三百萬觀眾即時收看(在今年則是下滑了三千七百萬(資料來源:deadline.com),但仍然是一個可觀的數字!),這個數字也超越了美國長年熱門影集Friends─六人行的完結篇上映時的觀看人數 (小編真心推薦這齣充滿歡笑與淚水的影集!)。 這兩年來,觀眾透過各種不同的管道(電視以及網際網路)來共同參與一年一度的奧斯卡盛事。去年,Google收集了數以千萬計的奧斯卡相關搜尋,換算時間,你需要花費將近數十年才有辦法在Youtube上面看完所有的奧斯卡相關影片! 這一切都說明了一個吸引全球觀眾高度參與的文化典禮所含的巨大商機,並為品牌創造了新的機會。
使用20%Rule工具,檢測臉書圖像廣告的文字比例!臉書廣告圖像有個特殊規定─圖像文字比例不得超過 20%。如果圖像文字比例沒有拿捏好,一不小心就無法通過廣告審核,今天我們要分享一個實用的網路工具─20% Rule,幫助你檢測廣告圖像是否符合20%的文字比例標準。
如何在Magento使用Session?*關於如何在Magento2使用Session請看本篇文章 一般而言,在網站中使用PHP函數設立Session,在Magento可以使用已經定義的函數來使用Session,我們將用幾個簡單的範例進行說明: 設置Session //輸入你所要記錄的Session名稱與值 //此範例Session的名稱是TestString,值為歐斯瑞Astralweb
基礎攝影教學:光圈大小差異篇很多人剛開始使用單眼相機時,不曉得如何使用相機上的繁多功能,今天歐斯瑞要教大家設定「光圈」,利用單眼相機基礎中的光圈設定,拍出背景模糊,人像(主體)清楚的相片。
兩種方法,教你停止WordPress猜測網址功能!WordPress 有一個猜測網址的功能,假設一位訪客要存取 “http://www.astralweb.com.tw//hello”,但這個頁面並不存在時,WordPress可能會把使用者重新導向至 “http://www.astralweb.com.tw/hello-world”。不過這個功能出錯的機率相當大,尤其隨著網站內容愈來愈多的時候,出錯的機率也相對提升。 如果您希望停用Wordpress
感謝Kendamalife的木製劍玉,質感手感一級棒!今天歐斯瑞盛行一股劍玉風潮,下午時分同事們紛紛拿著客戶送我們的木製劍玉活動身體,Kendamalife所製作的劍玉質感、手感都一級棒,對劍玉有興趣的朋友們歡迎去Kendamalife網站看看喔! 也謝謝一直以來都很配合、幫忙我們的Kendamalife,讓合作專案順利完成!
從前端設計的角度來實踐SEO!本文將提供您SEO-friendly的幾項HTML設置方針:結構化頁面,正確使用H 標籤,設置Micro Data,設置麵包屑,建立Title和Meta標籤等等。
使用網址產生器,追蹤Facebook臉書廣告效益的方法!臉書是台灣最常使用的社群網站,也是商家最愛投放的社群廣告。今天要分享一個廣告的小撇步,教你善用URL Builder網址產生器,追蹤廣告效益喔! 一、活動目標選用「帶動人潮前往你的網站」 如果你的活動目標是選用「帶動人潮前往你的網站」,會需要輸入網址,只要利用網址產生器就能產生可追蹤的網址,從Google Analytic檢視成效。
品牌操作的最新趨勢─程序化購買的法則!數位時代來臨,商業行為不只侷限在實體店面,商家更將大量地時間成本花在經營虛擬通路上。然而,到底要怎麼做,才能有效地吸引客戶上門?歐斯瑞編譯了Google的精闢分析,教商家如何規劃行銷、購買程序等,進而引導消費者持續上門關注你的商品並完成交易! 讓客人對品牌產生愛意 我們生活在一個用數據行銷的世代,在今日,品牌可以從某系列的商品線中「製造」出人對該品牌的興趣,並透過影響群眾參與以及針對特定族群行銷來贏得新客戶。 更令人驚歎的是,品牌現在可透過即時回應目標群眾的聲音,提供高度相關的訊息,和強大的創造力來得到商機。 以上,我們叫做程序化購買(Programmatic
2015 新春愉快,洋洋得意過好年!農曆新年即將到來,祝福大家新春愉快,洋洋得意過好年! 【———–年假公告———–】 歐斯瑞從除夕開始(2/18)休息至(2/23),這段期間暫時不會進行業務接洽;於2/24(二)正式上班,一切正常營運,提供各位相關服務!
被客戶遺棄的購物車(Abandoned Cart),如何開發商機?繼什麼是遺棄的購物車(ABANDONED CART)一文中,歸納出了消費者未結帳的原因,有志於改善遺棄購物車數量的電商經營者,也就有著手的方向了。 shopify.com建議採取的行動應該分為兩大策略: 在購物車未被遺棄之前的策略: 客戶此時還在您的購物網站裡,卻會因為許多意料之外的狀況而放棄購物。因此,思考如何改善網頁設計,以降低客戶不方便的種種因素,就是首要的任務了。
最深植人心的內容行銷,你做對了嗎?編寫內容的三大訣竅!資訊爆炸的時代,要如何抓住大眾眼光,讓消費者願意吸收你的新知,而非炒作噱頭的資訊,過了就沒有價值呢?寫出實實在在、有意義的「內容」會是最好的方式之一,對行銷來說也是一樣。如果你曾看過全聯生活誌的編排內容,會發現它似乎和一般賣場的DM不一樣。除了附上當期促銷的商品、價格,他還多了生活提案,「教」你小撇步。 農曆春節即將到來,全聯應景地促銷年終大掃除的清潔用品,但仔細一看─它有三分之二的篇幅在教你打掃的小撇步。 圖片轉自全聯生活誌的線上EDM 如果客戶拿到的只是一般的促銷廣告,也許看一看就丟了,因為這些商品促銷都有時效性的限制,時間一過對消費者來說便無價值。而全聯整理了清潔的技巧,這些生活小知識不僅很受用,又切合一般大眾的當下需求,更好的是還能推薦促銷商品;這樣一篇促銷廣告,帶給消費者的不只是特價資訊,還有實實在在的「內容」,能引起消費者興趣,繼續閱覽,讓商家能夠順利傳達訊息給消費者。 內容行銷(Content
如何建立Google Adwords再行銷廣告活動?Google Adwords可以細項篩選廣告需求,例如選擇時段、播送區域、鎖定客層年紀與興趣,提供更多元、個人化的廣告選項。其中,再行銷(Remarketing)廣告能夠鎖定曾造訪過網站的客戶,針對客戶行為和特徵量身訂做特定廣告,吸引他們再度回訪,廣告效益大幅提升。
如果投放廣告前,沒有鎖定目標對象……ppc關鍵字廣告行銷是網路行銷最常使用的方式,但如果沒有設對目標客群、盲目地曝光廣告,上門的客人也不見得能完成轉換;就像找錯對象,最後才發現那不是你的菜。 →執行網路廣告也要分清對象,鎖定目標客群再投放廣告效益更佳!(上對方床之前,先看清楚是誰吧!) 如何精準地投放ppc關鍵字廣告,歡迎詢問歐斯瑞行銷團隊!
2015 Facebook擴大來台,你該知道的最新臉書統計數據!你知道Facebook臉書來台拓展的消息了嗎? 相信臉書未來會提供台灣更多服務內容,在這之前先讓我們來了解2015年臉書最新統計數據,包括各地區的使用者人數,以及人們平均花在臉書上的時間!掌握這些最新數據,就能比別人先了解臉書社群行銷的趨勢! 參考以下資訊圖表(Infographic):
手機網頁設計新取向─台灣五大案例分析!智慧型手機越來越普及,也成為大多數消費者從事網路相關事物的裝置,也因此網站提供給手機良好操作介面是相當重要的,在介面與系統需要審慎的考量,請看以下分析與建議。
圖騰的力量─極度乾燥設計師Richy Baldwin的設計之路您是否曾對極度乾燥(Superdry)如何設計圖案T恤跟連帽外套感到好奇呢?平面設計師李奇鮑德恩(Richy Baldwin)從公司草創之初就效力於極度乾燥了,我們來聽聽他怎麼說這些背後的設計故事。 「每個人都好奇地問過我是怎麼得到靈感的,其實我的腦袋裡一直塞滿各式各樣混合的設計元素,尤其是50年代的美式風格。這二十年來,我一直去美國旅行,並且進行質量並重的收集。我總是拍許多照片、收集舊標誌跟舊包裝。美式車庫文化尤其激發我的靈感,像是有關車子、摩托車、加油站入口、加油機等種種標誌;這些各式各樣的Logo就是讓我設計出復古T圖案的最佳靈感來源。 此外,我從青少年時代就開始接觸音樂。我玩樂團、跟著不同的樂團旅行或是去錄音。這段時期的最後十年間,我成了個「半專業」的龐克樂手,並藉由參加各式各樣的音樂祭活動環遊世界。我們的「Rocker」T恤系列的設計靈感主要就是來自這段經歷;當然也包含我對骨董摩托車的熱愛與收藏。進入T恤設計之路後,我開始對於自己在T恤上展現美式車庫文化的概念越來越有自信(我自己給這概念取名為「車庫的領域」)。當我無法在英式或美式的T恤上發現這種風格的T恤時,會讓我感到受挫,在小小的放肆下,我開始為自己設計T恤。畢竟極度乾燥的一個哲學就是「我們不會去設計連我們自己都不想穿的衣服。」
如何利用jQuery來讓錨點連結有滑動的效果?當單一網頁的內容很多的時候,可以將內容分成數個段落,在每一段內容前面插入一個錨點,利用超連結的功能,讓網頁在閱讀上好像分成數個獨立的章節一樣方便閱讀,本篇教學將介紹如何使用JQuery來達成錨點滑動效果。
新一代多螢電商解決方案:響應式設計(RWD)電子商務瞬息萬變,要如何搶攻多螢幕電商市場,掌握桌機、平板電腦和智慧型手機的網購商機呢?根據Google 2014年的調查,台灣有54%的人上次購物是使用智慧型手機,其比率高於韓國38%、美國26%和日本15%等,位居世界第一,可見台灣人的行動商機不容小覷。為了把握這廣大的行動商機,許多電商業者常做的方式是開發行動購物APP(例:MOMO購物網、Yahoo超級商城),或者另外架設行動網站(例:Lativ網站)。 其實,還有一個台灣尚未普及,但在國外相當流行的Responsive Web Design(RWD),稱為響應式設計(或稱互動式、回應式設計),國外使用範例如知名品牌Tommy
如何在Magento商品頁面,利用AddThis套件新增社群分享功能?目前社群分享功能在電商網站中非常熱門,網路上已經有幾家公司整合了各種社群功能,方便商家使用,今天Astral Web要介紹的是「AddThis」,它在Magento Connect中有提供Magento的擴充套件包,本文將與大家分享如何在Magento產品頁面中,利用AddThis增加社群分享功能。 為了方便Magento使用者找尋各種擴充套件,Magento官方提供了Magento Connect平台(需註冊Magento帳戶),可以在這裡找尋你所需的功能套件;接下來我們將逐步演示如何安裝AddThis與使用社群分享功能。
賀!Astral Web歐斯瑞通過Google Analytics分析認證!Google Analytics能提供網站詳細報表、熱門網頁、流量變化等,還能透過其他工具的結合(例如:URL Builder網址產生器)產生更多用途,是經營網站最常用的實用分析工具。透過Google Analytics分析可以改善網站不足,了解網站操作方向藉以提升轉換率。 很高興和大家分享Astral
【2014精華篇】教你如何搞懂網路行銷和Google(下)回顧2014年Astral Web的資訊分享,我們介紹了不少網路行銷知識,以及搜尋龍頭Google的相關服務,包含Google Adwords和Google Analytics。本文整理了網路行銷、Google Adwords關鍵字廣告和Google
【2014精華篇】教你如何搞懂網路行銷和Google!(上)回顧2014年Astral Web的資訊分享,我們介紹了不少網路行銷知識,以及搜尋龍頭Google的相關服務,包含Google Adwords和Google Analytics。本文整理了網路行銷、Google Adwords關鍵字廣告和Google
Apple Pay 大戰 Google Wallet(電子錢包): 他們是如何運作的?Apple以及Google兩大品牌各自擁有一群有狂熱的粉絲,粉絲們的嗜好就是把兩個公司的產品像比較蘋果跟橘子一樣比來比去。我們比較了一下Apple Pay以及Google Wallet(電子錢包)兩樣產品的差別之後,一開始認為他們幾乎是兩個相同的產品:差別在Apple Pay看起來更容易使用,而Google Wallet(電子錢包)有較多功能。深入研究後,我們才發現:這兩個產品的差別之大,就像是一顆蘋果跟一個綠色機器人。
Photoshop教學:【基礎篇】內建簡單繪畫效果Photoshop有很多種內建的繪畫效果,可以快速產生簡單、豐富的效果。如果重複使用這些效果,可以讓它更符合需求喔!今天Astral web要和大家分享,如何使用這些濾鏡來製作簡單又適切的繪畫效果。 1. 開啟檔案 2.
電商業者不可不知─消費者未購物的原因!點開網頁,不論是社群網站、入口網站,都充斥著購物網站的廣告,消費者很容易受到吸引便前往網站瀏覽,然而有多少人真的完成結帳了呢? 購物網站流量大已不足為奇,關鍵在於是否有和成交量成正比。為了解開客戶來訪卻未購物的謎題,國外statista網站進行調查研究,歸納了14種消費者未購物就離開網站的原因,請參考下圖: 如果屏除價格、消費者個人因素等原因,著重於網站介面和使用者體驗,可以整理出三大要點,是電商業者在建構網站、提升下單機會時需要考量的事項: 一、快速又安全的付款機制: 太多付款安全機制、擔心付款安全性都會影響消費者進行網路購物。即使網路購物已經相當普遍,卻仍有網站安全性不足,導致消費者個資外洩的案例;因此,在探討使用者經驗、網購流程和商品內容前,最先要注意的就是網站的安全機制,尤其是付款時的安全性,更是大眾最在乎的地方。為了保護消費者以及網站自身的信譽,安全的付款機制是不可或缺的;但是,有些網站為了增加安全性,而擁有過多付款安全步驟,導致消費者失去耐性,不小心就錯失了成交機會。因此,要如何讓網站具備安全性,又能縮短驗證步驟,提高使用者體驗,是網路購物的優先考量之一。
解決Magento的疑難雜症─local.xmllocal.xml 檔案是在Magento系統中非常重要的檔案,負責儲存Magento安裝參數,包含系統連結資料庫的參數、密鑰、安裝日期以及後台URL,根據需求有時會需要更改這個檔案,本篇文章將分享我們操作的經驗、遇到的問題和解決方法,希望大家在更改此檔案時更順利。 情況一: 將local.xml從etc資料夾中移除後執行網站,網站中會呈現安裝的畫面,然而,我們沒有安裝就把原本的local.xml放回原先的資料夾,此時網站卻出現錯誤報告,重新整理了數次也無法回復至先前的網站。 解決方法:
原來網路行銷就像男女交往一樣?!(約會篇)如果把男女交往的種種情境,套用到網路行銷會是怎樣的情況呢? 你會發現原來網路行銷就像男女交往一樣,從認識的管道、約會的注意細節等,都息息相關!如果你不知道該如何吸引客戶來網站(商店),就由宅男工程師小V認識女生的情景,來模擬行銷場景,告訴你如何才能吸引客戶來訪喔! (點選圖片放大,可以看得更清楚喔!) 為了方便不同讀者閱讀,我們將附上文字內容: 前提:
新研究!打破三個零售業對於網路和實體店家的迷思零售行業正在經歷一個巨大的轉變: 實體店面的客流量下降,消費者逐漸把時間拿來使用智慧型手機, 利用行動裝置在網路上研究商品。 為了能更好的了解智慧型手機和網上訊息如何對店內購物造成影響,Google 與
成功的營銷需要以「測量」為基準,你都具備了嗎?著重於你最好的客戶,改善你與他們的互動,一個優化行銷結果的最佳指南手冊! 前言: 利用多重行銷方法以及接觸點來與客戶保持聯繫,找到一個優質的接洽管道,並進行銷售等等…已經是業界公開的秘密了。但是你怎麼知道在與客戶第一次接觸,到最後完成銷售的這段旅程內,每一個可行銷的時間點都能夠確保客戶得到正確行銷信息傳輸?你如何保證你的投資或行銷方式不會浪費任何的金錢或資源,或更重要的是,不會流失你的客戶? 註:本文的「營銷」一詞為「經營行銷」的簡稱,融合行銷與經營之解釋。 更精確的測量就是成功行銷的答案。關鍵是理解並充分利用接觸點,並將其與別的接觸點相互聯結—這點通常在制定行銷策略的時候被忽略。在開始制定或創作策略前,先搞清楚每個接觸點測量的基礎,你就可以用行銷策略完成更多事情。在這個簡短的指南中,我們將觀察以測量為中心的行銷四大原則:選擇正確的測量指標,專注在你最好的客戶,重視從接觸到完成銷售的整個過程,並證明接觸點的影響。總的來說,這些接處點顯示了更精確的測量如何提高行銷策略的效果,並幫助您的策略團隊得到客戶的認可,更重要的是可以確保你在市場行銷的投資得到更好的回報。
原來網路行銷就像男女交往一樣?!(第一次接觸)如果把男女交往的種種情境,套用到網路行銷會是怎樣的情況呢? 你會發現原來網路行銷就像男女交往一樣,從認識的管道、約會的注意細節等,都息息相關!如果你不知道該如何吸引客戶來網站(商店),就由宅男工程師小V認識女生的情景,來模擬行銷場景,告訴你如何才能吸引客戶來訪喔! (點選圖片放大,可以看得更清楚喔!) 為了方便不同讀者閱讀,我們將附上文字內容: 前提:
131個行銷用語,你都知道嗎?行銷花樣千百種,你知道哪幾種呢?Astral Web編譯了131種行銷用語,從最簡單的Search Marketing (搜尋行銷)逐一為您介紹,文中更不定時穿插行銷冷知識,熱愛行銷的你,快看看知道多少吧!
2015 新年快樂!Happy New Year! 轉眼又到2014的尾聲,今年對歐斯瑞來說是相當豐收的一年,我們將事業重心轉至台灣,獲得亮眼的成績;新的一年我們將更精進自己,期許我們的專業能為客戶帶來更多價值,打造雙贏的局面! 祝福各位新年快樂,一起迎向美好的2015年!
如何在Magento中更改商品列表模式?關於Magento 2 如何更改商品列表模式請點此 在Magento中有預設兩種商品呈現模式分別為清單式、網格式兩種,今天我們要介紹如何用Magento的後台來切換這兩種方式。 首先請至Magento後台上排選單[System]
原來網路行銷就像男女交往一樣?!(認識女生篇)如果把男女交往的種種情境,套用到網路行銷會是怎樣的情況呢? 你會發現原來網路行銷就像男女交往一樣,從認識的管道、約會的注意細節等,都息息相關!如果你不知道該如何吸引客戶來網站(商店),就由宅男工程師小V認識女生的情景,來模擬行銷場景,告訴你如何才能吸引客戶來訪喔! (點選圖片放大,可以看得更清楚喔!) 為了方便不同讀者閱讀,我們將附上文字內容: 聖誕節前夕,宅男工程師小V走在街上,看著行人雙雙對對,一陣寒風吹來讓小V覺得好冷;望著前方的情侶共同圍著圍巾嘻鬧著,一個人的寂寞空虛頓時湧上…..「我也要找到人和我一起圍圍巾!」這個念頭激起了小V想要交女友的想法。
Google Analytics─如何檢視使用者的到達網頁?想知道你的網站中,哪個網頁最熱門、最多人點閱嗎?找到關鍵的「到達網頁」,可以幫助你分析網站的優缺點,達到改善網站的目的。只要使用Google Analytics,就可以查詢熱門的到達網頁,或是跳出率過高的頁面,讓網站經營者更了解自己的網站。 首先請登入Google Analytics,在左方選單中點選 [行為]
小眾即是大眾!分眾行銷的重要性分眾行銷(Segment Marketing)」的核心概念,就是「區分」消費者,根據客群的興趣喜好、心理狀態,結合品牌訴求來擬訂行銷策略,客群分的越細,越能準確進行行銷活動,請看以下實例!
Magento教學─如何更換Magento網站的LOGO?想要更換Magento網站的Logo,卻不知道怎麼換嗎? 今天Astral Web要分享如何從後台更換商家Logo,開始之前我們先看看前端網站頁面的Logo位置: LOGO的圖檔放置的路徑為: ../skin/frontend/<theme_package>/<theme_name>/Image資料夾,因此應該依這個路徑找到圖檔再做變更。 詳細找到圖檔的方式如下:
網頁設計教學:【工具篇】批次處理的好工具ViewNX 2在協助客戶處理產品頁面的照片時,通常照片檔案太大或尺寸不一,一張一張修改又相當耗時,有個簡單的方法分享給大家,只要使用免費軟體批次處理照片,就能一次搞定所有照片!我們使用的是Nikon提供的免費照片處理軟體「ViewNX 2」,接下來就跟著下列步驟進行吧! 1. 請先至官網免費下載ViewNX 2軟體。
如何設計購物網站的地址欄位?購物網站具備送貨到家門口的方便性,因此逐漸受到各地消費者的喜愛。許多將市場放眼全世界的公司也希望利用網路無遠弗界的優勢,達到將自家產品銷售到全球各個角落的目標。以滿足這一趨勢為目標,市面上有一些功能強大的網路商店系統(如: Magento)提供了支援多語系及多種貨幣計價的功能。為了快速送達消費者的購買商品,在建置購物網站時,不同國家的地址格式也需要做出調整,以免商品送達延遲產生消費糾紛。 我們研究了一些知名購物網站,並針對台灣及美國的地址格式做出整理,希望能幫助正在設計購物網站地址欄位的朋友。 零售業巨人亞馬遜的美國網站,在地址欄位只要求客戶填寫七個欄位,分別是: 地址欄位(Address
Facebook臉書廣告大解析─讓你一次上手廣告操作!執行網路廣告並非設定一次即可,需要每天觀察進行微調,才能讓廣告達到最大的效用。今天我們要和大家分享最近執行的臉書(Facebook)廣告「跟姐姐一起High翻你的網頁」,從發想、調整到廣告結果等,一一詳述其過程,希望能讓大家了解實際操作廣告會遇到的情況、廣告支出等,對網路廣告更有概念! 廣告發想: 首先,我們在網路上看到一個有趣的網頁,並提供相關程式碼免費下載,便想要改寫成符合台灣喜好的網頁,主要目標為以下三點: 吸引大眾分享 增加網站曝光
你的商店是否容易被找到呢?利用在地SEO檢查表自我檢測!現在的人們已經非常習慣在消費之前用網路找到合適的選擇,即使是在實體店面消費也不例外。因此,對許多針對特定地區經營的中小企業(例如餐廳、服飾店、雜貨店,五金行等)來說,如何讓位於周遭的潛在客戶藉由網路發現自己,從而帶來人潮及錢潮才是對業績成長有幫助的網路行銷策略。 以去餐廳用餐這個消費行為舉例,當消費者做出外出用餐時的決定時,一般的消費者會希望優先搜尋到位於自己的地理位置附件的餐廳。同理,身為商店經營者的你也希望花錢建置的網站能被最有機會光臨的消費者發現,以發揮最大的投資效益,因此正確的執行在地化SEO的步驟,使搜尋引擎更了解你的網站將有助於提升你的網站排名,並使消費者更容易發現你的公司 / 店面。 為了方便對在地化SEO有興趣的讀者更了解所需的步驟,我們設計了一個簡單的檢查表,讀者們可以藉此自行檢查自己的網站是否能有效率的將造訪的訪客轉換為上門的客人。
Magento教學十九步:如何設定固定運費(Flat Rate)歡迎使用Magento購物車系統,運費是所有商家在考量成本的一大要素,一般而言都會設定基本運費,滿額或是促銷活動才會免運費。今天Astral Web要和大家介紹如何設定Flat Rate(固定運費),可在結帳頁面中顯示固定運費價格。 首先請至上方選單System>Configuration。 選擇左方選單SALES>shipping
4個SEO優化不容錯過的設定!有許多方法可以提升網頁自然排名,加強SEO優化。今天Astral Web要從網頁架構的角度來看SEO,和大家介紹4種優化設定,首先我們以在Google搜尋Magento 台灣,看看自然排名結果,詳見下圖。 接著來到第一名搜尋結果的網頁,檢視該網頁的原始碼。 上圖為網頁原始碼截圖,可看到幾個seo優化不容錯過的設定,接下來就讓我們逐一介紹吧!
SEO小技巧─讓搜尋引擎愛上你!今天Astral Web要分享一些SEO技巧,包括關鍵字規劃、GA事件追蹤碼安裝設定,以及減少跳出率的內容優化技巧,幫助大幅提升SEO,優化網頁排名!
網頁設計【認知篇】:網頁美工、設計師如何協助SEO搜尋引擎優化?設計往往會追求美感,具有美感的東西容易吸引大眾注目,卻不見得會是「合適、友善」的設計。因此,我們通常會把設計美感當作基礎,將強化網頁、提升SEO搜尋引擎優化為首要目標。為了在美感與SEO中間找到平衡點,Astral Web要和大家分享網頁設計的經驗,希望能幫助大家找到方向! 在製作客戶網站時,「導航功能」是最重要的設計項目,最好要有清楚的視覺圖文設計,以加強網站導航,方便使用者瀏覽。美感的設計可以給予使用者較好的視覺形象。 有些網站會藉由發表文章增加瀏覽人次,設計師可協助製作文章圖片吸引使用者,還能將繁雜的文字變成淺顯易懂的資訊圖表(例如:說明圖、流程圖),幫助讀者了解內容。 響應式設計對提升SEO有很大的幫助,已經成為網頁設計的趨勢,因此網頁設計師不再只是單純設計電腦網頁,還多了手機與平板的設計。這些行動裝置和電腦網頁有很大的不同,必須考量每個裝置螢幕的大小,是否能容納大螢幕的所有功能、圖像,讓版面簡潔易懂,又能提供使用者舒適的瀏覽介面。
如何用CSS自訂網站反白文字?如果來到Astral Web歐斯瑞的網站,按下左鍵選取文字(反白)時,出現的不是預設的背景色,而是鐵灰色,讓使用者可以可以更清楚瀏覽文字。這種手法在網站上很常見,今天我們就來和大家介紹如何設定! 方法很簡單,只要利用css3 的selection選擇器就可以了! ::-moz-selection
兩種方法:解決Magento無法使用WYSIWYG上傳圖片問題在Magento中,我們很常使用WYSIWYG管理內容,例如首頁、產品頁面、客製化版塊、客製化網頁等,也常會上傳圖片來美化網站頁面,但如果遇到無法上傳圖片的問題時,該如何解決呢?本篇文章將提供你兩種解決方法,希望能幫助大家順利上傳圖片,美化版面! 使用WYSIWYG上傳圖片: 情況 1.:資料夾權限 假如在上傳圖片時,出現了類似上方圖示,或關於資料夾權限的警告,可以試著使用下列步驟解決:
如何使用css來隱藏placeholder文字?設計表單的輸入欄位時、常用placeholder來做提示文字,在預設的狀況下、placeholder的文字只有在輸入資料後才會消失、如果我們希望在點選輸入欄位後,placeholder的文字會立即消失,一般常用的方法就是利用 onfocus 和 onblurl來達成。 <input
塑造網站視覺風格,應該注意什麼?今天Astral Web想和大家分享在設計網站視覺風格時,應該注意什麼地方,讓商家在個人喜好與使用者觀感中,找到最適合網站的形象。
如何更改Magento預設的姓名格式?(英文→中文)由於Magento購物車系統的預設介面是英文,在訂單信件、會員後台等處的姓名格式會和中文相反,當客戶輸入資料、或是收到信件時,出現在後面的會是名字,例如 [王小明] 會顯示成 [小明 王],這是因為外國人的姓是放在後面。
使用響應式網頁設計的優點是什麼?由於行動裝置的發展迅速,越來越多人注意到響應式設計的重要性,尤其是注重轉換率的購物網站。可能會有人想問:為什麼同樣的網站在不同裝置上,要有不同版面大小、編排呢?理由很簡單─為了改善使用者經驗(User Experience)。讓我們想像一下,假設今天你在手機上收到A網站正在特價某產品,正好就是你想要買的東西,於是你進入A網站想要了解產品內容,卻發現網頁跑版、難以瀏覽,必須試著放大、縮小來看清楚內容,想點選購物卻無法正確選到選項,在難以操作的環境下你還會想立即購買嗎? 讓我們再繼續假設,因為A網站的行動使用介面過太難操控,於是你選擇B網站進行比價,發現售價相同,且瀏覽介面順暢,剛好符合手機螢幕大小,不必又拉又放調整介面,檢視完後出現購買選項,在一切都很流暢的環境下,便順理成章的完成訂購。 由上述兩個範例來看,A、B網站販售商品、價格皆相同,其完成轉換的關鍵在於使用者經驗─易於操作、方便客戶使用的介面。而響應式網頁設計就是為了改善使用者經驗,解決不同裝置的版面需求所開發的。那麼,使用響應式設計的好處有什麼呢? 響應式網頁設計可根據裝置螢幕的大小,自動調整版面;不論使用者是用桌機、平板電腦還是手機,都能用最舒適的介面瀏覽網站,包括功能應用、選項,也都能讓使用者選取方便,改善使用者經驗、提升轉換率。
用Post-it app,在手機上管理你的便利貼!很多人習慣用便利貼記下自己靈光一現的想法,但是到處貼的便利貼難免因為黏性減低而遺失,太多的便利貼也不方便管理,今天我們就用Post-it原廠出的App來管理便利貼吧! (以下以I Phone作示範) 1. 首先到App
PhotoShop教學導覽,幫助使用者快速找到相關教學!為了方便學習PhotoShop的朋友,Astral Web整理了一系列的教學導覽,希望能讓大家快速找到相關教學。教學導覽以修圖效果分門別類,可根據學習需求參考。 新的導覽頁在這一個連結 ▼我們會陸續更新在這裡,歡迎需要的朋友善加利用喔 點我!
Magento教學:如何在訂單信件增加產品圖片?歡迎使用Magento購物車系統,今天Astral Web要和大家分享如何在訂單信件中,加入購買商品的圖片。一般來說,使用Magento預設的訂單信件,僅會顯示訂單資訊,不會有商品圖片;今天我們要教大家置入一段程式碼,即可在訂單信件中顯示購買商品的圖片,方便客戶確認訂單。由於此教學將會使用程式碼,因此適合有程式背景的朋友參考,以免操作不慎影響網站喔! 教學影片: . 首先請看Magento預設的訂單信件,範例如下:
賀!首位通過Magento開發人員認證的台灣工程師就在歐斯瑞公司!Astral Web歐斯瑞很高興要和大家分享我們的工程師通過Magento開發人員認證,是台灣第一位經過Magento官方認可的工程師! 相信我們的專業能為您帶來更好的Magento體驗,幫助您建構完善的Magento網站。 上圖為Magento官方網站的認證查詢,目前台灣只有一位工程師通過開發人員的認證。此外,歐斯瑞的另一位夥伴也獲取了Magento專案分析人員認證,我們擁有Magento專業背景,能為客戶找尋Magento最佳解決方案;若有任何Magento需求歡迎連絡我們!
如何應用Google Analytics,得知是否需要製作響應式設計網站?Google Analytics可以詳細分析網站相關數據,幫助管理者進行決策,以及了解網站的優缺點。今天Astral Web要和大家介紹如何從Google Analytics中,得知使用者是透過何種裝置瀏覽網站。了解使用者使用的裝置,可以幫助商家決定是否有必要製作符合手機、平板電腦的響應式設計,並了解使用者在使用電腦、手機或平板電腦瀏覽網站時,可能會有什麼問題導致障礙,進而改善網站增加使用者經驗。 教學影片:
想要經營社群媒體行銷,你一定要知道Instagram!想要經營社群媒體行銷,你一定要知道Instagram! Instagram為一款免費上傳、即時分享的相片社群媒體,提供多種濾鏡功能,深受大眾喜愛。 Instagram的優勢在於: 高達2億的使用者 每天有70%的人,至少會使用一次Instagram
好的商標設計應該包含什麼元素?商標是給予使用者辨識的圖像,也是企業的形象代表,由商標所衍生的視覺形象,不僅能讓使用者立即聯想到品牌,還兼具美化作用;在塑造公司整體視覺形象時,更是延伸的主軸,本文將介紹好商標的必備要素。
歐斯瑞玩創意─跳脫傳統,讓「找不到頁面」更有趣如果你在Astral Web歐斯瑞網站,發現「網頁已不存在」的頁面,會看到我們歐斯瑞的小幫手莉莉喔!繼網站全新改版、煥然一新後,除了加強網站內容的品質,我們樂於製作創意、有趣的設計,像是此次的「網頁已不存在」,即票選歐斯瑞最艷麗的莉莉作為網站小幫手。 莉莉真有其犬,是歐斯瑞最年輕的同事,以下為莉莉的個人簡介: 創意當道,一個簡單的想法就能讓網站大不同,增加樂趣、吸引人潮。在「網頁不存在」的地方加點巧思,可安撫使用者「找不到網頁」的情緒,進行下一步的查詢。Astral Web樂於嘗試各種創新的點子,如果您有任何網站需求,歡迎聯絡我們!
PPC勝過SEO的七大理由!經營網站不可不知! 想進行網路行銷,卻不知道該使用哪種方法?你一定聽過關鍵字廣告也就是所謂的PPC (Pay Per Click)
為什麼SEO優於PPC廣告?SEO的中文是搜尋引擎優化,目的為提升自然排名;而PPC為關鍵字廣告點擊管理,主要是控管點擊費用、成效,並提升關鍵字廣告的排名。 有些客戶不曉得該使用SEO還是PPC來進行網站行銷,今天就讓我們來和大家介紹SEO勝過PPC的優點,希望能幫助各位釐清需求,找到最適合的方式! 為了方便習慣閱讀文字的朋友瀏覽,除了資訊圖表特地增加下方文章,內容與上圖相同。 為什麼SEO優於PPC廣告? 投資報酬率:
Photoshop教學:【基礎篇】如何更改圖像中的部份顏色?上次和大家介紹過如何將照片調成復古色調,今天Astral Web要教大家調整色彩的小技巧,一樣使用色相、飽和度等功能,調整部分顏色。例如我們提供的範例圖像,將藍色的牛仔襯衫改成黑色,而不更動到其他區塊的色彩。那麼接下來就跟著Astral Web一起修圖吧! 1. 打開欲修改的圖片。
如何在Magento網站中新增字型?Magento網站內建許多基本字型,對一般網站來說相當夠用;但由於使用者為各種類型的購物網站,有些商家可能會有特殊字型的需求,讓網站更有特色。例如童裝網站也許會需要活潑的字型,以符合品牌形象。今天Astral Web要教大家如何在Magento網站中新增自己想要的字型,由於會動到程式碼所以此篇教學適用於有程式背景的朋友操作,對普通使用者來說較為困難。 如果看不慣文章,歡迎參考我們的教學影片: 首先,大多數Magento的頁面都是由CMS系統所控制的,所以我們要先在Magento後台的CMS系統中加入我們所想要的字型,我們以Magento預設頁面「About us關於我們」為示範教學,在此頁面新增「Century
Google Adwords名詞解釋:投資報酬率的算法商家投資廣告行銷活動,最重要的就是看到成效,傳統的廣告方式不易追蹤成效,如果是使用Google Adwords關鍵字廣告,則能輕易檢測投資報酬率,得知廣告費用是否有為你提高收益。今天Astral Web要和大家介紹Google Adwords的「投資報酬率」計算方式,了解關鍵字廣告是否有為你帶來實質利益。透過投資報酬率的數值,可進一步分析廣告效益,讓您隨時調整廣告策劃。 根據Google
Photoshop教學:【基礎篇】產品倒影製作如何用Photoshop製造倒影效果,增加立體感,尤其適用於產品圖片,讓產品更吸引人,在做形象網站、產品簡介等都相當好用喔!倒影技巧也可應用於一般平面設計,突顯你想要的影像;那麼接下來就跟我們一起學習吧!
Magento使用教學十八步:限定商品類別優惠的設定(Catalog Price Rules)歡迎使用Magento購物車系統,上次和大家介紹過Special Price單一商品特價的設定,今天Astral Web要教大家進階的優惠設定,不侷限於單一商品特價,擴展到整個商品類別的優惠,像是洋裝全部399元、皮包類別全面八折等,都可應用於此教學。由於限定分類的商品眾多,所以設定時也稍嫌複雜,希望大家在操作時要特別小心。今天我們將以測試網站進行教學示範,指定水果類別商品八折優惠,並僅限會員使用。 教學影片參考: 首先,請在Magento後台的上方選單中選擇Promotion→Catalog,進入畫面後點選右上角的Add
Photoshop教學:【入門篇】使用圖層樣式製作文字效果與全部套用上次和大家介紹過修復工具的使用方法,是能快速除去皺紋、疤痕等,美化肌膚的修圖技巧,簡單實用。 今天Astral Web要教您如何使用圖層樣式,添加文字特殊效果,適用於醒目的標題製作。此技法難度極低,相信初學者也能快速上手,並能靈活運用創造更多令人驚豔的文字效果。準備好了嗎?接下來就跟著我們一起操作吧! Step 1.
一年一度的中秋佳節即將來臨,Astral Web獻上最誠摯的祝福, 願大家中秋節快樂,月圓人團圓!
Smile Pay第三方支付,交易認證更安心!今天要和大家介紹Smile Pay第三方支付金流服務,Smile Pay提供專為商家開發的交易認證,買家需經過交易認證後才可進行交易。經由SmilePay 交易認證後,商家可依此知道買家使用的行動電話號碼,供商家判斷買家資料的正確性,減少網路交易的糾紛及風險,保障買、賣雙方的交易安全。
Magento主機轉站教學想要將Magento網站搬移至另一個主機,卻不知道如何進行嗎?搬移Magento主機有許多方法,今天Astral Web要教您一個簡單的轉換方式,幫您順利轉移主機。特別注意本篇文章對一般使用者來說稍嫌複雜,適合有工程資訊背景的朋友參考。 首先,您必須先有以下事前準備: 1. 新、舊主機的資訊
Google Adwords關鍵字廣告的優勢分析隨著網路普及率越來越高,商業網站、廣告也開啟了新的世代;不僅購物網站興起,擁有實體店面的商家也紛紛開設網路商店,轉戰虛擬市場。以往的大型看板廣告、電視廣播等媒體廣告已不再是唯一選擇,關鍵字廣告成為新興的網路行銷。 今天Astral Web要和大家介紹Google Adwords關鍵字廣告的優勢,首先商家要先知道的是—什麼是關鍵字廣告? 當人們輸入關鍵字進行搜尋時,出來的結果除了自然排名外,還有上三右八的Google
PhotoShop教學:【入門篇】讓你年輕20歲的除皺修圖技巧!Astral Web之前和大家介紹過去背的方法(標準去背、快速去背),以及製造景深的效果。 今天要和大家介紹效果強大且簡單的修復工具,只要一個簡單的修圖技巧,就能去除肌膚上的疤痕、斑點以及皺紋等,讓人瞬間年輕20歲,恢復青春光彩! 此教學相當簡單,適用於所有朋友學習,初學者也能輕易上手!另外,為了幫助初學者了解筆型工具的定義,我們將會在文章中以簡單的圖片和大家講解。 1.請先選一張可用到修補技巧的照片,並以Photoshop開啟。
Magento使用教學十六步:如何完成訂單,寄送發票、出貨通知給客戶?歡迎使用Magento購物車系統,上次和大家介紹如何修改系統發送的通知信件,今天Astral Web要教大家如何發送出貨通知以及開立發票,完成訂單流程。當商家收到訂單時,該怎麼做呢?很簡單,Magento為方便商家管理,分成Invoice和Ship兩大步驟來處理訂單,接下來請跟著Astral Web一起跑訂單流程,完成交易吧! 首先請在上方選單的Sales→Orders瀏覽訂單列表,每筆訂單都會顯示其狀態(Status),通常會有三種情況: 1.
如何使用套件將WordPress整合至Magento?購物網站漸趨多樣化,網站不再侷限於商品本身,而延伸至相關內容,像是提供商品的專業知識、穿搭秘訣等,藉由這些內容吸引消費者,提升網站價值。Astral Web發現許多客戶在架設Magento網站時,往往還有增設部落格功能的需求。今天要和大家介紹如何整合WordPress(部落格)與Magento(購物車系統),讓您的購物網站具備部落格功能,豐富網站內容,即時分享最新消息。 若您不習慣看長篇文章,歡迎點閱我們的教學影片: 【教學影片】 接著讓我們進行文章教學,在開始任何動作之前,請先將你所要更動的項目都先做備份,以免操作過程有誤,遺失重要資料喔!
Magento使用教學十五步:如何修改系統發送的通知信件?歡迎使用Magento購物車系統,上次和大家介紹的是限制會員留言的產品評論設定;Astral Web這次要介紹如何修改通知信件的內文。 所謂的通知信件就是當客戶註冊成功、訂單完成、出貨通知等系統自動發出的信件。通常信件的預設為英文,商家可使用語言包替換成中文(這部分需要專業人員幫忙)。但語言包的內文都是預設好的,商家可依自己的風格修改信件內容或加上公司名稱等。接下來我們以忘記密碼的確認信和大家做示範教學,特別注意本篇文章是已安裝語言包的前提下進行的喔! 為了讓大家更了解通知信件的流程,我們先去點選忘記密碼藉此收信。 在此輸入電子郵件地址並送出。
Photoshop教學:【入門篇】使用魔術棒工具快速去背與限制圖片去背的方法有許多種,正統的去背方式乾淨且標準,最能完美呈現圖片;相對地需要花較多時間處理。今天Astral Web要和您介紹快速去背的方法,節省時間更有效率!當然,相較於正統的去背方式,快速去背會有一些條件限制,您可依照圖片內容選擇去背方式。 在進行教學之前,先介紹魔術棒工具去背的限制:
購物網站如何申請超商取貨付款?(7-ELEVEN、全家、OK、萊爾富四大超商)歷經三年後,各家的方式也略有調整,本文章歐斯瑞整理了2018年更新版,將針對各項調整進行說明,以提供使用者在選擇超商取貨付款時進行評估。 不過此篇也有詳細的申請須知與比較表,有興趣的還是可以繼續看下去! 為了讓消費者擁有更便利的網購服務,便利超商結合了金、物流,提供超商取貨付款、取貨不付款等服務,消費者不必配合郵局或宅配時間,可安排時間就近去便利超商取貨。多元的取貨方式刺激了電子商務市場,面臨市場需求商家要如何申請超商取貨服務呢? Astral Web歐斯瑞為您整理了7-ELEVEN、全家、OK、萊爾富等超商取貨申請資訊,其中7-ELEVEN自己有一套合作方式,另外三家(全家、OK、萊爾富)與ezShip台灣便利配合作,三家可交叉寄件,更多詳細內容請參考下列資訊。
Magento使用教學十四步:僅限會員留言的產品評論設定!歡迎使用Magento購物車系統,之前和大家說明過為了防止垃圾留言,Magento的產品評論需要管理者審核才可發佈。當有人留言時不會立即顯現於前台,而是出現在後台供管理員審核後才會送出。 今天則要和大家介紹產品評論的進階設定,教您如何只限定會員發表產品評論,避免垃圾留言大量濫發(Spam)造成管理者的困擾。雖然Magento已有審核機制來防止垃圾留言,但撰寫惡意程式的垃圾留言,仍會大量顯現於後台,管理者若要審核、刪除也相當費時。因此我們提供一個簡單的進階設定,讓產品評論僅供會員留言,進而防止惡意程式的垃圾留言。 準備好了嗎?接下來就跟著Astral Web一起操作,防止垃圾留言洗版吧! 請先登入Magento後台,於上排選單點選System→Configuration,進入介面。
Magento使用教學十三步:如何查詢網站在線人數?(Online Customers)歡迎使用Magento購物車系統,上次介紹過如何分類客戶群組,這次要教大家查詢網站的在線人數。方法相當簡單,Magento內建在線人數的查詢功能,只要從選單點選就可獲得在線人數的資訊! 查詢在線人數可得知網站目前流量,了解網站在何種時段最為熱門或冷門,進而刺激銷售、分析行銷方式等。現在就跟著Astral Web一起操作吧! 請先登入Magento後台,於上方選單中選擇Customers→Online Customers,即可進入在線人數的查詢介面。由於我們使用的是測試網站,只會有我本人登入;可看到登入後會顯示會員名稱、信箱、上線時間以及瀏覽的網頁。
四大訣竅,教你用社群媒體找到潛在客戶!網路世代蓬勃發展,每天都有上億的人在使用社群網站,Twitter、Facebook、Pinterest、Instagram、Linkedin等,都是現今流行的社群媒體,一則推文可以因為轉發再轉發獲得注目,一張圖片可能因為屢次的分享而被千萬人看到。 近年流行的購物網站,紛紛開設官方社群帳號、經營粉絲團來拓展知名度,只要有人關注您或分享您的貼文,就有機會讓更多人知道您。社群網站人口眾多、商機無限,只要運用一些小技巧,就能從中找到您的潛在客戶,大幅提升銷售機率! 今天要介紹如何使用社群媒體拓展商機,打開商家知名度、找到更多潛在客戶!以下是我們整理的四大訣竅: 一、善用社群網站搜尋引擎
Magento使用教學十二步:如何分類客戶群組?(Customers Groups)歡迎使用Magento購物車系統,上次介紹過如何舉辦站內票選活動,今天則要教大家分類客戶群組。針對不同客群進行分類,有助於未來設定優惠券等功能,現在就跟著Astral Web一起操作吧! 首先請先登入Magento後台,於上排選單點選Customers→ Manage Customers進入客戶管理介面,接著選擇客戶進行編輯(Edit)。
歐付寶(All Pay)第三方支付 輕鬆串接Magento!Astral Web要和大家介紹歐付寶(All Pay)第三方金流,歐付寶(All Pay)是消費者進行網路購物時,付款費用會先暫存於第三方,待商品猶豫期過後,第三方才會把款項匯給商家,完成交易。如此一來,商家不用擔心出貨卻收不到錢;買家不必擔憂付款卻沒收到商品,雙方都有保障,讓網路買賣更安心!
Magento使用教學十一步:舉辦票選活動,了解消費者想法!歡迎使用Magento購物車系統,上次介紹過獲得商品銷售報表的方法,今天要教的是Magento內建的票選系統,只要從CMS設定,商家就可新增票選活動,了解消費者的想法,提升參與感,創造話題。 現在就跟著Astral Web一起操作,舉辦站內的票選活動吧! 登入Magento後台後,於上方選單CMS→Polls,點選進入票選活動的管理介面。新增票選活動請點擊右上角Add New
Magento Go已於2015年2月終止服務。隨著市場變化,Magento已於2015年2月終止針對小型企業開發的Magento Go服務,專注於發展Magento企業版及社群版,將客群鎖定於中、大型企業;正在使用Magento Go的商家們,請把握時間進行轉站整合! Astral Web提供專業的Magento服務、WordPress網站架設;如果您需要更有效率的轉站服務,以及更快、更穩定的網站架設,歡迎和我們Astral
Magento免費相簿擴充套件教學:Photo Gallery Extension!Magento有許多實用且免費的擴充套件,可因應各商家的需求應用至Magento購物網站。 今天要和大家介紹的是一款免費的相簿套件,就像部落格的相簿功能,可新增相簿類別,置入大量圖片,增加網站豐富度;是款簡單方便、實用的相簿套件。 這篇教學文章將會教您如何下載並安裝至Magento網站,以及上傳圖片等簡易操作。準備好了嗎?現在就跟著Astral Web一起新增此套件吧! 首先,請點選Photo
Magento使用教學第十步:利用商品銷售報表獲得銷售數據!Magento購物車系統內建報表功能,可幫助商家進行各種分析及行銷企劃,有效提升經營方向。上次和大家介紹過使用訂單報表的功能,這次要教大家查詢商品銷售報表,藉此了解店家的熱門商品及銷售量,幫助商家控管庫存。 現在就跟著Astral Web一起查詢您的商品銷售報表吧! 首先,請在上排選單中選擇Report→Products→Products Ordered,進入商品銷售介面。
Magento使用教學第九步:使用訂單報表獲得數據分析!歡迎使用Magento購物車系統,上次介紹過如何審核、發佈客戶評論,這次要教的是查詢訂單報表,藉此獲取詳細的訂單數據。 Magento內建報表功能,在訂單報表中,商家可清楚得知商品項目、銷售數量、運費和折扣總額等,幫助商家進行各項分析,以利商店運作。 現在就和Astral Web一起來使用訂單報表吧! 首先,請在Magento後台的上排選單中,選擇Report→Sales→Orders,進入訂單報表介面。
Magento使用教學第八步:客戶評論的審核與發佈!(Pending Reviews)歡迎使用Magento購物車系統,之前介紹過如何新增客戶評價的滿意度項目,今天要介紹的也和客戶評論有關。 為了防止垃圾留言洗版,Magento網站的產品評論具有審核機制,當客戶留下評論時並不會立即發表,要經過管理者審核過才會發佈。(當然,若商家想直接讓會員評論立即發表,只審核訪客留言也可做其他設定。) 現在就跟著Astral Web一起操作吧! 為了做示範教學,Astral
Magento使用教學第七步:如何發送電子報!(Newsletter)電子報是商家傳遞消息的管道之一,發送電子報可以讓訂閱者(目標客戶)得知商家動態,獲得最新促銷等優惠。Magento也有內建電子報設定,可供商家編輯、發送電子報,讓商家有效運用電子報行銷,達到效益! 今天Astral Web要和大家介紹如何在Magento後台使用電子報功能,順利進行電子報行銷! 登入Magento後台系統後,請在上排選單點選Newsletter→Newsletter Templates進入電子報介面。
Magento使用教學第六步:新增客戶評價的滿意度項目!(Add rating)歡迎使用Magento購物車系統,上次介紹過如何新增產品細項(Add attribute),今天要教大家的是新增評價滿意度,讓客戶在評論的時候可以有五顆星的評價選擇。 評價制度是網路商店相當熱門的項目,消費者在考慮商品時,除了可參考商品資訊,還有代表客觀立場的消費者評價。Magento內建了五顆星的評價項目,只要簡單幾個步驟,就可以建立客製化的評價選項,例如:價格滿意度、品質滿意度等。 下圖為Astral Web測試網站的範例商品,下面有「價格滿意度」的評價項目,當客戶發表評論時,會有滿意度的五顆星選項。現在就跟著我們一起新增滿意度的選項吧!
Magento使用教學第五步:新增產品屬性項目!歡迎使用Magento購物車系統,上次教過大家如何使用URL Rewrite網頁轉址設定,今天要介紹的是客製化選項─新增產品的屬性項目。為了滿足各商家需求,Magento內建各式各樣的功能,其中「屬性項目Attribute」為產品的額外資訊,例如「顏色」、「尺寸」、「材質」等細項,讓產品資訊更清楚詳細;消費者雖然無法摸到實體商品,卻能藉由這些詳細資訊掌握商品概況。 現在就讓Astral Web帶大家新增屬性,在此我們用「產地」作為示範名稱。 請先登入Magento後台,於上方選單中找尋Catalog→Attributes→Manage
行動行銷新商機,LINE的官方帳號有一套!LINE在台灣使用人口眾多而且黏著度高,以下歸納LINE行銷幾項要點:推出貼圖吸引粉絲加入,主動加入吸引較精準客群,人性化親切互動、簡要便利操作的廣告,隨著行動裝置瀏覽網頁使用率漸高,商家更要抓緊趨勢,使用LINE擴大市場!
抓住視覺焦點,Pinterest圖像社群網站!Pinterest是專門分享圖像的社群平台,具有高度使用視覺溝通的特性,今天Astral Web要和大家介紹Pinterest的功能列表,以及簡單的操作方式,幫助大家熟悉Pinterest網站!
Magento使用教學第四步:URL Rewrite網頁轉址設定!歡迎使用Magento購物車系統,在上次的文章中和大家介紹過Search Terms的功能,這次要介紹的是如何用URL Rewrite進行轉址。當您的購物網站有頁面更新需求,想將原有的網址轉移至另一網址時,即可使用URL Rewrite的功能。 舉例來說,Astral
Magento使用教學第三步:進行客戶搜尋分析,網購經營有效率!歡迎使用Magento購物車系統,上次教過大家如何在Magento上傳商品,今天要介紹的是網站經營的小撇步。 Magento不僅提供實務上的操作,還能幫商家規劃經營策略,進行客戶搜尋分析,了解客戶需求以及網站不足之處。經營網路商店,並非架好網站、陳列商品就能得到訂單,其中需要「行銷」來吸引客戶,並進行「分析」了解市場需求,彼此互助協調才能讓網購事業蒸蒸日上,在電子商務中脫穎而出。Magento後台系統的「Search Term」功能,可記錄客戶在網站搜尋的關鍵字,進而了解客戶需求、以及商品搜尋熱門度。 舉例來說,假設我們在網站搜尋器輸入「Astral Web」搜尋此相關資訊,Magento後台就會紀錄Astral
Youtube三秒鐘介紹短片,加深印象進行品牌宣傳!Youtube最近推出了「品牌簡介影片」的功能,可以在您發佈的影片前加入3秒鐘的短片,加深觀賞者對發佈者的印象。3秒鐘相當短暫,如何讓人在這短短的三秒鐘記住您,需要簡潔有力的介紹,以我們Astral Web的例子是以Logo作為主題,加上我們的服務項目及網址,製作成簡單扼要的短片;點選下圖可觀賞Astral Web的品牌簡介影片,供大家參考。
自己建立Google商家資訊,提高在地搜尋率!隨著行動裝置的發達,Google搜尋根據所在地不同,搜尋結果也會不盡相同;因為搜尋引擎結合了在地資訊,讓企業、商家和所在地的關係更為緊密。 因此,在Google地圖新增實體商家的地址,建立Google商家資訊,可提升在地搜尋(在地SEO)的機率,並提供客戶來訪的搜尋管道,何樂而不為呢? 建立商家資訊不必假手他人,今天就讓Astral Web教您如何建立自己的商家資訊,註冊實體店面地址吧! 註冊商家資訊必須使用Gmail帳號,若您沒有Gmail帳號,請記得要先申請喔!
中國電子商務來勢洶洶,淘寶如何搶攻台灣市場?相信熟悉網路購物的朋友們,應該對「淘寶網」都不陌生。這個來自中國的購物網站,已搶得中國大片商機,現在還打入了台灣市場。 縱觀台灣網購市場已漸趨飽和,淘寶網如何成功進軍台灣,分割台灣原有的電子商務市場呢? 早在淘寶網進軍台灣前便已有知名度,因其商品種類繁多、價格便宜,吸引許多人上網「淘寶」。 然而,台灣電子商務本已發展蓬勃,不論是取貨、付款,以及到貨速度都有完善制度,淘寶網有什麼配套措施來吸引消費者呢?今天就讓我們來窺探一二吧!
M-Commerce時代來臨,開發APP有技巧!根據聯合國的國際電信聯盟(International Telecommunication Union,ITU)研究調查,去年全球約71億之人口,有68億的人口註冊手機號碼,約有21億人使用3G或3G加行動寬頻,幾乎佔了總人口數的3成。行動網路使用人口越多,代表人們在網路作業方面,不再侷限於桌上型電腦,而傾向方便、輕巧的行動裝置。 世界上有21億人口在使用行動裝置上網,可見行動族群的市場不容忽視。捷運上、咖啡廳裡,不乏看到低頭族的蹤影,這些人也許用智慧型手機、也許用平板電腦上網;他們可能是在閱讀電子書、使用社群網站和通訊軟體,甚至進行消費行為。不知不覺中,人們所依賴的智慧型手機、平板電腦,正以迅雷不及掩耳的速度帶動了M-Commerce(行動商務)的發展。 為了抓住行動族群的商機,各商家都在為行動商務做各項應變,在開發APP(行動應用程式)方面,Astral
想要增加Magento網站選單?後台新增目錄就搞定!*關於如何在Magento2從後台新增首頁選單請看這篇文章 想要在Magento的前台網站新增主要選單,讓網站更豐富嗎? 只要透過後台管理的新增目錄,就可以輕鬆達到目的,還可設置子目錄,讓產品分類更仔細,消費者搜尋商品更有效率! 今天Astral Web要和大家分享如何從Magento後台新增目錄,進而讓前台網站出現選單的方法!
用編碼在Magento首頁新增客製化選項, 門外漢也能輕鬆完成!購物網站的選單總是一成不變,想要新增自訂選項卻不知道如何著手嗎? Magento購物車系統的優點之一就是客製化方便,雖然無法從後台直接新增選項, 但有個簡單的方法可以輕易解決這個問題,讓您在首頁上方新增自訂選項喔! 今天Astral Web就要教大家如何用編碼(coding)的方式,來進行客製化選項新增,方法簡單,相信就算是對編碼一竅不通的人也能學會!
如何從Magento上傳客戶心得,藉由使用者推薦增加新客戶的信賴感!人們對未知的東西總是既期待又怕受傷害,沒有使用過的產品、沒合作過的廠商等,都會讓人們產生猶疑,躊躇不前。但若是有使用者推薦的話,可提升人們的信賴感,進而想要購買或接洽。因此在網站上增設客戶心得、使用者推薦,是相當好的背書。如同購物網站的評價功能,消費者可參考其評價優劣,來決定是否要購買。同樣的,我們也可藉由客戶使用後的心得,以及推薦人數的多寡來判斷。 Magento作為購物網站的系統,當然也少不了這項功能! 今天Astral Web就要和大家介紹如何在Magento後台上傳客戶心得(Testimonials),增強新客戶對您網站的信心! 請先登入Magento後台管理,在上排選單中的CMS選擇Testimonials。
新增Magento語言介面,條理清楚好上手!電子商務國際化已是現在進行式,許多購物網站都設有多語言版本,為的就是擴大市場,進軍國際,除了做本土生意,還要能進行海外獲利。 Magento購物車系統支援數十種語言,不論是後台管理系統,或是前台網站,皆有語言套件可供下載;並提供多國貨幣,讓網站根據國家不同轉換貨幣。 今天Astral Web就要和大家分享如何新增語言介面,讓您的網站擁有多國語言版本,順利打入海外市場! 首先,請先登入您的帳號密碼,進入Magento後台管理介面。
利用優化壓縮工具,壓縮圖檔事半功倍,網站載入更快速!導致網站速度緩慢的原因有許多種,網站流量過大、同一時間參訪的人數過多等,都會影響網站的載入速度。其實,圖檔過大也是主因之一。尤其對購物網站來說,圖片是消費者參考商品的主要依據,圖片豐富度是購物網站的訴求之一。 然而,為了避免圖檔過大造成網速緩慢,我們建議各位商家可將圖片的大小控制在1MB以下,如此一來,即使圖片過多也不易造成網站速度過慢。 但是圖片大小不一,要如何才能一次完成圖檔壓縮,讓檔案變小呢? 今天Astral Web就要和大家分享實用的圖檔優化壓縮工具,可以去除網頁不必要的資訊,以不破壞圖片為原則進行壓縮。
用Magento修改網站文字,多語言介面也輕鬆改!你知道知名運動品牌NIKE、休閒鞋品牌TOMS都在使用Magento嗎? Magento是一種多商店購物網站系統,其便利性佳、擴充性高,且功能強大,因此廣受商家青睞。 此外,Magento在後台、前台,都有支援多國語言的功能,適合各國使用。 現在,台灣也越來越多人了解它的優勢,開始使用Magento系統,今天則要和大家分享文字修改的方法,若您的網站為多語言介面(例如同時有中文、英文介面),要如何在Magento的後台修改網站文字呢? 今天就用我們Astral
在分秒必爭的網購平台中,網站速度能提升你的成交率!你知道網站的速度會影響商品的成交率嗎? 在講求速度的網購平台中,您的購物網站速度越快,人們瀏覽的頁面就越多,商品點購的機會也多更多!網站速度過慢,人們便不願意花時間等待網頁載入,更不要說在購物網站消費了!因此,提高您的網站速度,可以引來更多人潮看見您的商品,提高訂單機會。 而2013年,台灣點購率最高的前十大購物網站中,網站速度最快的約為3.56秒,最慢的速度約12.06秒,速度皆於15秒以下。由此可見,點購率高的網購平台,其網站速度的快慢也占了相當大的一部分。 國外調查數據顯示,若購物網站速度在15~7秒間,每加快一秒可增加3%的成交率;在7~5秒間,每加快一秒可增加2%的成交率;在4~2秒間,每加快一秒可增加1%的成交率。也就是說,若您的網站速度介於15~7秒間,總共有1000筆訂單;只要再加快一秒(乘上3%的成交率),就會多30筆訂單!由此可見,只要提升網路速度就能增加成交的機會,何樂而不為呢!
如何利用Google Analytics追蹤Twilio通話紀錄?相信許多人都知道Google Analytics的用途,可以幫助您分析網站,獲取網站流量、轉換率等數據;除了分析報表,透過整合Twilio電話,Google Analytics還能追蹤Twilio的來電紀錄、通話資訊等。Astral Web今天要和大家介紹如何使用Google Analytics來追蹤Twilio通話紀錄。
利用Gtmetrix檢測你的網站載入速度!網站的載入速度會影響使用者操作網站的效率,網站越快速、使用效率越高,減少等待時間。 Astral Web今天要介紹Gtmetrix.com這個實用的網站,可幫您分析網站的載入速度,並提供相關數據,得知網站需要改善的地方。 檢測方法相當簡單,接下來請跟著Astral Web一起進行操作吧!
Magento 社群版安裝教學!想要架設Magento網站經營電子商務,卻不知道如何著手嗎? Astral Web將會為您介紹如何安裝Magento Community Edition 1.7.0.2 社群版,幫您建立網站第一步!
WordPress 快速安裝教學!這篇文章將會為您介紹如何安裝WordPress 3.6/3.7 版本,並教您如何設置主題。 以下是我們的教學影片,但旁白為英文對大家來說較為困難,因此我們用中文詳述了安裝步驟,希望能幫助大家順利安裝成功! 教學影片:安裝WordPress |