Posso acionar meu formulário popover legado com um botão ou link?

O artigo a seguir é sobre formulários legados.

Os formulários legados já não são desenvolvidos e não estão disponíveis em contas criadas após 18 de julho de 2023.

Os aplicativos List Builder Apps podem ajudá-lo em criar um formulário padrão que aparece na sua página quando o visitante entra nele. Com alguma customização de código, você também pode ativá-lo clicando no link ou em um botão no seu site.

Cria um formulário popover

Abra o formulário existente ou cria um novo. No aplicativo List Builder App clique no modelo e, em seguida, no Layout à direita. Nas propriedades de exibição, selecione Pop over, edite o formulário e clique em Salvar e publicar.

Configura o script de formulário

Para acionar o formulário favor clique no link em um determinado elemento no site, você precisa usar o API JS. Você precisa colocar a configuração de código no formato JSON dentro da tag
Abaixo, você pode encontrar trechos de código como um exemplo de como configurar corretamente o formulário por meio da API JS.

Configuração

{ "name": "myuniqueformname", "selector":
    { "clickToShow": "#id_click_to_show_element", "clickToHide": "#id_click_to_hide_element" }
}

Descrição

“name” – OBRIGATÓRIO – String – identificador único “selector” – OPCIONAL – Objeto -> “clickToShow” – OPCIONAL – String – Seletor de elemento DOM (elemento html no seu website, ao ser clicado mostra o formulário) -> “clickToHide” – OPCIONAL – String – Seletor de elemento DOM (elemento html no seu website, ao ser clicado fecha o formulário)

Exemplo

<!doctype html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
        </head>
        <body>
            <a href="#" id="id_click_to_show_element">Exibir</a>
            <script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=Xun&webforms_id=1023903">
                { 'name': 'myuniqueform1',
                    'selector': {
                        "clickToShow": "#id_click_to_show_element"
                    }
                }
            </script>
        </body>
    </html>

Nota:
1. JSON dentro das tags “ devem estar corretos, clique no link http://jsonlint.com/ para validar o script.
2. A configuração não pode ser usada para formulários já on-line
Opcionalmente, você pode usar nossa API diretamente no código JavaScript (referindo-se ao objeto GRWF2):
var myform = GRWF2.get(“myuniqueformname”) – get refference to “myuniqueformname” instance of Form object

myform.show() - show form    
myform.hide() - hide form 
<!doctype html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
        </head>
        <body>
            <button id="button" >Exibir</button>
            <script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=Xun&webforms_id=1023903">
                {
                    "name": "myuniqueform2"
                }
            </script>
            <script> var myform = GRWF2.get('myuniqueform2'),
                element = document.getElementById('button');
                element.addEventListener("click", function(){
                    myform.show();
                });
            </script>
        </body>
    </html>

Embora seu sucesso seja nossa maior prioridade, infelizmente, não oferecemos suporte para editar o código HTML do formulário e da página. Se você não estiver confortável com isso, entre em contato com seu desenvolvedor.

Nota: O formulário não reaparecerá para usuários que já preencheram o formulário, mesmo que pressionem o botão novamente.

Artigos relacionados

Recursos populares