BeeHiiv集成:如何将自己的形式连接到BeeHiiv(使用API)

在这篇文章中,我将向您展示如何集成任何形式与BeeHiiv站点。包括PHP代码需要使用BeeHiiv API订阅导致BeeHiiv通讯。

BeeHiiv选择形式是相当有限的。所以,如果你可以在你的网站上有自己的形式,把通向你的简讯邮件列表吗?

BeeHiiv是伟大的。我现在都使用它早上WP幸福的房车。对于时事通讯,这是平台使用(在我看来)。(是的,你的内部CRM,我还是非常推荐FluentCRM)。

事情是…BeeHiiv很年轻。他们正在快速迭代和快速添加新功能。但是,它的相对青春意味着没有很多官方BeeHiiv集成。

选择形式,提供可嵌入选择形式你可以用在你自己的站点上。然而,它们非常呆板。另外,如果你像我一样,你想不是100%依靠BeeHiiv。你也想把通向你的CRM和更好地整合自己的技术堆栈。

伟大的事情是…BeeHiiv确实有一个API

你需要支付帐户访问API,但是如果你有访问他们的API,它打开了集成的能力几乎任何你想要的。

在我的例子中,我已经集成流利的形式以及ConvertBox

这个网站的形式用流利的形式建造的。他们现在把通向BeeHiiv以及FluentCRM同时进行。

我建立这个集成,以便控制它。我不是依靠类似Zapier或Make.com(尽管这些选项。)

这就是我们将讨论…

我将与你分享代码。你将需要更多技术上倾向于实现这个,因为我不打算覆盖每一个小细节细节。

如果你想要我的帮助实施和调整自己的网站,你可以登录我为你做这些。一个服务信用应该足够了。

让我们去…

PHP代码来订阅人BeeHiiv通讯使用他们的API

基本上,我们要做的是在我们的服务器上创建一个PHP文件将作为webhook。

你需要两块从BeeHiiv账户信息:

  • 出版ID
  • API密匙

都可以从设置> BeeHiiv内集成了帐户。您将需要创建一个新的API这个脚本的关键。出版ID需要插入API端点的URL。

好吧,这是脚本的代码:

< ?php / /替换这些与你实际Beehiiv API凭证和端点$ apiEndpoint = ' https://api.beehiiv.com/v2/publications/[酒吧关键]/订阅”;apiKey美元= ' [API KEY] ';$邮件= $ _GET[电子邮件);$ referring_site = $ _GET [referring_site];$ utm_campaign = $ _GET [utm_campaign];/ /用户数据数组$ subscriberData =(“电子邮件”= >邮件,美元reactivate_existing = > true, send_welcome_email = > true,“utm_source”= >“bma”,“utm_campaign”= > utm_campaign美元,“utm_medium”= >“形式”,“referring_site”= >“https://www.yoururl.com”/ /根据需要添加其他用户数据字段);/ /准备POST数据postData美元= json_encode (subscriberData美元);/ /创建一个新的卷资源$ ch = curl_init ($ apiEndpoint);/ /设置旋度选项curl_setopt ($ ch CURLOPT_CUSTOMREQUEST '文章'); curl_setopt($ch, CURLOPT_POSTFIELDS, $postData); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_HTTPHEADER, array( 'Content-Type: application/json', 'Authorization: Bearer '. $apiKey )); // Execute cURL request $response = curl_exec($ch); // Close cURL resource curl_close($ch); ?>

你需要放弃出版键和API键到顶部的代码。明显变化的URL”网站”是自己的(这样你就会知道用户来自你自己的网站)。

将这些代码保存到一个PHP文件。通过FTP服务器上上传的地方。注意文件名和URL路径,因为你需要它。

如何连接和BeeHiiv流利的形式吗

简而言之,你要使用内置的webhook流利的形式发送的功能域的数据表单你webhook。webhook URL是刚才上传的脚本的完整的URL。

这种方法不是独特的流利的形式。将处理任何形式builder,可以发送人(他们中的大多数)。

首先,您需要启用webhook集成流利的形式。这不是默认打开。

人打开,你就去创建一个新的webhook集成在“设置&集成”一节的形式。这就是我的样子:

BeeHiiv集成web hook -流利的形式

你可以通过变量表单使用GET或POST变量。将工作,但我继续使用。

而不是通过所有的表单字段,我只通过了我需要的。如果您需要获取更多的信息,你需要传递到BeeHiiv使用定制字段。BeeHiiv,甚至被认为是一个自定义字段的名称。所以,如果你想收集的任何信息除了电子邮件地址,你需要通过他们定制字段。脚本需要修改为了通过这些数据到API以适当的格式。

注意,我使用这个例子中的“utm_campaign”字段用于自己的内部。它是为了跟踪UTM标签。然而,我通过一个隐藏字段,其中包含铅吸引他们选择的名称。这样我可以部分人在BeeHiiv根据磁铁。

我如何让流利的形式看起来像BeeHiiv选择形式

的BeeHiiv公开形式很简单,但他们看起来不错。在大多数情况下,我们所需要的要求是他们的电子邮件地址。这些都是非常简单的形式。

BeeHiiv集成——典型BeeHiiv选择形式
我的默认BeeHiiv选择形式。

