Calendly 不在 Webflow 中预先填写表单

问题描述

我在我的 Webflow 项目中使用了 Calendly，它工作正常。 但是，我很想在 Calendly 中预先填写表格，这里有一个指南：https://help.calendly.com/hc/en-us/articles/226766767-Pre-populate-invitee-information-on-the-scheduling-page 我设法使用自定义代码使 url 看起来像这样：

mywebsite.com/book-meeting?name=MyFirstname%20MyLastname&email=[e-mail]

但出于某种原因，Calendly 没有预先填写表格。 有没有其他人试过这个并使它起作用？ 谢谢！

解决方法

在我看来，您似乎希望将自定义预填充值传递给您嵌入的日历链接。

最好的方法是使用 Calendly 的高级嵌入选项：https://help.calendly.com/hc/en-us/articles/360020052833-Advanced-embed-options#4

为此，您需要将预先填写的值（如姓名和电子邮件）直接提供给嵌入的特定 Calendly 链接。在您的示例中：mywebsite.com/book-meeting?name=MyFirstname%20MyLastname&email=[e-mail]，看起来您将预填充值传递给整个页面地址，而不是专门传递给嵌入脚本中的 calendly.com/... 调度链接。

执行此操作的最佳方法如上面引用的帮助文章中所述。您可以像这样添加预填充值脚本：

prefill: {
    name:
    email:
    customAnswers:
}

以便嵌入 Calendly 的脚本如下所示：

<script>
    const params = (new  URL(window.location)).searchParams

    Calendly.initInlineWidget({
        url: 'https://calendly.com/YOUR_LINK/30min',prefill: {
            name: params.get('name'),email: params.get('email')
        }         
    });
</script>

我们从页面 url 获取参数并将它们传递给 Calendly 嵌入式小部件的位置。 （注意：在本例中，我使用的是内联小部件，但您可以使用适当的 API 方法替换脚本的这一部分，即 Calendly.initBadgeWidget 或 Calendly.initPopupWidget）

希望这会有所帮助，安排愉快！