Как включить модальную кнопку в шапке сайта WP?

Question

У меня есть сайт Wordpress, и я пытаюсь добавить кнопку в заголовок, которая открывает модальное / всплывающее окно в форме Typeform.

Я могу добиться этой кнопки в теле сайта,однако, когда я пытаюсь поместить эту кнопку в заголовок, вместо того, чтобы открывать ее как модал, она перенаправляет на реальный веб-сайт.заголовок?Я хотел бы избежать использования плагинов, однако, если это лучшее решение, я открыт для него.

Answer 1

Добро пожаловать в StackOverflow!

Я полагаю, что вы можете использовать Typeform Embed SDK для достижения того, что вы хотите.

Шаг 1: создайте кнопку и добавьте ее в шапку вашего сайта.

Шаг 2: Дайте этой кнопке уникальный идентификатор

Шаг 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()
})

Надеюсь, это поможет:)