BeeFree 免費、免註冊、零技巧製作精美排版電子報


最近有電腦玩物的讀者來信詢問我,他工作上遇到難題,主管要他這幾天就製作出一份圖文並茂的電子報內容,要發給公司內的同事。可是他並沒有美編排版的技巧,也不知道怎麼寫網頁程式碼,有什麼辦法可以快速製作出排版精美、有模有樣的電子報內容呢?

我自己都是利用「 MailChimp 」這個服務來完成,在一定的寄送額度下,「 MailChimp 」其實也是免費的服務,他是一套完整的電子報發信系統,不只可以製作排版優美的電子報內容,也幫我們進行發信追蹤與名單管理。

但那位朋友覺得「 MailChimp 」功能太多,他就只是想要快速排版出電子報內容的工具就好,於是我幫他尋找了一下,找到了這個今天要介紹的「 BeeFree 」。




BeeFree 」免費版是「線上一次性的電子報編輯排版工具」,不僅免費,而且還不需註冊,就算不懂網頁編輯也能套用各種版型,或是簡單的「拖拉內容」,就能組合出看起來有模有樣的電子報。

編輯完成後「 BeeFree 」不會雲端儲存我們的內容,但我們可以匯出成 HTML 檔案 ,也可以複製到郵件中使用。

除了電子報設計,你或許也對下面這些線上設計工具有興趣:





  • 1. 套用預設版型

進入「 BeeFree 」網站,直接點擊[ Start Designing ],就可以開始設計你的電子報,完全不需註冊登入。

但要注意的是,因為沒有註冊,所以「 BeeFree 」也不會儲存你的編輯內容,就是一次性地幫你做好電子報,下載成 HTML 後你就自己保管。

首先進入「 BeeFree 」編輯工具後,第一個畫面是挑選一個適合自己想要的電子報內容的版型,但後續也都可以自由調整。





  • 2. 利用 Structure 自己組合版面區塊

接著進入編輯畫面,我們可以利用右方的[ Structure ],添加各種版面區塊。

例如兩邊一樣大的版面區塊,可以左右兩邊放置等比例的圖文。又或者左小右大的區塊,可以左邊放圖,右邊放文等等。

因為可以自己組合版面區塊,所以大多電子報格式都能製作出來。





  • 3. 利用 Content 插入各種內容

有了版面區塊後,可以到[ Content ]插入各種文字、圖片、按鈕等內容,只要拖曳內容方塊,移動到自己想要的版面位置即可。

想要怎麼樣的內容樣貌,都可以拖拖拉拉調整出來。





  • 4. 進行簡單的編輯

點擊某一塊內容,可以直接在內容方塊中修改文字,也可以在右方的編輯欄調整超連結等設定。

像是圖片的部分,雖然「 BeeFree 」也可以上傳圖檔,但建議使用已經上傳在其他雲端儲存空間的圖片網址,會比較穩定。





  • 5. 微調版面位置

在右方的編輯欄,有一個很重要的功能是調整每一塊內容的「邊欄寬度」,透過調整寬度,可以幫我們把左右邊的圖文進行有效的對齊,並且讓內容不要那麼擁擠。





  • 6. 預覽結果

編輯完成後,可以利用左上方的「 Preview 」預覽,看看這樣的電子報在電腦或手機上的瀏覽效果。





  • 7. 如何匯出變成電子郵件?

最後,確認都編輯完成了,按下右上方的[ Save ]按鈕,這時候會把這份電子報檔案下載到你的電腦中。




電子報檔案解壓縮後是一個 HTML 檔案,可以直接用瀏覽器打開。




如果真的要省事,可以打開 HTML 檔案後,直接圈選複製整個網頁,然後貼上 Gmail 電子郵件中,就會看到排版好的內容出現在郵件裡。(當然這是取巧,而非最佳方法)

既然幫讀者做了一番研究,也分享給需要的朋友參考看看。

延伸閱讀相關文章:

「 BeeFree 」網站

轉貼本文時禁止修改,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang(異塵行者),及附上原文連結:BeeFree 免費、免註冊、零技巧製作精美排版電子報


留言

  1. 您好:
    謝謝您的分享,
    看完文章之後立即試用,
    覺得很不錯。

    我在gmail寄出時遇到問題,
    請問您 HTML 直接貼在gmail中可顯示出來,
    是指什麼樣的方式呢?
    因為我試了很久,
    始終不成功,
    如果整個複製貼上只會出現文字,
    照片會不見…

    麻煩您解惑了,
    謝謝您。

    回覆刪除
    回覆
    1. 如果是照片會不見的問題,那麼我建議照片先上傳道你自己的雲端空間或網路空間(像是 http://imgur.com/) ,然後在插入圖片時用輸入這些外部空間的圖片網址來插入,這時候圖片更容易正常顯示

      刪除
    2. 試過用Select an export option視窗選第二項copytheHTML直接在網頁上拷貝HTML碼貼就能成功看到圖片了

      刪除
  2. 您好,我想請問如何上傳雲端的相片,並插入圖片時用輸入這些外部空間的圖片網址來插入,有詳細的步驟嗎

    回覆刪除
  3. 上傳照片到他們的系統,是否會被別人使用到呢??

    回覆刪除
  4. 想請問使用beefree做好的電子報,使用gmail、yahoo信箱收都ok,但使用OUTLOOK看就會跑板,這樣的問題可以怎麼解決呢?

    回覆刪除
  5. 奇怪的是你沒有提到 Stripo。 它是最受歡迎的電子郵件設計平台。

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

待辦清單到底有用無用?避開完成焦慮,符合人性的使用待辦清單

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

5 條「這時候,不要做」清單打破無意識行動模式的低效率循環

Readwise Reader 如何自訂 AI 中文摘要指令?我的 prompts 分享

Google 表單自動關閉回覆教學:時間人數到達就過期

Google 表單的 10 個專業問卷調查設計秘密教學

跟分心和平共處,不一定要移除干擾也能專心致志的專注力策略