Question

我有一个Wordpress网站，我试图在标题中添加一个按钮，以打开模式/弹出式Typeform表单。

我能够在网站的正文中实现此按钮，但是，当我尝试将其放置在标题中时，而不是作为模式打开，它会重定向到实际的网站。

您对如何实现由标题中的按钮触发的模式有任何想法吗？我想避免使用插件，但是如果这是最好的解决方案，那么我会接受它。

Answer 1

欢迎使用StackOverflow！

我相信您可以使用Typeform Embed SDK来实现所需的功能。

第1步：创建一个按钮并将其添加到您网站的标题中。

第2步：为此按钮提供唯一的ID

第3步：添加这段代码，当单击按钮时将创建一个模式/弹出窗口

const reference = typeformEmbed.makePopup(
  'YOUR_TYPEFORM_URL', // NOTE: Replace with your typeform URL
  {
    mode: 'popup',
    autoClose: 3000,
    hideHeaders: true,
    hideFooters: true,
    onSubmit: function () {
      console.log('Typeform successfully submitted')
    }
  }
)

document.getElementById("YOUR_BUTTON_ID").addEventListener('click', function(e){
    reference.open()
})

希望它会有所帮助：）

如何在WP网站的标题中包含模式按钮？

1 个答案: