請輸入_________
點擊輸入小目眾所周知，已發布的公眾號圖文里是不能輸入文字的，但是……也不是完全不能，就像上面一樣。
iPaiban Pro 編輯器最新上線「輸入文字+點擊切換」組件（編號：11217），使用這個組件我們就可以實現在公眾號圖文里輸入文字的功能，而且是在圖片上，輸入后還可以點擊切換圖片。
「局部氣候調查組」也曾在《線上許愿機》一文中將輸入文字功能與許愿的創意結合使用：
不過原文中的更復雜一些，不同人點擊后切換出現的圖片是隨機的，使用編輯器制作點擊切換后的圖片目前只能是固定的。
使用該效果還可以有更多創意，比如一封信落款處讓用戶填寫自己的名字，并提示截圖分享，或者在聊天頁面的圖片上，讓用戶輸入聊天內容然后點擊發送，不過需要引導用戶輸入固定的內容，讓點擊后切換的圖片正好對應上。
這里拋磚引玉，更有意思的玩法大家自行發揮。一起看下怎么制作的吧：
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com
組件：輸入文字+點擊切換
編號：11490（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「特殊」分類中找到「輸入文字+點擊切換」組件，或者直接搜索組件編號11490，點擊選擇。
第2步：上傳圖片素材
點擊左側兩個「換圖」按鈕，分別上傳點擊前和點擊后的圖片。兩張圖片尺寸需保持一致，點擊前的圖片注意預留輸入文字的空間。
第3步：調整效果參數
輸入「輸入框初始內容」，以及進行字體大小和顏色的設置。
第4步：調整文字顯示和點擊切換的觸發區域
雙擊編輯區圖片，調出調整窗口。其中紅色色塊用于設置文字的位置，藍色色塊為點擊觸發區域，分別拖拉兩個色塊到圖片的合適區域，然后點擊「保存設置并退出」即可。
點擊最右側「預覽草稿」可隨時預覽效果。
第5步：導入公眾號后臺
調整效果滿意后點擊「同步至微信后臺」同步到自己的公眾號就可以了。
使用同步功能不用頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導入可參考：《iPaiban Pro小助手v2.0安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）