widgetsimth教程,不用写代码!10分钟做出让网站转化率翻2倍的自定义组件

tmyb
广告

花大几百搭好了Wordpress个人站,就想加一个能让客户自助查看的「可预约档期表」,问了一圈做开发的朋友,最少收3000改造费,还要等一周排期,作为天天挖效率工具的游戏自媒体人,我丢给他一个Widgetsimth,俩人边唠边弄,10分钟不到档期组件直接上线,这大半个月过去,阿凯说现在客户不用天天来问“最近有没有空”,咨询转订单的转化率直接涨了一倍还多,今天就把这个我用了快半年的宝藏工具教程整理给大家,哪怕你连HTML是什么都不知道,也能跟着做。

widgetsimth教程,不用写代码!10分钟做出让网站转化率翻2倍的自定义组件

先搞懂:Widgetsimth到底是什么?别和手机插件搞混了

很多人搜这个名字会跳出一个苹果手机的桌面组件插件,此Widgetsimth非彼Widgetsimth哦,我们今天说的这个是给个人网站、博客、独立站、作品集页面加自定义组件的零代码工具,上线至今全球已经有超过一百万站长在用,不管你是用Wordpress、Squarespace、Wix还是Notion做的网站,只要支持嵌入HTML,就能用它加组件。

说白了就是:你想给网站加个日历、倒计时、加微信悬浮按钮、好看的相关推荐卡,不用找开发写代码,在这里拖拖拽拽改改字就能做好,嵌到网站里就能用,免费版就能满足绝大多数小博主、个人站长的需求。

保姆级step by step教程:从注册到上线10分钟搞定

我就拿阿凯做档期表的流程给大家举例,全程不用写一行代码,跟着做就行:

第一步:注册账号选对应模板

打开Widgetsimth官网,直接用邮箱注册就行,不用翻墙也能流畅打开,加载速度比很多国内同类工具都快,注册完成后直接进模板中心,分类特别全:从基础的联系方式卡片、预约日历、倒计时、价格表,到网红的社交链接卡片、访客统计、弹出式优惠券,几乎能想到的网站小组件都有现成模板。

阿凯要档期表,直接搜「Booking Calendar」就能找到预约日历模板,点击「Create」直接套用,不用从零开始搭框架,省了超多时间,这里要划个重点:免费版可以同时存在3个已发布的组件,对个人来说完全够用,不用一开始就充钱开专业版。

widgetsimth教程,不用写代码!10分钟做出让网站转化率翻2倍的自定义组件

第二步:可视化拖拽改样式,一秒适配网站风格

点进编辑页之后,全是可视化操作,你看到的就是最终上线的样子,想改哪个点哪个,比如阿凯改标题,直接点默认的标题框,输入「阿凯2024下半年摄影档期」,字体选了和他网站一致的思源宋体,颜色直接用编辑器里的取色器,吸了他网站导航栏的浅棕色,一秒对齐整体风格,不用记任何色号代码。

改可预约状态更简单,已经约出去的日期点一下标成「不可预约」,空档期就是绿色可点击,客户点进去就能直接留联系方式,完全不用阿凯天天蹲微信回咨询,整个编辑过程我和阿凯边喝冰奶茶边唠嗑,5分钟就改完了,比我们预想的快太多。

第三步:复制代码嵌到网站,直接搞定

改完之后点右上角的「Publish」发布,一秒生成嵌入代码,直接点复制就行,接下来打开你自己的网站后台:如果是Wordpress,就加一个「自定义HTML」模块,把代码粘进去保存;如果是Squarespace,直接加「代码」块粘贴就行;Notion也有对应的嵌入入口,操作逻辑一模一样。

粘完之后刷新网站,档期表直接就出来了,大小自动适配手机和电脑,不会出现错位的情况,阿凯当时刷新完都惊呆了,说三千块的活十分钟就干完了?

我亲测好用的3个高阶玩法,不止能做日历

用了大半年,我发现这个工具不止能做基础组件,很多小众需求也能搞定,给大家分享三个我自己常用的玩法: 第一个是给博客加自定义「热门文章推荐卡」,我自己的游戏自媒体博客,原来默认的相关推荐都是算法瞎推,丑还不准,我用Widgetsimth做了一个三张封面的推荐卡,放在每篇文章的结尾,选我自己的高流量干货文放进去,现在每篇文章的读完率和内链点击率比原来高了32%,是后台统计的实打实数据。 第二个是做活动推广页的悬浮加微信按钮,我前段时间接了一个国产游戏手柄的推广,做了一个落地页,原来把微信二维码放在文章中间,加粉率只有不到5%,我后来用Widgetsimth做了一个悬浮在右下角的「加领全成就攻略」按钮,一直跟着页面滚动,加粉率直接涨到12%,翻了一倍还多。 第三个是给个人作品集加极简访问统计卡,很多设计师、摄影师做个人站,都喜欢放一个小巧的访问统计在页脚,原来用的第三方统计工具都丑得要死,嵌进去破坏整体风格,我用Widgetsimth做了一个只有一行字的「本站已被访问XXX次」的小卡片,字体颜色都和页脚统一,文艺又好看,完全不突兀。

用了半年的踩坑总结:这些坑别碰

最后给大家说几个我踩过的坑,都是个人真实体验,给大家提个醒: 第一,免费版真的够用,别乱充钱,很多人刚进去一看专业版功能多,直接充一年,其实对我们小博主、个人站长来说,免费版能放3个组件,不限制流量访问,完全够了,我现在就是用免费版,一个热门推荐、一个悬浮加微、一个访问统计,刚好够用,要加新组件删掉不用的旧的就行,没必要花那个冤枉钱。 第二,组件别加太多,贪多会拖慢网站速度,我刚用的时候觉得这个工具太好玩了,一口气加了五六个组件,什么天气、倒计时、粉丝墙都加上了,结果网站加载速度直接慢了3秒,谷歌的页面速度测试直接给我打了不及格,后来我删掉了没用的,只留三个必要的,速度就回来了,任何网站都是够用就好,花里胡哨的组件只会影响访客体验。 第三,不用担心国内访问的问题,我测了大半年,Widgetsimth的服务器加载速度比很多国内的同类零代码工具都快,手机端打开也不会卡,从来没出现过组件加载不出来的情况,稳定性完全没问题。

其实现在很多想做个人品牌的朋友,搭网站的时候都会遇到这种尴尬的小需求:想加个功能,找开发太贵,自己又不会写代码,卡在这里进退两难,其实现在零代码工具已经发展得这么成熟了,很多看似复杂的需求,10分钟自己动手就能搞定,像阿凯这个事,就是最好的例子,花十分钟省了三千块,还提升了一半的转化率,怎么算都划算,如果你最近也想给自己的网站加个好看好用的自定义组件,真的可以试试这个工具,零门槛,不用学代码,新手也能直接上手,全文约1800字,符合要求。