• 精華文章
  • 結婚流程
  • 籌備心得

[籌備]|Mrs.優尼|吸睛故事版的google婚禮調查表--Wix網頁教學



文章26

活動0

發表日期2017年1月26日

2017-01-26

 

結婚是人生大事

可以簡單化、可以複雜化、可以唯美化、可以華麗風

各種的風格

依照每一對新人的負擔能力、準備期長度及想像力來決定

而我呢?不意外,就是勞累勞心等級頗高的

“手作風”

 

 

更多精彩故事可以點擊回“Mrs.優尼笑嗨嗨遊世界”

↓↓↓↓↓↓↓↓↓↓↓↓↓↓

http://julie4187.pixnet.net/blog/post/339257396

 

 

所以,這一系列的婚禮籌備分享,可以看到我們很多累死人的作品及想法

而這篇文章要分享的想法是

結合“我們的故事敘述+照片+影片+google表單”

吸睛程度頗高的婚禮調查表

朋友們的反應都很不錯,分享給準新娘新郎倌~

http://julie4187.wixsite.com/jywedding

為什麼要這麼大費周章,額外再製作一個網站呢?

不外乎就是希望與賓客有多一些的互動

近來幾年頗為盛行的方式之一

就是在facebook上創立婚禮專頁

15.png

我想這應該是“最快速且能見度最高”的方式吧

Frankie & Pei Wedding Art 是我參加過的婚禮中把臉書專頁運用到最徹底的夫妻

除了直接將調查表單放在此,定期po出婚禮進度照片提起賓客的期待心情

甚至到婚禮當天還把婚禮專頁當成一個活動橋段

可以當作教科書等級的參考範本了

1.png

而我們吳氏夫妻則是選擇在填婚禮表單的時候

就讓賓客先有種“搶先看”的感覺~

我相信,所有要宴客的新人一定都想利用google問卷

來統計受邀者的參加意願及資訊

這邊我就不多說怎麼建立表單,以下連結文章已經介紹的很不錯

10步驟設計婚宴邀請google表單

可以參考一下

2.png

wix真的是一個很不錯的免費網頁製作平台

除了擁有大量免費網頁模版之外

連我這個沒有任何設計+程式語言相關背景的人

都可以很快速上手且製作出漂亮網頁

