微信朋友圈H5卡片製作方法?

隨著2015年尾聲的臨近,不知不覺2015年已經過去了88.22%,面對馬上來臨的小年、新年,今天給大家介紹下如何在微信中定製卡片來傳播祝福,在不需要H5變成的情況下利用mugedaH5在線工具製作可定製的微信賀卡。

工具/原料

微信H5頁面的製作素材,包括圖片,音樂,文案等

方法/步驟

創建作品

微信朋友圈H5卡片製作方法

選擇一個動畫尺寸,可以選擇預設的尺寸,也可以手動輸入自定義尺寸和自適應尺寸。

微信朋友圈H5卡片製作方法

工具中可添加的元素類型有圖片、文本、矩形、圓角矩形、橢圓。對於除了圖片以外的元素類型,都可以通過在工具欄中選中所需元素對象,然後單擊或者拖動到舞臺上來添加。

微信朋友圈H5卡片製作方法

微信朋友圈H5卡片製作方法

然後可以在屬性對話框中進一步編輯其參數,包括文字、顏色、位置、寬高、對齊方式、字號等等。

微信朋友圈H5卡片製作方法

圖片和文字的內容、效果大家發揮腦洞設置,最關鍵的地方是做一個按鈕並命名為“定製”。當微卡發佈到微卡框架中後,改定製按鈕並不會被顯示所以可以放到舞臺外面。在該按鈕上添加動作:表單。如下圖:

微信朋友圈H5卡片製作方法

編輯表單:"提交方式"選“get”;“提交目標”選“微信定製入口”;“確認消息”填入定製完成後跳轉前彈出的提示信息,默認可以填入“定製成功!將跳轉到定製的賀卡頁面。如果不滿意,可在看到的賀卡頁面繼續定製。如果滿意,點擊微信右上角的共享圖標就可以轉發給朋友了。”,該信息可以根據自己需要修改;添加表單項後面章節會具體介紹。如下圖

微信朋友圈H5卡片製作方法

添加表單項:表單項與微卡中要定製的內容一一對應:

微信朋友圈H5卡片製作方法

編輯表單項:如果是單行文字類型選擇:input;多行文字類型選textarea。點擊每項右邊的編輯按鈕來編輯表單項。表單項的設置與對應的要定製的內容的設置一一對應,下面以祝福語的定製表單項為例介紹:表單項的名稱,和要定製的內容的名字是要相同的。“取值”則為定製表單項的默認值。

微信朋友圈H5卡片製作方法

最後一步,生成。

注意事項

特別強調注意:定製按鈕的名字一定要命名為“定製”,只有這樣微卡發佈到微卡框架中後按鈕才能被替換為框架按鈕。

相關問題答案