"December, 2014" 有22篇文章

首頁  /  2014  /  December

電商平台比一比!Magento、PrestaShop、WooCommerce與其他知名平台

隨著電子商務的蓬勃發展,購物車系統的開發越演越烈,市面上推出各種平台供商家使用;然而選擇太多,導致使用者不知該使用哪個系統。今天我們將針對國際知名的電商系統進行比較,包括:Magento、WooCommerce、Presta Shop、Open Cart、Oscommerce和EC Shop,以利使用者衡量自我需求,找到最適合的電商系統。 就開發歷史而言,最早釋出的是Oscommerce,起源於2002年;最近開發的則是2008年的Magento、WooCommerce和OpenCart。 提供的插件、模組數量以Open

2015 新年快樂!

Happy New Year! 轉眼又到2014的尾聲,今年對歐斯瑞來說是相當豐收的一年,我們將事業重心轉至台灣,獲得亮眼的成績;新的一年我們將更精進自己,期許我們的專業能為客戶帶來更多價值,打造雙贏的局面!

如何在Magento中更改商品列表模式?

在Magento中有預設兩種商品呈現模式分別為清單式、網格式兩種,今天我們要介紹如何用Magento的後台來切換這兩種方式。 首先請至Magento後台上排選單 > > > 。 第一個表格 Frontend 中的List Mode,就是我們今天要更動的選項,List Mode總共有四個選項可以選擇,請見下列說明: Grid Only: 只使用網格模式 List Only: 只使用清單模式 Grid (default) / List: 使用兩種模式,但預設使用網格模式 List (default) / Grid: 使用兩種模式,但預設使用清單模式

Merry Christmas!來自歐斯瑞最誠摯的祝福!

Merry Christmas! 在這個充滿異國風情的節日,Astral

原來網路行銷就像男女交往一樣?!(認識女生篇)

如果把男女交往的種種情境,套用到網路行銷會是怎樣的情況呢? 你會發現原來網路行銷就像男女交往一樣,從認識的管道、約會的注意細節等,都息息相關!如果你不知道該如何吸引客戶來網站(商店),就由宅男工程師小V認識女生的情景,來模擬行銷場景,告訴你如何才能吸引客戶來訪喔! (點選圖片放大,可以看得更清楚喔!) 為了方便不同讀者閱讀,我們將附上文字內容: 聖誕節前夕,宅男工程師小V走在街上,看著行人雙雙對對,一陣寒風吹來讓小V覺得好冷;望著前方的情侶共同圍著圍巾嘻鬧著,一個人的寂寞空虛頓時湧上…..「我也要找到人和我一起圍圍巾!」這個念頭激起了小V想要交女友的想法。

Photoshop教學:【入門篇】如何使用參考線

在進行網頁設計的時候,經常會需要很精準的對齊方式,今天Astral web要和大家分享如何使用PS的參考線協助,在排版上會有很大的幫助。基本上完成的網頁PSD檔,裡面會使用很多的參考線來對齊版塊,在製作時其實相當方便,當然這些線條並不會被存取出來。 1. 請先開啟新檔 2. 我們以使用矩形工具作示範,先在畫面上拉出一個框。 3. 然後在內容視窗中,更改實際尺寸。 4. 然後將它對齊,我們選取矩形圖層與背景圖層。 5. 然後上方會出現對齊的按鈕,點選對齊。 6. 然後選擇在矩形的圖層上,之後拉動參考線就會吸附在此物件邊緣。 7. 可以按著Ctrl+R開啟尺標。 8.

Google Analytics─如何檢視使用者的到達網頁?

想知道你的網站中,哪個網頁最熱門、最多人點閱嗎?找到關鍵的「到達網頁」,可以幫助你分析網站的優缺點,達到改善網站的目的。只要使用Google Analytics,就可以查詢熱門的到達網頁,或是跳出率過高的頁面,讓網站經營者更了解自己的網站。 首先請登入Google Analytics,在左方選單中點選 > > 。 到達網頁在Google分析的解釋為「訪客一進入您網站所看到的網頁」,因為客戶不見得是直接到達網站首頁,也有可能是某個商品介面、某個服務項目等,藉由檢視 ,可以得知最熱門的網頁、跳出率過高的網頁是哪些。 進入 ,可看到目前排列順序是以