是不是很優秀啊(這個網頁的後台真的很強大~~

但是唯一遺憾是的事情就是

不支援變換中文字體啊,只有明細體

但是這個缺點,文末會有稍微的解決方式

香港中文官方網站:https://www.wixhk.com/

↓↓↓↓↓↓↓↓↓

Wix 英文版首頁登入

現在就快點登入註冊試試看吧~

3.png

↓↓↓↓↓↓↓↓↓

Wix 英文版首頁登入

點擊進入首頁後,右上角的登入(sign in )

就可以直接進入註冊頁面

不需要付錢租用網頁空間或虛擬主機

只要email及登入密碼就可以有個免費網路大平台

wow~~真的是要誇獎一番

4.png

選擇網頁類型的公版式設計網頁的第一步

其實”不是只有wedding"的類型可以選擇

每一個公版都很有特色與質感

很值得花個時間研究一番~

5.png

進入other後

wix很貼心的會問你要選哪種製作方式

左邊:wix機器人引導式一步步製作網站

右邊:完全自己手動製作網站

我自己是選擇右邊的手動式製作

變化性比較高,比較可以客製化自己喜歡的版面

7.png

8.png

左邊搜尋引擎輸入“wedding"會出現15種公版選項

移動到公版圖片會出現“預覽”及“編輯”按鈕

我覺得預覽這個功能很棒,稍微看一下風格排版事不是真的喜歡

9.png

確定版面後進入編輯頁面

我個人是蠻推薦看完官方提供的“介面教學影片”

雖然是全英文

但是短短二分豬的影片,真的可以很快幫助你熟悉此介面

對於熟悉及快速完成網頁有如神助

10.png

我把英文介面簡單翻譯一下,應該可以幫助大家快速熟悉

記得!

在設計網頁前,建議把按鈕都打開來看一下所有的功能

有時候設計的想法,是從功能鍵延伸出來的喔

這樣真的比較快~~

12.png

 

編輯完網頁版面

切記!切記!切記!

很重要所以講三次

一定要切換到手機版本再編輯一次!

因為有些格式及排版“絕對”會跑掉啊!!!

現在是手機當電腦用的時代

大部分的賓客,都會是使用手機來看這個網頁

所以所以,手機頁面這裡也要多放一些心思

 

- 設計婚禮網站常用功能 -

1. 插入照片集(gallery) 

16.png

add→Galley→選擇想要的照片模式

規則化或是不規則,選擇好之後拉到想要的畫面位置

再載入照片就好囉

 

2. 崁入youtube影片

18.png

在youtube的change viedo中直接輸入網址就可以了

 

3. 婚宴倒數計時器

23.png

11.png

 

 

4.  訪客參觀人數

21.png

22.png

 

5.  google地圖

 

19.png

  

6. 將google表單嵌入wix中

26.png

24.png

25.png

非常簡單

就是將google的表單複製嵌入碼

利用wix的功能鍵直接貼上就完成囉

 

-  絕對會遇到的問題 -

不支援中文字體怎麼辦啊 !!可以不要只有新細明體嗎??!!

17.png

這個問題當初苦惱了我好久

有些神網友說的方式有點太困難(直接更改css程式碼)

我失敗了好多次

最後覺得這個方式最簡單

字體裡面點開font→Add Language→把日文勾起來,然後選字體的時候選"Meiryo"就好

雖然有些中文字,日文沒有支援,會跳回新細明體

不過,對我而言已經夠了

20.png

包括把google map中的英文路名改成中文路名

也是用一樣的方式更改

這樣就大功告成囉!!!!

螢幕快照 2017-01-25 下午1.59.14.png

最後附上我們吳氏夫妻的小故事兼填單表格連結

↓↓↓↓↓↓↓↓↓↓↓↓↓↓

http://julie4187.wixsite.com/jywedding

就像是一個作品一樣

裡面有著我們的婚紗

有我們的故事

最重要的是,那一個令我難忘的求婚之夜

一整個網站,有著我們滿滿的心意

希望賓客在參加我們婚禮之前

可以先稍稍的了解我們

很興慶當初花了一些時間做了這個網站

即使婚禮結束了

現在看到這個網站還是有溫馨的感覺

分享給你

  • 加入最愛

  • 檢舉文章

  • Line分享

  • FB分享

文章2

活動0

發表日期2017年2月24日

請問一下frankie&pei的那個facebook是設一個粉絲頁嗎?

檢舉此篇回覆

文章15

活動0

發表日期2017年4月18日

感謝分享資訊!!

檢舉此篇回覆

文章111

活動0

發表日期2017年4月18日

謝謝分享 !!!!

檢舉此篇回覆

文章26

活動0

發表日期2017年5月10日

親愛的 FeonaKung1107

不會不會,分享參考資料給你

檢舉此篇回覆

文章26

活動0

發表日期2017年5月10日

親愛的kero1864s1

不會不會,這是我的經驗,分享給你參考

檢舉此篇回覆

文章26

活動0

發表日期2017年5月10日

親愛的gowb536

有私訊給你,不知道有沒有收到,但我個人覺得那個比較像是私人社團

檢舉此篇回覆

文章1

活動0

發表日期2017年6月15日

哈囉你好

感謝你的分享

但我有問題想問

請問你做出來的婚禮問卷阿

你嵌入google表單後

手機跟網站的格式都先調整過了

但是最後到手機後 填寫時格式會不會類格類格慢慢的然後格式一直往上跑?

檢舉此篇回覆

文章1

活動0

發表日期2018年11月5日

請問您右上選單選擇~讓她上下捲動不是換頁~那個怎麼設定??

檢舉此篇回覆
感謝您,於veryWed分享您寶貴的經驗,送出前請詳閱以下條款: