直接在文章中输入文字!百度、GE这种专属邀请函排版怎么做?

i排版编辑器

发布于:2026-03-23

摘要:

春季来临,各种展会、发布会不断。


在前几天给大家整理的《展会、发布会等邀请函SVG交互图文案例合集》中,有一个排版效果深受各大品牌喜爱。


那就是在支持在文章中直接输入文字的专属邀请函玩法


比如百度的这个:


 

点击输入姓名




*素材来自百度来自「百度世界2024」独one无two的邀请函

组件:输入文字-图片

编号:12135(组件)

还有GE医疗这个:


 

请输入姓名



*素材来自GE医疗来这里,生成您进博会专属邀请函

组件:输入文字-图片

编号:12135(组件)

两个效果是一样的,我们可以在横线处输入自己的姓名,生成一份独属于自己的邀请函。


在没有看到这种效果之前,很多小伙伴都不敢相信,公众号文章中竟然还可以直接输入文字。


今天就教大家用i排版SVG编辑器的「输入文字-图片」组件(编号:12135)来实现同款效果。


以GE医疗的为例,一起看下教程吧:


详细教程:


工具:i排版SVG编辑器,网址:SVG.iPaiban.com

组件:输入文字-图片

编号:12135(组件)


第1步:选择组件


登录i排版SVG编辑器后,点击编辑器左侧「组件」按钮,在「组件」分类中找到「输入文字-图片」组件,或者直接搜索组件编号12135,点击选择。



第2步:上传图片素材


点击左侧「换图」按钮上传1张背景图。图片注意预留输入文字的空间。



第3步:调整效果参数


输入「输入框初始内容」,以及进行字体大小、颜色和对齐方式的设置。



第4步:调整文字显示区域


双击编辑区图片,调出调整窗口。红色色块为文字的位置,拖拉色块到图片的合适区域,然后点击「保存设置并退出」即可。



点击最右侧「预览草稿」可随时预览效果,以便及时进行调整。



第5步:导入公众号后台


调整效果满意后点击同步至微信后台同步到自己的公众号就可以了。



使用同步功能不用频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码预览在公众号的效果。


如需局部导入可参《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。




制作SVG交互图文认准i排版SVG编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端谷歌浏览器打开,即可注册,编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。 

图片

● SVG交互排版👇🏻

 





iPaiban 团队可提供运营服务、视频制作、创意策划、多种风格设计、SVG交互开发等服务,如需定制,请添加玉兔微信(ID:playhudong15)沟通咨询。

 


图片

图片

                            
图片