Adding a request form (widget) to a Wix page

1. Ative a opção “Use in modal window” para o widget desejado

2. Copie o código do widget e o valor do parâmetro data-widget-handler

3. Acesse o Wix

a. Adicione um botão no local desejado da página e especifique uma URL para o botão. 

A URL pode ser qualquer uma; ela é necessária para que mais tarde possamos encontrar este botão por essa URL e substituí-la pelo parâmetro data-widget-handler do seu widget.

b. Acesse a seção Custom Code

c. Adicione o código do widget da etapa 2 à seção Head

Por exemplo

d. Adicione o código à seção Body - End

var els = document.querySelectorAll("a[href='https://test123.com']");

for(var i = 0, l = els.length; i

  var el = els[i];

  el.setAttribute("data-widget-handler","469778820");

  el.removeAttribute("target");

  el.setAttribute("href", "#");

}

Onde: 
1)  na linha “var els = document.querySelectorAll(“a[href=‘https://test123.com’]“);” você precisa substituir o valor “https://test123.com” pelo valor que definiu para a URL do botão na etapa 3 a)

2) na linha “el.setAttribute(“data-widget-handler”,“469778820");” você precisa substituir o valor “469778820” pelo valor do parâmetro data-widget-handler da etapa 2

Temporizador no widget

Se você usar um temporizador no widget, há 2 opções possíveis para que a landing page carregue corretamente:

1. Separe o temporizador do botão

2. Adicione um atraso no script, por exemplo, para que após 4 segundos os atributos do widget sejam aplicados aos links (versão atualizada do script):

<script>

setTimeout(() => {
    var els = document.querySelectorAll("a[href='https://test123.com']");

    for(var i = 0, l = els.length; i < l; i++) {

    var el = els[i];

    el.setAttribute("data-widget-handler","ID ВИДЖЕТА");

    el.removeAttribute("target");

    el.setAttribute("href", "#");

    }
}, 4000);

</script>