公眾號爆款!一鍵制作Airbnb旋轉(zhuǎn)彈窗
【公眾號運營必看】3步搞定愛彼迎同款旋轉(zhuǎn)彈窗!無需代碼,135SVG編輯器教你用“雙層旋轉(zhuǎn)+點擊彈窗”效果,提升推文互動率。政策宣傳、產(chǎn)品營銷、校園展示通用,點擊立即學(xué)習(xí)>>

終終終終終終終...于
太陽出來了
最近百花齊放
讓人很想要走出逼仄的房間
去看看隨風(fēng)飛舞的櫻花
躺在翠綠的草坪
曬著太陽
這不三兒就打開了
愛彼迎想要來一場說走就走的旅行
結(jié)果你猜三兒發(fā)現(xiàn)了啥





愛彼迎使用旋轉(zhuǎn)目標(biāo)地卡片,點擊卡片展示目的地詳情如住宿、美食、休閑方式。利用卡片旋轉(zhuǎn)讓圖文整體顯得整潔清爽,而使用彈出圖又能進一步豐富文章內(nèi)容,使其更加飽滿,我們可以學(xué)習(xí)愛彼迎這樣的思路。他是旅游目的地介紹,我們政務(wù)可以是政策介紹、城市營銷;企業(yè)可以是產(chǎn)品介紹、產(chǎn)品營銷;學(xué)??梢允墙诨顒诱故尽?yōu)秀同學(xué)展示、優(yōu)秀作品展示等。
如果我們也想要制作同款效果應(yīng)該如何實現(xiàn)呢?別著急教程馬上呈現(xiàn)。



我們先進入SVG編輯器
在編輯器左側(cè)「互動效果」中
搜索組件
雙層自動旋轉(zhuǎn)輪播+ 頂層點擊彈窗
(可設(shè)置角度)
組件ID:980
選擇組件到編輯頁面
開始上傳背景圖
隨后按照需求上傳輪播圖
以及彈出圖
「你這旋轉(zhuǎn)卡片都重疊在一起了
能不重疊嗎」
當(dāng)然可以
我們在編輯頁面下方找到「旋轉(zhuǎn)角度」
按需調(diào)整旋轉(zhuǎn)角度即可
當(dāng)然你還可以調(diào)整旋轉(zhuǎn)方向
「順時針」「逆時針」
任君挑選
最后我們需要設(shè)置關(guān)鍵的一步
「熱區(qū)觸發(fā)」
在編輯頁面右上區(qū)域
有一個頁面選擇
我們點擊選擇到「第二頁」
進行彈出熱區(qū)的設(shè)置
制作完成后
我們選擇右上角「導(dǎo)出」
選擇復(fù)制到135編輯器或是微信后臺


背景圖和輪播圖需要寬高尺寸一致,彈出圖尺寸不做要求,但需要格外注意的是若彈出圖的尺寸小于輪播圖,彈出熱區(qū)可按需設(shè)置,若彈出圖大于輪播圖,需要將熱區(qū)鋪滿彈出圖。
情況一:彈出圖尺寸大于輪播圖
熱區(qū)設(shè)置需鋪滿輪播圖
情況二:彈出圖尺寸小于輪播圖
熱區(qū)設(shè)置可自定義

以上就是今天大牌效果安利&教學(xué)
旋轉(zhuǎn)輪播+彈出
這個效果適用場景多
非常推薦小伙伴們使用
大家還有什么想看想學(xué)的
記得在評論區(qū)留言噢
這里是135編輯器
咱們明天不見不散

立即登錄



