关注弹出窗口生成器

免费关注弹出窗口生成器和网站弹出窗口生成器。设计平台准确的关注/订阅弹出窗口、实时徽章和子目标栏(透明 PNG/SVG),或带有复制粘贴嵌入代码的电子邮件注册/退出意图弹出窗口。无需注册,在本地运行。

由 Shehzad Munir 构建和维护 ·

关注弹出窗口生成器
Loading Popup Studio
  • 图像工具
  • 自由的 · 无需注册
  • 在您的浏览器中运行
  • 8特点
Share

平台准确的流和视频叠加

两个工作室合而为一。为 Instagram、TikTok、YouTube、Twitch、X 和 Facebook 构建平台精确的关注和订阅弹出窗口,以及 LIVE 徽章、订阅者目标栏和成就横幅,并将它们导出为透明的 PNG 或可扩展的 SVG 格式,用于您的视频和流。或者切换到网站弹出模式并设计电子邮件注册、时事通讯、折扣、退出意图、社交关注或公告弹出窗口,然后将干净、独立的 HTML/CSS/JS 嵌入代码直接复制到任何网站中。一切都在您的浏览器本地呈现,没有上传任何内容,也无需注册。

Follow Popup Generator 构建了创作者随处使用的号召性用语图形,每一张的绘制都与真实平台相匹配:带有渐变故事环的 Instagram 关注卡、经过蓝色验证的勾号和精确的 Instagram 蓝色关注按钮、TikTok 红色关注、带有铃铛的现代黑色 YouTube 订阅药丸、带有心形的 Twitch 紫色关注卡以及 X 和 Facebook 关注卡。添加订阅者计数器、带有观看者计数的动画红色 LIVE 徽章、订阅者目标进度条和成就横幅。选择一个预设,填写名称、句柄和计数,它会立即渲染为 SVG,因此在任何分辨率下都保持锐利,然后导出为透明 PNG,直接放到游戏、网络摄像头或缩略图上。

特征

  • 平台准确的关注弹出窗口:Instagram、TikTok、YouTube、Twitch、X 和 Facebook
  • 频道计数器、订阅 + 响铃、LIVE 徽章和订阅者目标栏
  • 网站弹出窗口构建器:电子邮件注册、时事通讯、折扣、退出意图、社交关注和公告栏
  • 复制粘贴 HTML/CSS/JS 嵌入代码 — 无库,适用于 WordPress、Shopify、Webflow 或任何 HTML 页面
  • 中心模式、滑入式、顶栏或底栏布局,带有加载/延迟/滚动/退出意图触发器
  • 上传真实头像照片、自定义关注/关注标签、经过验证的徽章和故事环
  • 纯色或渐变背景、圆角半径、阴影和 1×/2×/4× 导出
  • 透明 PNG + 可缩放 SVG 导出,全部本地渲染

如何使用关注弹出窗口生成器

  1. 1

    选择工作室

    为 PNG/SVG 图形选择社交和流叠加,或为可嵌入代码选择网站弹出窗口。

  2. 2

    选择预设

    叠加:Instagram、TikTok、YouTube、Twitch、X、Facebook、LIVE、子目标或成就。弹出窗口:电子邮件、时事通讯、折扣、退出意图、社交或公告。

  3. 3

    定制它

    设置名称、句柄、计数、颜色、背景和切换,或弹出标题、按钮、布局和触发器。

  4. 4

    导出或嵌入

    下载透明 PNG/SVG,或复制 HTML/CSS/JS 嵌入代码(或 .html 文件)。没有任何东西离开您的浏览器。

常见用例

  • 在视频上叠加平台准确的关注或订阅弹出窗口
  • 将带有观看者计数的动画红色 LIVE 徽章添加到流中
  • 在直播期间显示订阅者目标栏
  • 使用嵌入代码将电子邮件注册或新闻通讯弹出窗口添加到您的网站
  • 通过退出意图折扣弹出窗口恢复离开的访客
  • 在任何页面顶部运行公告或促销栏
  • 用成就横幅庆祝里程碑

详细指南

具有复制粘贴代码的真正网站弹出窗口构建器

切换到网站弹出模式,您将获得完全选择加入的构建器。选择电子邮件注册、时事通讯、折扣/促销、退出意图、社交关注或公告栏;选择中心模式、滑入式、顶部或底部栏布局;设置标题、正文、按钮、电子邮件字段、颜色、圆角半径和叠加暗淡;并选择何时触发——加载时、延迟后、滚动时或退出意图时。实时模拟浏览器预览准确显示访问者所看到的内容,并且该工具会生成一个干净、独立的 HTML/CSS/JS 片段,其中包含每个访问者显示一次选项,您可以将其粘贴在 WordPress、Shopify、Webflow 或任何 HTML 页面上的结束正文标记之前。没有插件,没有第三方库,也没有帐户。

常见问题

如何为视频创建关注或订阅弹出窗口?

打开社交和流叠加工作室,选择一个平台(Instagram、TikTok、YouTube、Twitch、X 或 Facebook),输入名称、用户名和关注者数量,设置开关,然后下载透明的 PNG 或 SVG。每张卡片的绘制都与真实平台的按钮和布局相匹配。

叠加弹出窗口是否透明?

是的。每个叠加层都以 PNG 形式导出到透明背景上,因此它可以干净地放置在游戏、网络摄像头或视频上,您还可以将其下载为可扩展的 SVG。导出之前可以选择添加纯色或渐变背景。

如何创建用于电子邮件注册的网站弹出窗口?

切换到网站弹出模式,选择电子邮件注册类型,编辑标题、正文、按钮和电子邮件占位符,选择布局和触发器,然后将生成的 HTML/CSS/JS 嵌入代码复制到您的网站中。然后,访问者会看到电子邮件注册弹出窗口 - 无需注册即可构建它。

我可以获得 WordPress、Shopify 或任何网站的复制粘贴代码吗?

是的。网站弹出工作室输出一个干净、独立的片段,没有外部库。将其粘贴到 WordPress、Shopify、Webflow 或任何 HTML 页面上的结束 </body> 标记之前,或将其下载为 .html 文件。

我可以制作哪些类型的网站弹出窗口?

电子邮件注册、时事通讯、折扣/促销、退出意图、社交关注和公告栏 - 作为中心模式、滑入式、顶部栏或底部栏,每个栏均可自定义文本、颜色、圆角半径和叠加暗淡。

弹出窗口可以在退出意图时或延迟后触发吗?

是的。选择一个触发器 - 在页面加载时、在您选择的延迟之后、滚动时 (40%) 或退出意图时(当光标离开页面时) - 它内置于生成的脚本中,并具有存储在 localStorage 中的可选每个访问者显示一次设置。

我可以在叠加层上显示“关注”状态或经过验证的徽章吗?

是的。关注预设在“关注”和“关注”之间切换,显示平台色的已验证支票,Instagram/TikTok 可以显示渐变故事环。您还可以上传真实的头像照片。

我可以设置订户目标百分比吗?

是的。订户目标预设有一个从 0 到 100% 的进度滑块,可实时填充渐变条,以及当前和目标计数字段。

我的数据上传了吗?

不会。两个工作室都完全在您的浏览器中运行 - 使用 SVG 进行叠加渲染,并且网站弹出代码是在本地生成的。您输入的任何内容和上传的照片都不会发送到服务器。

来自杂志

All articles →