各位小可爱们，来瞧瞧这里吧！！！
Hello
今天要和大家分享的是如何在 Gutenberg 编辑器（也就是区块编辑器）中添加 Elementor Popup 弹窗，来制作各种表单。
比如这样
图片源自：Elementor 屏幕截图
在文章中加入弹窗表单，让用户在阅读的同时，方便地提交表单。为什么说 Google SEO 离不开博客写作？快来了解一下吧！
废话不多说，让我们开始吧：
1> 设置 Elementor 弹窗
首先，你得提前设定好你的 Elementor 弹窗，然后点击设置。
在 Elementor 设置面板的左下角找到齿轮图标 ( )，点击打开弹出窗口设置面板。在“弹出窗口设置”面板中，切换到“高级”选项卡，然后在“打开方式选择器”字段中添加一个选择器。
图片源自：Elementor 屏幕截图
给弹窗起个名字，比如 .popup，在添加指定的选择器后，别忘了更新或发布你的弹出模板。注意：在你的弹出窗口显示条件中，请将其设置为在整个站点显示你的弹出窗口模板；这允许你在整个网站访问弹出窗口。你也无需设置任何触发器，因为你将通过刚刚设置的选择器显示弹出窗口。
图片源自：Elementor 屏幕截图
2> 添加到 Gutenberg 编辑器
现在，让我们在 Gutenberg WordPress 编辑器中添加弹出窗口吧。
打开 Gutenberg WordPress 编辑器；你可以创建新内容（页面/文章）或选择已有内容。然后，选择你想要作为弹出窗口触发器的任何块。在这个例子中，我们将使用按钮块。
图片源自：WordPress 屏幕截图
一旦你决定好要用作显示弹出窗口的触发器块后，请进入块设置 ->高级。接下来，在其他 CSS 类字段中添加指定的 CSS 类。
图片源自：WordPress 屏幕截图
就是这样。要了解它是如何工作的，请发布你的项目并在新窗口中查看。
图片源自：WordPress 屏幕截图
这样就设置好了，你也赶紧试试吧。
有任何建站问题，欢迎大家私信谷嗨科技哦~
谷嗨科技！在跨境电商领域，从市场调研到选品，再到站内运营和销量提升，谷嗨科技都拥有成熟的运营方案与策略。别再为跨境之路感到迷茫，谷嗨科技带你走向成功！
