¿Puedo activar mi formulario de ventana emergente de legado con un botón o link?

El siguiente artículo aplica a los formularios de legado.

Los formularios de legado ya no se desarrollan y no están disponibles en cuentas creadas después del 18 de julio de 2023.

El Asistente de Construcción de Lista GetResponse puede ayudarlo en la creación de un formulario estándar que aparezca en su página, cuando el visitante ingrese en ella.

Con alguna personalización del código, puede también activarlo a través de un clic en el link, o de un botón su sitio web.

Crear formulario de ventana emergente

ES Abra su formulario existente o cree uno nuevo. En el asistente, haga clic en el modelo, y luego en Diseño a la derecha. En Visualizar propiedades, elija Ventana Emergente, edite el formulario, y haga clic en Guardar & Publicar.

Configurando el script del formulario

Para poder activar el formulario haciendo clic en el link de un elemento particular del sitio web, necesita usar API JS. Es necesario colocar la configuración del código en formato JSON, dentro de la etiqueta script, copiada del paso del asistente Guardar & Publicar.

A continuación encontrará fragmentos de código como ejemplo de cómo configurar correctamente el formulario a través de la API JS.

Configuración

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

Description

“name” – REQUERIDO – Cadena de caracteres – identificador único

“selector” – OPCIONAL – Objeto

-> “clickToShow” – OPCIONAL – Cadena – Selector de elemento DOM (elemento html en su sitio web, cuando se hace clic en el formulario)

-> “clickToHide” – OPCIONAL – Cadena – Selector de elemento DOM (elemento html en su sitio web, cuando se hace clic en cerrar formulario)

Ejemplo

<!doctype html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
        </head>
        <body>
            <a href="#" id="id_click_to_show_element">Show it</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 de las etiquetas “ tiene que estar correcto, haga clic en el enlace http://jsonlint.com/ para validar el script.
  2. La configuración no se puede utilizar para formularios en línea

Opcionalmente, puede usar nuestra API directamente en el código JavaScript (refiriéndose al objeto GRWF2):

var myform = GRWF2.get("myuniqueformname") – se refiere a la instancia “myuniqueformname” del objeto Formulario

myform.show() - mostrar formulario
myform.hide() - ocultar formulario

<!doctype html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
        </head>
        <body>
            <button id="button" >Mostrarlo</button>
            <script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=Xun&amp;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>

Su éxito es nuestra máxima prioridad, pero desafortunadamente, no proveemos el soporte con la edición del código HTML de su formulario y página. Si no se siente cómodo al hacerlo, póngase en contacto con su desarrollador web.

Nota: El formulario no volverá a aparecer para los usuarios que ya lo hayan rellenado, aunque vuelvan a pulsar el botón.

Artículos relacionados

Recursos populares