終於~TinyMCE Editor 的改造吿一段落了,這裡將我所修改的地方列出來,如果大家覺得有什麼不足之處可以再跟我說~
為什麼要重新弄一個編輯器呢,因為之前的雖說是小巧玲瓏,但實在也沒什麼亮點,尤其是他沒有做環境隔離,像是~貼一段爆炸動畫的程式碼,結果~後台就爆了~
所以這次決心要弄一個好用的線上編輯器,也就是現在的 Tiny 啦~我改造了不少地方先列出來,如果大家覺得有不足之處再跟我說~
Tiny 內建的原始碼編輯實在太陽春,所以二話不說就把之前寫的 ACE 拿進來用,直接支援Emmet,並且將 fontawsome 整合到他的 Auto Complete 內(用了很Dirty的方法才讓他能顯示圖形 ),至於他的一些細部設定可以透過 Cmd + , 打開面板去設定,ACE 我就不多講了,畢竟是工程師的玩具,不是同一掛的會感覺無聊~
當然也要照顧到不寫程式的老闆們,所以在 Tiny 下我也加上了直接插入 ICON 的介面,只要打上字母搜尋,點選顏色與尺寸,就能將 ICON 插入到內容中
Tiny 用 iframe 將編輯環境與真實環境做了很好的隔離,不用怕 CSS 或是 JS 會影響到現實環境,所以我就將一些常用元素放進來,內容要比之前的區塊編輯器更加豐富,當然也更加好用,只要在空白處按下右鍵就可以插入這些元素,你只要更換圖片及修改文字內容即可~具體內容請參考上一篇介紹
在任何圖片、影片、文字上按下右鍵選擇-設定為商品連結,即可直接開啟商品資訊或者加入購物車~
由於 HTML 的特性,使用文字編輯的方式,某些地方一定會難以操作,最常見的就是標籤沒清乾淨,導致後面整個大跑版,所以我加上了這個元素使用表,你可以在表上進行刪除、重新排序,或是單獨開啟元素的原始碼。
大部分初學者單看 HTML 會覺得還蠻好理解,反正除了一些歷史共業的 Tag 外,就是成雙成對的概念,但加上了 CSS,事情就開始變得不單純了,要想迅速知道一份 HTML/CSS 的結構,用 Chrome 的工作管理員是最快,相對也是最複雜的,現在許多網站都使用前端框架,DIV 好像不用錢似的拼命用,讓 HTML 的深度越來越恐怖,我在 Tiny 上做的 HTML/CSS 結構相對來說很單純,在你想要參照的元素上點右鍵,他就會列出你所點選的元素以及他所有的直系物件,一直到 BODY 標籤,此外也會列出相關的 CSS 屬性給你參考,如果你本身已經會用 Chrome 的 Console, 那麼可以忽略此功能~
這張表另一個主要功能就是用來清除元素,如果只用鍵盤滑鼠,你可能只能清除掉最末端的文字或圖片,透過這個列表你可以判斷應該要清除哪一個元素。
現在你可以自由地增加外部連結的 CSS/JS 檔案,當你進入文件編輯後,所導入的 CSS/JS 就屬於專屬專屬連結,只會做用在你目前的文件上,如果從後台的文章管理及頁面管理設定連結的話,就屬於全域連結,會做用在所有的文章或自訂頁面上。
兩者有很大的不同,舉例來說~當你看到一個有趣的特效,需要加入某個 CDN 連結,那麼使用專屬連結即可,因為只有一個頁面需要它~
當你每次打字的時候都覺得字體過大或太小,又或者行距間距不滿意,就可以寫一個 CSS 來定義你想要樣式,並將它加到全域連結內,那就一勞永逸的解決這個問題~
現在你可以任意選擇要讓哪些專欄顯示在首頁上,通常商品的變化如果不大,很容易讓人覺得網站沒有在更新,但就沒那麼多變化怎辦~?
所以將你所寫的專欄放到首頁上是不錯的選擇,寫商品相關是必要的,但也不用太拘泥於所謂官網形象,發揮個人特色,把你被劈腿的慘痛經驗寫上去,也是不錯的選擇~
我將transForm常用到的像移動,旋轉縮放等屬性都集結起來,透過滑鼠就可以完成,你可以任意地加上 transForm 的效果讓版面更活潑~
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum!.
View projectLorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum!.
View projectLorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum!.
View project
以上是這次修改的大項,我另外會錄一支影片來實地操作一遍,相信這個工具會讓你更輕鬆地經營自己的網站~
一個在五濁亂世中
不願靠話術生存的工程師
上個月有位客戶打LINE來做一些詢問,問的問題都蠻專業,感覺蠻內行的,聊著聊著才發現原來大家年紀差不多,都走過那個 Windows 獨霸世界的時代,他竟然還知道我以前寫過的 Windows 程式~
他的官網已經建立超過十年以上,想要做系統的更新,於是來跟我詢問~好!!!~這都不是重點,重點是他竟然跟我說
這演的是哪一齣~~?
他笑得有些靦腆,十幾年前他就建了官網,因為是找同學做所以比較便宜(但沒有比SlimWeb便宜,他特別有聲明),他只要引進某樣商品,開箱文會先走,用戶遇到的問題他也會一併更新到網站的常見問題內(我汗顏.... )
除了官網外,他也直接將商品上到賣場,如果有跟客人做直接聯繫,就順勢介紹他的官網,因為常要更新官網,所以他對一些基礎的HTML/CSS都算會用。
他跟他老婆也是網路認識,聊天時並沒有將官網給對方,因為他覺得~女生對這個應該沒什麼興趣~就跟對方說他是賣場的賣家~
終於見面了,氣氛有點乾,於是他拿出名片遞給對方,並跟她說上面有他的官網,誰知道這變成一個轉折點。
女生有點吃驚,你不是在當賣家嗎?怎麼還有網站,我也有朋友在當賣家,他們就沒有~所以~~其實你是隱藏在賣場的大老闆嗎~?
哈哈哈~沒有啦,現在做網站沒有那麼貴,我目前還在草創階段,談不上大老闆啦~
總之~話就是聊開了,分別時女生說了一句~我會上你的官網去看的~~~
這位老兄貌似忠厚老實,竟然耍出一招我都沒想到的~
他回到家立刻開始做更新,放一張他們今天見面的咖啡廳的照片,標題打上~希望還能見到她,然後內文(內文他忘了,我也不想聽~ ),當晚女生電話就打來~欸!!!你的官網耶,首頁能放那個嗎?跟你公司又沒關係~!
事關公司有沒有老闆娘,怎麼會沒關係 ~
這句太狠了,直接遠程壁咚~~
他說那一刻,他真的慶幸自己有個官網,不然~這段能寫在賣場的最新消息嗎~?
講到這裡,我想大部分酸民都會跟我一樣來一句:只要顏值夠,路邊賣玉蘭花,都是前途光明的有為青年~
他說~nonono, 女人其實很重視男人對工作的態度,而這種事又不是一兩天就能知道,有什麼比定時更新你的官網,照顧你的客戶更能展現你的工作態度呢?
我暗自點頭深表贊同,官網其實是非常能展現自我的媒介,尤其是在草創期,無論是對客戶、投資者、目前的、未來的同事,甚至是未來的另一半,讓他們不用花多久的時間就能夠理解你的想法及態度,只可惜很多人都沒有善加使用
一個在五濁亂世中
不願靠話術生存的工程師
目前線上客服大約分成三類
第一種客服機器人,像是 momo/pchome/messenger 等,跟智能扯不上關係,就先拿掉沒什麼好比。
真人客服
有可能都在忙,導致無法回覆
有可能已下班,明日請早
有可能知識量不足,需詢問他人
有可能看錯資料,給錯答案,甚至給錯價格
尋找資料速度慢,以分鐘計算
真人客服會遺忘、會離職、會看錯商品、會心情不好~
SlimGPT
24HR 全年無休,不會帶薪拉屎
直接搜尋資料庫,出錯率無限接近 0
只要有答案,回覆速度相當於光速
遇到不會回答的,直接反映到Line群組,不會因為太忙而忘記
SlimGPT不會遺忘,回覆速度以秒為單位,能依消費者需求給出合理建議~
如果您的商品種類及數量並不多,那麼使用一組提示,讓SlimGPT理解您的商品,這些理解不一定體現在商品分類,舉例來說您販售男裝,在商品分類上可能只有會分類成 男上衣、男外套等等,但您給 SlimGPT 的提示,可以是 男外套 10272 - 10288 特別適合正式的場合喔~ 或者編號多少的商品目前打折中~等等,這些資訊都會讓SlimGPT依當下的情境向客人進行推薦。
如果您的商品類別較多,可使用多組提示,讓SlimGPT依客人需求載入,例如~想購買3C商品的客人就選擇3C的客服,SlimGPT僅會載入3C相關的提示。
除了線上客服外,SlimGPT包含其他許多應用,您可以參考官網內的影片連結,此外Eric也會在Blog內陸續發佈一些應用教學。
SlimGPT是專屬於SlimWeb的智能輔助系統,如果您還不知道SlimWeb是什麼,請閱讀 為什麼您需要一個網站
一個在五濁亂世中
不願靠話術生存的工程師
SlimWeb full-featured e-commerce system
SlimGPT/Applied Artificial Intelligence
Anti-fraud detection tools
Bar
Bar
Bar
Bar
Barred
Bar
Bar
你身邊是否有這種朋友,常聽他在靠北創業多累多折磨,可每次要找他的時候,不是在國外,就是在出國的路上~。
也許你們會像大多數人一樣漸行漸遠,回到各自的生活圈,即便他不是那種誇張的大富大貴,你心裡也清楚彼此不再是同一個圈子的人了,你可以嘆一聲~人各有命,然後回去上班,或者嘗試改變一下自己的思維,去想想那些你從未懷疑過的事,例如你曾被朋友同學,甚至家人說過個性不適合創業,或許太保守,或許太過神經大條,總之~就是不適合,久而久之你也就認為自己是這樣了,但~真的是這樣嗎?
現在已經不是一人創業,全家負債的年代了 ,在思考一晚後,你決定~把別人拖下水~
無論你們想找創投或是走眾籌,都要做好相應的計畫,但那要從哪裡開始呢?
如果你曾看過像矽谷風雲之類的電影,幾個熱血青年決定闖一闖,往往就會出現那句話(通常由最帥的那個講)
是的~一個網站,而不是其他像辦公室,公司執照之類的事,那些事通常是佔點小股的掃地阿姨在處理~
你們討論了很久,終於想出了一個大家都滿意,也還沒被買走的網域,你們打算將這個網域印在名片,T恤跟馬克杯上!
接著你們開始討論網站並提出實際的需求,與會的還有一位資訊公司的專案經理,他很認真的將需求記下來。
一天後你們得到了一份完整的報價單,只是這單子似乎伴隨一股低氣壓,一時間變得安靜異常,掃地阿姨張望幾下,決定今天不掃這間了。
ㄧ 張報價單讓你們意識到,現實有多麼的骨感,會議上越囂張的現在就越安靜~
那個昨天話最多,又要 AI 又要自動化的,現在趕快自動化去買便當啦~!
你們開始討論各種替代方案並繼續向其他公司訪價,但從每個人多少有點壓抑的神色來看,這幾日並沒有很好的結果。
忽然~掃地阿姨拿出她的手機弱弱的說
我不知道這是不是你們要找的,FB上的廣告,我是覺得這價格很可以
FB? 眼鏡男接過手機,心想果然是阿姨,還在用FB
阿姨~FB廣告太多詐騙了啦,妳要小心,還三萬有找哩~最好是啦............咦?
當其他人都圍過來時,掃地阿姨在心裡默默祈禱~拜託不要是詐騙
那天~低氣壓走了,阿姨還開心的吃了一頓不用付錢的~
創業路上總會遇到許多的壞天氣,有些甚至會形成颱風,暴風,但只要沒能淹死你們,陽光總會到來~
如果你或你們,跟其他許多創業者一樣,第一個遇到的低氣壓就是網站,那麼SlimWeb會是一個很好的解決方案,他滿足了創業者各種面向的需求,讓你們不用含淚做網站~
一個在五濁亂世中
不願靠話術生存的工程師
如果您已經有一種原創商品且這種商品沒有其他通路,那麼恭喜您~您已經壟斷市場,不需要擔心太多。
除了少部分精品業者有自己的海外渠道,大部分的電商經營者(賣家),都是透過像是淘寶等大型供貨商進貨來賺取價差,
這裡考驗的就是經營者對商品的眼光及信心,以及廣告投放的準確度。
比低價~?那我還是洗洗早點睡,明天還要上班...
考慮到進出貨成本及毛利,要跟中大盤比價格~是不可能的,但也不要看到別人的低價就喪失信心~
您只要把握住三個重點,分別是~選對商品、選對商品、選對商品
下面這張圖可以看出是同一種商品,但價格卻來到兩倍以上,低價的是蝦皮,高價則是FB上的廣告。
您可能會想~那些花一千多買的~是傻了嗎~?
這裡您必須知道什麼是~價格敏感度
也就是當您看到一個想購入的商品,而這個商品的價格,是否會讓您生出比價的念頭。
是的~1150的賣家~針對的就是對價格不敏感的~俗稱的~有錢人
這裡我們不討論有錢人什麼心態~有興趣的可去看一本書叫 - 有錢人想的跟你不一樣
讓我們回到商品本身,您可以看出這個商品具備以下特性
重點在於第2,3項,只要編輯好文案與圖片,最大的成本就是廣告費,因為沒有囤貨,所以可以根據訂單狀態隨時更換商品。
一個在大賣場賣一百塊的精油~經過圖片美化、文案吹捧~您覺得可以賣多少~?
這類型的商品我們可以統稱為~愛自己商品
在草創之初,您可以多放幾種這類型商品,並將時間精神放在商品圖片及文案上,待網站有一定流量後,再導入其他硬價格商品。
您或許有疑問,真有這麼多 - 人傻錢多的人嗎~?
您從各種社交平台廣告就可以看出其龐大的市場~如果沒市場,早就被萬惡資本主義淘汰了~
畢竟~我們不也朝著成為~人傻錢多的目標前進嗎?
是的~的確不便宜,如果您找網頁設計公司或資訊公司,
他們可能會邀請您開個會並給您一些建議,例如
金物流、第三方登入~等等!您可能完全沒概念的東西,最後將這些項目列成一張表並在下面打上價格~通常在10-30萬之間不等(依您想要的功能而定)
哇~我就是個蝦皮小賣家,不需要很複雜的功能,能便宜點嗎?
可以~刪刪減減後,您會有種陽春到想哭的感覺~
靠北~這篇文是來消遣我的嗎~?
非也~SlimWeb 就是為您打造,讓您霸氣撕掉報價單的電商系統
以下是 SlimWeb 的功能列表
✅ FB/LINE/Google/Emial 登入
✅ 首頁半版/全版輪播
✅ 完整金物流 信用卡 / LINE Pay / 四大超商 / 逆物流 / 批次托運單
✅ excel 批次導入商品
✅ 上千種高質感版型直接導入❤️
✅ FB粉絲專頁線上客服
✅ 全館折扣 / 可選擇原價打折或加價打折
✅ 歷史訂單重新購買
✅ 熱門商品輪播 / 促銷優惠商品輪播
✅ 本土/離島/海外 免運費門檻
✅ 區塊管理 / 無痛建立RWD物件(例如限時搶購等功能)
✅ 部落格文章 / 可自訂關聯商品
✅ 單品加購 / 數量價格可自訂
✅ 後台管理員 / 可自訂權限
✅ 同步訂單與客服到 LineNotify
✅ 自動裁切並優化商品圖片
✅ FB/LINE/Twitter 分享 / 分享全站、商品、部落格文章
✅ webP格式支援 / 上傳圖片自動轉換webP格式
✅ 會員分級 / 依會員累計消費金額進行分級,可於後台建立各種等級與折扣
✅ 優惠券 / 可於後台自定義優惠券,多種組合模式
✅ 折扣碼 / 可於後台自定義折扣碼,搭配各平台廣告應用
✅ 事件處理器,可用於串接ERP系統
✅ 訪客、訂單、折扣碼等趨勢圖表
✅ 深度多國語系,內建繁中、簡中、英文、日文,可自建任何語系
💎 ChatGPT / OpenAI 選購智能輔助系統(線上客服)
上面這些只是大部列表,您可以複製以上文字,隨便找一家資訊公司報價~
SlimWeb - 只賣 兩萬九千九百九十九台幣[一次性](您願意的話,可以多給一塊小費)
一個在五濁亂世中
不願靠話術生存的工程師
首先您必須認清一點,不管您在賣場的業績有多好,這些累積的客戶~都是賣場的,與您無關~
再來請認清一點,不管您廣告打得再凶,行銷做得再好,這些流量~都是賣場的,與您無關~
最後需要認清的是,您的利益在賣場眼中,排在賣場利益、賣場形象、賣場規則、消費者利益之後,可以說根本不被重視~
1. 為何無法成長
消費者永遠只記得~呦~我是在蝦皮買的~誰會記得您的賣場叫什麼名字,賣些什麼東西~?
不管您在任何平台打廣告(FB/Google等),只要您填上的網域,是賣場的網域,那麼任何流量都是屬於賣場,跟您完全無關,因為您並非此網域的擁有者。
2. 為何沒有退路
賣場完全可以不經過您的同意變更遊戲規則,如果直接壓迫到您的利益~除了吞下去或退出~您還能怎麼辦呢~?
可以~!但不是立刻
網站的經營不是一朝一夕能看到成果,但絕對值得投入。
1. 讓消費者真正成為自己的客戶
取一個像蝦皮一樣好記的名稱,例如瞎拼,然後做好必要的SEO,並且常常進行網站的更新(注一),當然在條件許可下為網站進行廣告投放。
這一切都是為了~在Google與其他搜尋引擎上,得到一席之地,當您的網域出現在 Google 搜尋結果上時,代表 Goolge 認可了您的努力,您永遠不必再依賴那些靠剝削生存的賣場來獲取流量。
(注一)商品全部上架後,還要更新什麼~?
當然是文章~您必須讓您的網站時時保持著鮮活的動力,舉例來說您販售家電用品,那麼在網站內原創一篇家電小撇步,或是介紹最新上架商品的開箱文等,都是讓 Goolge 看到您努力的好方式。
2. 最好的退路
不可否認的,大賣場對於行銷來說有其巨大的優勢,但這不代表您不能準備好退路,您完全可以同時經營賣場與網站,以漸進的方式將賣場消費者,導入到網站內。
當有一天您無法再忍受賣場的遊戲規則選擇退出時,也不會喪失掉累積的客戶群~
當然理想的狀況是兩邊同時經營且都能獲利~
官網是您事業的縮影,是讓別人認識您的最佳橋樑,不受任何非公權力的挾持。
只要您持之以恆的更新,他最終會以排名、流量、權重等多種形式來回饋給您。
最後~他將在這市場上,為您取得一席之地。
當有一天您發現搜尋某個商品,而你的網站排在很前面時,就代表搜尋引擎認可你的用心與專業,將來這些搜尋引擎無可必免的會以AI作為核心來維持公平的排名,在以前或許可以用一些黑客手法欺騙搜尋引擎的程式,進入AI世代後發生機率就會更低。
舉例來說某位賣公仔的天才,每天用AI為他的商品產生海量的文章,覺得這樣就可以迅速提升排名,不能說完全沒有成功的機會,但更有可能發生的是,他的網站連原先的排名都不保,直接在 Google 上消失,AI對於同類的筆跡,辨識度相當的高,所以不會有人拿自己在經營的網站去跟AI賭。
至於是否要找操作SEO的公司來提升排名,您可以去想兩個問題
1. SEO公司的工程師,有沒有比Google的厲害
2. Google會不會透漏某種提升排名的方法給台灣的SEO公司
相信這兩題您都回答得出來~
SEO公司會跟您講大量的專有名詞,總之會展現出好厲害的感覺,實際做法是找一堆工讀生集體點滑鼠做流量,這方面資訊我比較落後,現在應該有別的招數。
總之任何主動式SEO我都不建議,某些動作可能看起來無害,但Google是不講道理的,一旦出現停權,申訴機率大概跟反攻大陸差不多。
是的~的確不便宜,如果您找網頁設計公司或資訊公司,他們可能會邀請您開個會並給您一些建議,例如金物流、第三方登入~等等!您可能完全沒概念的東西,最後將這些項目列成一張表並在下面打上價格~通常在10-30萬之間不等(依您想要的功能而定)
哇~我就是個蝦皮小賣家,不需要很複雜的功能,能便宜點嗎?
可以~刪刪減減後,您會有種陽春到想哭的感覺~
靠北~這篇文是來消遣我的嗎~?
非也~SlimWeb 就是為您打造,讓您霸氣撕掉報價單的電商系統
以下是 SlimWeb 的功能列表
✅ FB/LINE/Google/Emial 登入
✅ 首頁半版/全版輪播
✅ 完整金物流 信用卡 / LINE Pay / 四大超商 / 逆物流 / 批次托運單
✅ excel 批次導入商品
✅ 上千種高質感版型直接導入❤️
✅ FB粉絲專頁線上客服
✅ 全館折扣 / 可選擇原價打折或加價打折
✅ 歷史訂單重新購買
✅ 熱門商品輪播 / 促銷優惠商品輪播
✅ 本土/離島/海外 免運費門檻
✅ 區塊管理 / 無痛建立RWD物件(例如限時搶購等功能)
✅ 部落格文章 / 可自訂關聯商品
✅ 單品加購 / 數量價格可自訂
✅ 後台管理員 / 可自訂權限
✅ 同步訂單與客服到 LineNotify
✅ 自動裁切並優化商品圖片
✅ FB/LINE/Twitter 分享 / 分享全站、商品、部落格文章
✅ webP格式支援 / 上傳圖片自動轉換webP格式
✅ 會員分級 / 依會員累計消費金額進行分級,可於後台建立各種等級與折扣
✅ 優惠券 / 可於後台自定義優惠券,多種組合模式
✅ 折扣碼 / 可於後台自定義折扣碼,搭配各平台廣告應用
✅ 事件處理器,可用於串接ERP系統
✅ 訪客、訂單、折扣碼等趨勢圖表
✅ 深度多國語系,內建繁中、簡中、英文、日文,可自建任何語系
💎 ChatGPT / OpenAI 選購智能輔助系統(線上客服)
上面這些只是大部列表,您可以複製以上文字,隨便找一家資訊公司報價~
SlimWeb - 只賣 兩萬九千九百九十九台幣[一次性](您願意的話,可以多給一塊小費)
一個在五濁亂世中
不願靠話術生存的工程師
加入作者的Line, 我們將會討論網域名稱(Domain Name)以及上線時間,如果您已經購買過Domain Name, 就必須將您註冊Domain Name的帳號密碼提供給作者,這樣才能為您進行DNS的設定加入作者的Line, 我们将会讨论网域名称(Domain Name)以及上线时间,如果您已经购买过Domain Name, 就必须将您注册Domain Name的帐号密码提供给作者,这样才能为您进行DNS的设定Join the author's Line and we will discuss the domain name and launch time. If you have purchased a Domain Name, you must provide the account and password you used to register the Domain Name to the author so that you can set up DNS for you. Certainly著者の Line に参加すると、ドメイン名と起動時間について話し合います。ドメイン名を購入した場合は、DNS を設定できるように、ドメイン名の登録に使用したアカウントとパスワードを著者に提供する必要があります。確かに
我想更加了解SlimWeb我想更加了解SlimWebI want to know more about SlimWebSlimWebについてもっと知りたい 我想更加了解SlimGPT我想更加了解SlimGPTI want to know more about SlimGPTSlimGPTについてもっと知りたい 加入LINE加入LINEJoin LINELINEに参加する 回到主官網回到主官网Return to the main official websiteメインの公式ウェブサイトに戻る善意提醒: 不要把鼠標放在Slim小姐腦袋上又不點開她,不然她會生氣,她一生氣,就會翹班休假.