0

我在我的 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=myemail@test.com

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

4

1 回答 1

1

在我看来，您希望将自定义预填充值传递给嵌入式 Calendly 链接。

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

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

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

于 2021-03-22T20:43:50.040 回答