公眾號(hào)爆款！一鍵制作Airbnb旋轉(zhuǎn)彈窗
【公眾號(hào)運(yùn)營(yíng)必看】3步搞定愛彼迎同款旋轉(zhuǎn)彈窗！無需代碼，135SVG編輯器教你用“雙層旋轉(zhuǎn)+點(diǎn)擊彈窗”效果，提升推文互動(dòng)率。政策宣傳、產(chǎn)品營(yíng)銷、校園展示通用，點(diǎn)擊立即學(xué)習(xí)>>
終終終終終終終...于
太陽出來了
最近百花齊放
讓人很想要走出逼仄的房間
去看看隨風(fēng)飛舞的櫻花
躺在翠綠的草坪
曬著太陽
這不三兒就打開了
愛彼迎想要來一場(chǎng)說走就走的旅行
結(jié)果你猜三兒發(fā)現(xiàn)了啥
愛彼迎使用旋轉(zhuǎn)目標(biāo)地卡片，點(diǎn)擊卡片展示目的地詳情如住宿、美食、休閑方式。利用卡片旋轉(zhuǎn)讓圖文整體顯得整潔清爽，而使用彈出圖又能進(jìn)一步豐富文章內(nèi)容，使其更加飽滿，我們可以學(xué)習(xí)愛彼迎這樣的思路。他是旅游目的地介紹，我們政務(wù)可以是政策介紹、城市營(yíng)銷；企業(yè)可以是產(chǎn)品介紹、產(chǎn)品營(yíng)銷；學(xué)校可以是近期活動(dòng)展示、優(yōu)秀同學(xué)展示、優(yōu)秀作品展示等。
如果我們也想要制作同款效果應(yīng)該如何實(shí)現(xiàn)呢？別著急教程馬上呈現(xiàn)。
我們先進(jìn)入SVG編輯器
在編輯器左側(cè)「互動(dòng)效果」中
搜索組件
雙層自動(dòng)旋轉(zhuǎn)輪播+ 頂層點(diǎn)擊彈窗
（可設(shè)置角度）
組件ID:980
選擇組件到編輯頁面
開始上傳背景圖
隨后按照需求上傳輪播圖
以及彈出圖
「你這旋轉(zhuǎn)卡片都重疊在一起了
能不重疊嗎」
當(dāng)然可以
我們?cè)诰庉嬳撁嫦路秸业健感D(zhuǎn)角度」
按需調(diào)整旋轉(zhuǎn)角度即可
當(dāng)然你還可以調(diào)整旋轉(zhuǎn)方向
「順時(shí)針」「逆時(shí)針」
任君挑選
最后我們需要設(shè)置關(guān)鍵的一步
「熱區(qū)觸發(fā)」
在編輯頁面右上區(qū)域
有一個(gè)頁面選擇
我們點(diǎn)擊選擇到「第二頁」
進(jìn)行彈出熱區(qū)的設(shè)置
制作完成后
我們選擇右上角「導(dǎo)出」
選擇復(fù)制到135編輯器或是微信后臺(tái)
背景圖和輪播圖需要寬高尺寸一致，彈出圖尺寸不做要求，但需要格外注意的是若彈出圖的尺寸小于輪播圖，彈出熱區(qū)可按需設(shè)置，若彈出圖大于輪播圖，需要將熱區(qū)鋪滿彈出圖。
情況一：彈出圖尺寸大于輪播圖
熱區(qū)設(shè)置需鋪滿輪播圖
情況二：彈出圖尺寸小于輪播圖
熱區(qū)設(shè)置可自定義
以上就是今天大牌效果安利&教學(xué)
旋轉(zhuǎn)輪播+彈出
這個(gè)效果適用場(chǎng)景多
非常推薦小伙伴們使用
大家還有什么想看想學(xué)的
記得在評(píng)論區(qū)留言噢
這里是135編輯器
咱們明天不見不散
立即登錄
