因?yàn)樵谕莆睦锛尤胍粋€(gè)超鏈接或者小程序卡片，相比掃描二維碼，是更加直接的轉(zhuǎn)化方式。

不過，這里通常還需要加入一個(gè)引導(dǎo)動(dòng)作，來引導(dǎo)用戶來發(fā)出點(diǎn)擊動(dòng)作，進(jìn)入活動(dòng)落地頁購買商品。

?常見的引導(dǎo)有文字引導(dǎo)，比如【點(diǎn)擊查看】【關(guān)注我們】：

點(diǎn)擊藍(lán)字

關(guān)注我們

樣式ID：102759

樣式ID：103546

樣式ID：102593

?還有這種各大品牌推文里用得比較多的按鈕引導(dǎo)：

注冊會(huì)員 領(lǐng)取福利

樣式ID：99161

?另外，還有一種更加吸引讀者注意力，轉(zhuǎn)化率更高的動(dòng)態(tài)按鈕，這種動(dòng)態(tài)按鈕可以用SVG編輯器來實(shí)現(xiàn)：

·

SVG跳動(dòng)效果按鈕

點(diǎn)擊跳轉(zhuǎn)超鏈接

【效果描述】：背景圖上可以放置1個(gè)或多個(gè)按鈕圖片，按鈕呈現(xiàn)放大縮小彈跳效果，按鈕圖片可設(shè)置超鏈接，不顯示微信默認(rèn)的跳轉(zhuǎn)圖標(biāo)，可用于引導(dǎo)點(diǎn)擊參與營銷活動(dòng)、點(diǎn)擊紅包等。

·

SVG跳動(dòng)效果按鈕

點(diǎn)擊跳轉(zhuǎn)小程序

【效果介紹】：背景圖上可以放置1個(gè)或多個(gè)按鈕圖片，按鈕呈現(xiàn)放大縮小彈跳效果，按鈕圖片可設(shè)置小程序鏈接，不顯示微信默認(rèn)的跳轉(zhuǎn)圖標(biāo)，可用于引導(dǎo)點(diǎn)擊參與營銷活動(dòng)、點(diǎn)擊紅包等。

由于跳動(dòng)按鈕-點(diǎn)擊跳轉(zhuǎn)超鏈接的操作相對簡單，三兒今天就用跳轉(zhuǎn)小程序的SVG來講講，看完你就都會(huì)操作啦！

跳動(dòng)效果按鈕-點(diǎn)擊跳轉(zhuǎn)小程序

通過135編輯器左側(cè)入口進(jìn)入svg編輯器

或者直接在瀏覽器輸入svg編輯器網(wǎng)址進(jìn)入：

http://d1167.cn/svgeditor/

在『互動(dòng)效果』欄目下的【小程序】里，點(diǎn)擊『跳動(dòng)效果按鈕一點(diǎn)擊跳轉(zhuǎn)小程序』素材，將其添加到編輯區(qū)域。

在編輯器右側(cè)分別上傳背景圖和按鈕圖片；

上傳之后，鼠標(biāo)拖動(dòng)按鈕圖片，將按鈕拖動(dòng)到背景圖上適合的位置。

打開微信公眾號(hào)平臺(tái)，新建一篇圖文消息，點(diǎn)擊上方的【小程序】按鈕；

輸入需要添加的小程序名稱，點(diǎn)擊下一步；

任意選擇一種小程序的展示方式，并配置好相應(yīng)的文字或圖片，點(diǎn)擊確定；

完善標(biāo)題和封面圖后，點(diǎn)擊保存這篇文章；

從圖文素材中點(diǎn)擊剛剛保存的文章的標(biāo)題，進(jìn)入文章的臨時(shí)預(yù)覽頁面，在網(wǎng)址欄中復(fù)制該文章的地址；

點(diǎn)擊小程序素材右側(cè)的【一鍵獲取代碼】按鈕，將預(yù)覽文章鏈接粘貼到輸入欄中；

點(diǎn)擊【開始獲取】按鈕，即可提取使用小程序的appid和路徑path。

【動(dòng)畫時(shí)長】：按鈕每次動(dòng)態(tài)放大縮小持續(xù)的時(shí)間，時(shí)長越大縮放越慢

【按鈕放大倍數(shù)】：按鈕放大時(shí)呈現(xiàn)的大小是實(shí)際大小的倍數(shù)，數(shù)值越大，按鈕放大時(shí)的尺寸越大

制作好的SVG文章可以通過使用『同步』或『導(dǎo)出』功能，保存到微信公眾號(hào)平臺(tái)（ps:不知道咋同步和導(dǎo)出的胖友，點(diǎn)擊按鈕，根據(jù)提示操作即可）

注意：

由于素材特殊性，預(yù)覽時(shí)無法查看素材效果，需要通過同步功能保存成微信文章才能預(yù)覽真實(shí)效果

跳動(dòng)按鈕-點(diǎn)擊跳轉(zhuǎn)超鏈接省略了獲取小程序appid和path的步驟，只需要輸入超鏈接即可。

以上就是今天的SVG教程

學(xué)會(huì)了的胖友趕緊實(shí)操起來吧

下一期你想看什么

歡迎在評論區(qū)留言哇~