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