当你建立你的选择形式与流利的形式,它不会像。然而,随着一些CSS修改,我们可以用流利是这样一种形式。

流利的形式设置,自定义CSS / JS。这是我落入该字段的代码:

.fluent_form_FF_ID控件组{显示:flex;}.fluent_form_FF_ID输入(type = "电子邮件"]{最低高度:60 px;填充:16 px;边界:1 px固体# a0aec0;border - radius: 5 px 0 px 0 px 5 px;}.fluent_form_FF_ID{显示:flex;填充:4 px;{}.fluent_form_FF_ID .ff_submit_btn_wrapper按钮min-width: 140 px;颜色:# fff;高度:100%; padding: 12px 24px; border-radius: 0px 5px 5px 0px; } .fluent_form_FF_ID .ff-el-group { margin-bottom: 0 !important; display: flex; align-items: center; } .fluent_form_FF_ID .ff-el-input--content { width: 100%; } .fluent_form_FF_ID .ff-el-group:not(:last-child) { width: 100% !important; } .fluent_form_FF_ID .ff-el-form-control { width: 100%; font-size: 16px !important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; max-width: 100%; }

在这种情况下,您不需要担心将具体形式id放入CSS,因为流利的形式将动态替换它。这个CSS代码将流利的形式是这样的:

现在看起来像BeeHiiv流利的形式

Looks pretty much the same. However, we can make far more modifications to this one since it is Fluent Forms.

我如何集成和BeeHiiv ConvertBox吗

ConvertBox呼吁行动提供了各种各样的灵活性。它是非常方便和易于使用的选择形式。,现在我们已经自己可以发送通向BeeHiiv webhook端点,我们有我们需要集成ConvertBox和BeeHiiv。

事实上,人也是如何整合ConvertBox和FluentCRM。这是如何实现的双重选择让人们到我们当地的列表和BeeHiiv在同一时间。

首先,您创建ConvertBox任何你想要的方式。表单应该包括电子邮件地址为了简单起见。正如我前面所提到的,其他需要使用定制字段。

一旦你表单,你去设置>集成形式。然后,去添加集成。

下拉,你可以选择一个webhook。

ConvertBox人

下一个字段,您只需输入URL webhook。

现在,在我的例子中,我发现我需要一个单独的脚本比我用流利的形式。这是因为ConvertBox通过JSON格式的数据被发送到之前的脚本。用流利的形式你可以做同样的事情,但我很匆忙,刚刚创建第二个web钩。

这是相同的PHP代码基本webhook预计json格式的输入:

< ?php / /替换这些与你实际Beehiiv API凭证和端点$ apiEndpoint = ' https://api.beehiiv.com/v2/publications/[酒吧关键]/订阅”;apiKey美元= ' [API KEY] ';$ json_str = file_get_contents (“php: / /输入”);json_str美元$ json_obj = json_decode ();电子邮件= json_obj美元- >{'邮件'};$ referring_site = $ json_obj - >{$推荐人的};$ utm_campaign = $ json_obj - > {' utm_campaign '};/ /用户数据数组$ subscriberData =(“电子邮件”= >邮件,美元reactivate_existing = > true, send_welcome_email = > true,“utm_source”= >“bma”,“utm_campaign”= > utm_campaign美元,“utm_medium”= >“形式”,“referring_site”= >“https://www.yoururl.com”/ /根据需要添加其他用户数据字段);/ /准备POST数据postData美元= json_encode (subscriberData美元); // Create a new cURL resource $ch = curl_init($apiEndpoint); // Set cURL options curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'POST'); curl_setopt($ch, CURLOPT_POSTFIELDS, $postData); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_HTTPHEADER, array( 'Content-Type: application/json', 'Authorization: Bearer '. $apiKey )); // Execute cURL request $response = curl_exec($ch); // Close cURL resource curl_close($ch); ?>

一旦你有这个webhook设置和ConvertBox形式指着它,然后从那个盒子将被发送通过webhook…BeeHiiv。很酷!

如何集成到BeeHiiv吗

BeeHiiv API允许几乎所有集成。你只需要知道如何使用它…和上面提供的代码是基本的PHP代码需要建立自己的webhook做到底。

任何软件都可以使用人则可以与BeeHiiv集成。

我完全相信更多的形式为WordPress插件发布“官方”集成BeeHiiv随着时间的推移。你可能会开始看到选择表单插件提供的集成。但是,最终,他们将使用类似于我刚才给了你。虽然我上面的代码简单,有点“脏”…它的工作原理。和任何其他插件只是将使用API就像我所做的。

任何形式在你的网站在技术上可以发送通向BeeHiiv邮件列表,只要你可以发送人。这是唯一的要求。

希望这个设置吗?

好吧,虽然我几乎放弃的勇气这样做是上面(因为有诚实没有什么特别之处),我知道这是对某些人仍然书呆子是地狱。

如果你有足够的技术经验采取上面的代码和把事情为自己设置,然后好了!

如果不是,那么我可以为你做这些。

你需要一个服务的信用账户的博客营销学院。然后我们将使用信用卡和我会实现这个为你的网站,确保一切工作。

记住,你必须有一个支付BeeHiiv帐户为了使使用的API。我只是不能设置这个为你如果你使用他们的免费帐户。