Photoshop教學:【基礎篇】製作lomo風格

Lomo特效是很常見的修圖方式,其特徵就是暗角的變化,以及不同色調呈現的感覺,復古、絢麗各有不同。今天我們要介紹如何用Photoshop後製,將照片改成Lomo風格。目前有許多應用程式能套用Lomo特效,但色調、風格不一,使用Photoshop可以進行微調,改成你想要的樣式。接下來請先準備一張圖片,改成你想要的Lomo風格吧! 1. 開啟檔案。 2. 置入欲修改的照片。 3. 選擇 影像>調整>色相/飽和度 4. 在色相的地方向左調,改變原有色彩。 5. 選擇 調整>亮度/對比 6. 加強照片的亮度、對比度。 7. 接著,複製一個新圖層來做邊緣暗角的部分。 8. 選擇

小眾即是大眾!分眾行銷的重要性

1950年代工業發展快速以及產品多元化,人們不再滿足於「一種商品」,客製化需求越來越多,市場區隔 (Marketing Segment)因而嶄露頭角。企業開始因應市場需求,提供不同消費群體不同的商品;為了精準了解客戶需求,便用具有公信力的「人口統計」將消費者細分(性別、年齡、地理位置等),演變成所謂的「分眾行銷(Segment Marketing)」。隨著1970年代的資源和技術提升,企業開始學習細分消費者的心理狀態、興趣喜好等,並針對客戶的購買行為做精闢分析。現今以「區分(Segment)」一詞為黃金準則來進行產品規劃和行銷,是企業品牌最常使用的方式,也就是所謂的「分眾行銷(Segment

Google Analytics分析─如何追蹤站外連結的事件點擊次數?

你的網站設有站外連結時,有多少人對你提供的連結有興趣,真的做了點擊的動作呢?只要安插一個簡單的程式碼,就能透過Google Analytics追蹤點擊次數喔! 首先以我們的部落格文章為例,在 中置入了站外連結,為了有效追蹤此連結的點擊次數,我們安插了事件點擊的追蹤碼,可透過Chrome瀏覽器點選 → 看到我們的程式碼。 追蹤點擊成效可以得知使用者離開網站的原因(跑去別的網站),以及此連結的熱門程度、使用者的興趣所在。置入追蹤碼的方式很簡單,不會寫程式的人也能輕易上手。 以我們的部落格後台(WordPress)為示範,進入文章的介面(非編輯器的預覽介面),找到要安插追蹤碼的站外連結。

善用schema 標記,讓搜尋引擎更容易了解你的內容!

什麼是schema? schema是一種microdata,目的是要讓搜尋引擎可以順利解析網頁內容,進而精準的提供符合搜尋引擎使用者的需求內容,加強在地SEO。 schema的使用很簡單,詳見敘述: <h1>歐斯瑞手工蛋捲</h1> <p>歐斯瑞手工蛋捲用料實在,紮實酥脆的,保證一吃上癮</p> <p>335 桃園縣大溪鎮文化路193巷24號</p> <p>聯絡電話:(03) 388-3887 </p> <p>營業時間:週一至週五  上午8點半-下午5點半</p>

自訂Youtube影片縮圖,用圖像提升點閱率!

你知道Youtube的影片縮圖會影響點閱率嗎?當圖像和文字放在一起時,人的第一眼通常會被圖像吸引,因此當使用者在Youtube搜尋時,影片縮圖將會影響使用者點選,以下列圖示為例,我們搜尋關鍵字,第一張圖清晰滿版,容易「吸睛」;第二張縮圖半邊空白,也看不清楚圖像,使用者容易忽略。 要怎樣才能改善影片縮圖呢?除了選擇預設縮圖外,你還有上傳自訂縮圖的方法。但前提是您的帳戶必須通過驗證而且紀錄良好,才能替已上傳的影片上傳自訂縮圖。 確定帳戶通過驗證後,就來看看如何自行設定影片縮圖吧!首先請至欲編輯的影片,左下方點選 可進入編輯畫面。 影片左方會出現三種預設縮圖,如果都不適合可點選下方的

Magento教學─如何更換Magento網站的LOGO?

想要更換Magento網站的Logo,卻不知道怎麼換嗎? 今天Astral Web要分享如何從後台更換商家Logo,開始之前我們先看看前端網站頁面的Logo位置: LOGO的圖檔放置的路徑為: ../skin/frontend/<theme_package>/<theme_name>/Image資料夾,因此應該依這個路徑找到圖檔再做變更。 詳細找到圖檔的方式如下: 1. 登入Magento後台 2. 到System>>Configuration功能表 3. 點選GENERAL下的Design功能 4. 首先要點選Package,這邊的Current

網頁設計教學:【工具篇】批次處理的好工具ViewNX 2

在協助客戶處理產品頁面的照片時,通常照片檔案太大或尺寸不一,一張一張修改又相當耗時,有個簡單的方法分享給大家,只要使用免費軟體批次處理照片,就能一次搞定所有照片!我們使用的是Nikon提供的免費照片處理軟體「ViewNX 2」,接下來就跟著下列步驟進行吧! 1. 請先至官網免費下載ViewNX 2軟體。 2. 在修改前照片像素大於3千多。 3. 開啟軟體後在左邊資料夾視窗,可選擇電腦上存放照片的資料夾,右邊視窗便會顯示此資料夾的圖檔。 4. 接著選取想要更改的尺寸。 5. 然後點選轉換。 6. 會彈跳出一個視窗。 7. 在此視窗可以選擇: 壓縮品質 改變影像的尺寸像素 指定轉換檔案的存放位置

如何設計購物網站的地址欄位?

購物網站具備送貨到家門口的方便性,因此逐漸受到各地消費者的喜愛。許多將市場放眼全世界的公司也希望利用網路無遠弗界的優勢,達到將自家產品銷售到全球各個角落的目標。以滿足這一趨勢為目標,市面上有一些功能強大的網路商店系統(如: Magento)提供了支援多語系及多種貨幣計價的功能。為了快速送達消費者的購買商品,在建置購物網站時,不同國家的地址格式也需要做出調整,以免商品送達延遲產生消費糾紛。 我們研究了一些知名購物網站,並針對台灣及美國的地址格式做出整理,希望能幫助正在設計購物網站地址欄位的朋友。 零售業巨人亞馬遜的美國網站,在地址欄位只要求客戶填寫七個欄位,分別是: 地址欄位(Address

Facebook臉書廣告大解析─讓你一次上手廣告操作!

執行網路廣告並非設定一次即可,需要每天觀察進行微調,才能讓廣告達到最大的效用。今天我們要和大家分享最近執行的臉書(Facebook)廣告「跟姐姐一起High翻你的網頁」,從發想、調整到廣告結果等,一一詳述其過程,希望能讓大家了解實際操作廣告會遇到的情況、廣告支出等,對網路廣告更有概念! 廣告發想: 首先,我們在網路上看到一個有趣的網頁,並提供相關程式碼免費下載,便想要改寫成符合台灣喜好的網頁,主要目標為以下三點: 吸引大眾分享 增加網站曝光 分享趣味網頁 經過討論,決定使用臉書廣告進行推廣,因為臉書是台灣人最常用的社群網站,廣告成效彰顯。 製作過程:

最適合台灣使用的Amazon Web Service雲端主機在哪個國家?

Amazon Web Server雲端主機是國際知名的伺服器公司,其專業度、服務態度都值得信賴,但目前尚未在台灣架設機房,為了知道哪個國家的伺服器比較適合台灣使用,我們將利用Cloudping這個網站測試其他國家與台灣傳送封包所花費的時間。 基本上100 ms以下為正常,50 ms以下為優良,我們分別測試了電腦版和手機版,詳見下列說明: 1. 於桃園測試電腦版,中華電信ADSL →Japan(日本)最快,73 ms。 2. 於桃園測試HTC one,中華電信 3G →全都高於100 ms以上,比較後仍是Japan(日本)最快,127 ms。 3. HTC Desire VC手機,亞太電信

SEO簡單三步驟,有效提升網頁自然排名!

提升網站自然排名,通常會需要一段時間才能看到成效,今天我們要分享簡單的SEO技巧,讓搜尋結果在第二頁的網頁,有機會晉升排名至第一頁,提高大眾瀏覽的機率。 首先需要Google提供的兩項免費網路工具: Google Analytics (Google分析) Webmaster Tool (網站管理員工具) 確定你有這兩項工具的帳戶後,就可以開始下列步驟囉! 一、連結Google Analytics和Webmaster Tool的帳戶 本次教學需要連結Google Analytics和Webmaster Tool的帳戶才能進行,可至Google Analytics的管理員進行設定,在 >

Google Adwords出價方式─以曝光計費的CPM(千次曝光出價)

Google Adwords關鍵字廣告提供多種出價方式,包含下列三種方式: CPC:單次點擊出價 CPM:千次曝光出價 CPA:單次轉換出價 本文要和大家介紹的是CPM─千次曝光出價,其含意為曝光一千次算一次費用,是以曝光、宣傳為主要目標的出價方式,僅限於多媒體廣告聯播網使用。選用CPM─千次曝光出價,其廣告出現的位置不同於搜尋廣告,而是與Google合作的多媒體廣告。 搜尋廣告和多媒體廣告的差別為: 搜尋廣告: 當使用者在Google或是搜尋聯播網中查詢,所顯示出來的廣告。 多媒體廣告: 使用者前往與Google合作的多媒體廣告聯播網,透過內容比對、指定刊登或再行銷等,所顯示的相關廣告。

你的商店是否容易被找到呢?利用在地SEO檢查表自我檢測!

現在的人們已經非常習慣在消費之前用網路找到合適的選擇,即使是在實體店面消費也不例外。因此,對許多針對特定地區經營的中小企業(例如餐廳、服飾店、雜貨店,五金行等)來說,如何讓位於周遭的潛在客戶藉由網路發現自己,從而帶來人潮及錢潮才是對業績成長有幫助的網路行銷策略。 以去餐廳用餐這個消費行為舉例,當消費者做出外出用餐時的決定時,一般的消費者會希望優先搜尋到位於自己的地理位置附件的餐廳。同理,身為商店經營者的你也希望花錢建置的網站能被最有機會光臨的消費者發現,以發揮最大的投資效益,因此正確的執行在地化SEO的步驟,使搜尋引擎更了解你的網站將有助於提升你的網站排名,並使消費者更容易發現你的公司 /

Magento教學十九步:如何設定固定運費(Flat Rate)

歡迎使用Magento購物車系統,運費是所有商家在考量成本的一大要素,一般而言都會設定基本運費,滿額或是促銷活動才會免運費。今天Astral Web要和大家介紹如何設定Flat Rate(固定運費),可在結帳頁面中顯示固定運費價格。 首先請至上方選單System>Configuration。 選擇左方選單SALES>shipping Methods。 點選第一個Flat Rate。 接著編輯固定運費欄位: Enabled:Yes→顯示於結帳頁面;No→不顯示於結帳頁面 我們選擇Yes,才能將固定運費出現在結帳頁面。 Title:顯示於前台的標題,我們以 為示範。 Method

網頁設計教學:【概念篇】台灣網頁常用的字型

選擇合適的網站字型可以為網站加分,我們針對台灣字型進行分析研究,發現台灣TOP 10網站中,最常使用的是Arial字型,其次是微軟正黑體;而在台灣TOP10購物網站中,優先使用字型也是Arial字型,其次是helvetica。可見Arial字型是最常使用的字型。而在字級部分,除了特別的字體會用到3~40px字級較大字體,或20px左右,最小字體不會低於12px。也有研究指出12級字體大小是最好閱讀的字級,所以網站字級盡量不要小於12級字體。 台灣TOP 10網站(截至2014/12/1): 1. Yahoo!奇摩 使用字型:Arial 最大字級:15px 最小字級:12px 2.