有什么让人眼前一亮的微信推送？

　　既然你诚心诚意地邀请我了

　　我就大发慈悲地…

　　欢迎你来关注我的公众号xD

　　我讨厌看推送

　　最喜欢的推文是，广州柏悦酒店（ParkHyattGuangzhou）。

　　看他们的文章推送，即使明知道是广告，也觉得是享受。

　　最近人民日报的点亮武汉很火啊，建议你可以使用这种方式进行推文，保证让人眼前一亮~

　　由于知乎不能放置svg样式，所以提前先把文章链接放出来，点击链接可以自己手动感受一下点亮样式的效果。如何像人民日报一样『点亮武汉』？

　　相信大家今天都被人民日报的一篇推文刷屏了吧！这篇推文罗列出武汉的著名景点，将他们做成SVG动态效果，用户可以通过点击，达到点亮的效果。

　　为了方便胖友们的观看，三儿将这些图做成了动图，胖友们可以通过滑动来进行查看哦！

　　

　　

　　

　　

　　

　　

　　

　　

　　图片来源：人民日报

　　怎么样，是不是超级炫酷。这篇推文一经发出，瞬间刷爆全网，短时间内，取得了阅读在看双破10万+的成绩。

　　不少胖友纷纷来找三儿，询问这种推文是如何制作的。

　　这个简单，今天三儿就来教你们如何制作吧！

　　

　　

　　↓点击图片，点亮武汉↓这段文字防止纯图片不显示

　　图片切换样式ID:97878

　　

　　由于编辑器升级了专业版，简化了部分svg样式的操作流程，使得修改svg样式大部分参数无需再通过html代码实现。本点击样式所有参数都可通过动画设置调整。

　　

　　将编辑器切换到专业版模式，点击样式区域弹出对话框，在【全局样式】中点击动画按钮，开始修改SVG样式参数。

　　

　　这里需要注意的是：不是所有样式都有动画选项哦，只有SVG样式会有动画显示！

　　1.上传图片

　　首先，我们需要将图片上传至135编辑器中。选择编辑区上方的图片上传按钮，选择你制作好的图片（两张图片需尺寸一样），点击上传按钮。

　　

　　图片上传成功后，我们需要复制图片的地址才能够使用图片。

　　在135编辑器中，找到左侧的『图片素材』，在这里保存着你所在135编辑器中上传的图片。找到你刚上传的图片素材，点击下方的复制按钮，即可复制图片的地址。

　　

　　2.使用样式

　　点击『显示底图样式』，选择专业版编辑器菜单中的『动画』按钮，进入到『动画』编辑界面。

　　

　　在这里，我们可以对整个样式进行修改。胖友们只需要将刚才保存的图片地址粘贴至图片链接中即可。

　　

　　为了方便胖友们的操作，在动画编辑区域我们新增了动画展示框，胖友们完成图片的设置后，可以在右侧的展示区里点击样式查看效果哦！

　　

　　Tip：这里需要注意的是，样式中使用的两张图需要大小一致，否则会使样式点击后显示有问题。

　　3.修改样式代码

　　有胖友可能要问了，那如果我的图片不是竖版的该怎么办呢？

　　别急，三儿来教你通过修改代码来解决！

　　首先将我们的样式插入至135编辑器中，选中样式后点击HTML代码进入代码编辑界面。

　　

　　找到三儿标注出来的地方，将数字改为你图片的大小就可以开始按照上面的步骤进行修改了。

　　

　　PS：不知道你图片的大小是多少？双击图片后选择『插入远程图片』，右侧就会显示这个图片的具体尺寸哦！

　　

　　3.修改持续时间

　　“我想让点击后的动画时间长一点，该如何制作呢？”

　　这个就更简单啦，还是需要通过『修改HTML代码』来实现哦，不过这次只需要更改一个数字就可以了！

　　首先，一定要先选中我们的样式，然后点击『HTML代码』按钮。

　　

　　然后找到 dur="2s" 这行代码，将里面的数字『2』更换为你想要让动画显示的时长，即可完成。

　　

　　注意事项：

　　这里需要注意的是，排版完成后的推文需要使用135编辑器的保存同步功能，如果使用复制粘贴功能会导致样式失效哦！

　　满意的话请点赞评论关注三连哦~更多的排版教程|涨粉技巧|运营指南，请关注公众号135编辑器（ID：editor135）

　　那肯定是SVG互动推文了啊。苹果-svg互动式推文

　　微信互动式SVG推文是基于SVG代码，结合HTML+CSS能够在微信图文里实现类似H5的动态交互效果。

　　微信公众号作为各大品牌主对外营销的主要渠道，枯燥的文字和静态的图片已不能吸引用户眼球，SVG交互式图文顺势而生，这两年深受各大品牌广告主喜爱。甚至官媒，在今年两会的推文里加入了这股潮流中。

　　相对比传统静态图文，对于品牌来说，微信互动式SVG推文有特别多的优势：

　　1.提高粉丝参与度，需要操作才能完成内容展示；

　　2.提升趣味性，丰富的交互方式让图文秒趣横生；

　　3.提高转化率，在动态引导下各项指标快速提升；

　　4.节约成本，SVG交互效果媲美H5视频，成本更低；

　　5.品牌美誉度，丰富的场景呈现，品牌传播更广泛。

　　6.借助微信平台，实现社会化营销，引发病毒式转发。

　　下面给大家分享一下几个经典案例：

　　通过SVG模仿微信最新的“拍一拍”功能，采用了点击+图片拉伸的方式，加强了推文的互动性并巧妙地介绍了产品。点击下方链接即可体验：先拍为敬

　　通过SVG技术将内容极为丰富的超长图融入公众号中，在用户滑动长图的过程中逐步了解旗舰店内容。点击下方链接即可体验：https://mp.weixin.qq.com/s/oO2L7PS_0neeHS37wxqOsw

　　结合SVG点击、长按、背景滑动等不同的方式引导客户了解产品特点，最终将整体产品的特点传递给用户。点击下方链接即可体验：https://mp.weixin.qq.com/s/rhULRaLlrUIgut-haK2iqA

　　

　　通过实现点击公众号特定区域后弹出指定图片的效果可引导用户点击小彩蛋以及电影详情来实现与用户的交互，增强互动性。给你点颜色看看

　　金沙中国是AdBright皓量科技内容营销技术服务的客户，上述案例由AdBright技术人员打造。

　　AdBright能够结合客户创意需要，基于SVG等核心技术，在H5/微信推文中植入大量代码，精准控制各元素展示时间、位置及轨迹，优化加载速度，提升内容的可玩性、互动性和流畅度，最终提升品牌曝光度、内容传播效率和营销效果。

　　对我们感兴趣？点击下方链接和我们聊聊吧https://h5.adplusx.com/delivery/tool/landing/page?landingId=1002118&datetime=1597223174943