Autocompleta Formularios pasando datos de envío a la página de agradecimiento

​

Configura Formularios de autocompletado con código personalizado

​

Antes de comenzar

• Crea tus Formularios
• Crea tus Páginas

​

Habilita pasar datos de envío

1. Abre la pestaña Marketing desde el Panel de control.
2. Haz clic en Forms.
3. Selecciona el primer Formulario que completarán tus usuarios.
4. Ve a la configuración After Submission.
5. Habilita Send the contact to a custom thank you page.
6. Selecciona la segunda página con tu segundo Formulario en el menú desplegable:

​

Agrega código personalizado a la página

• Kajabi Pages
• Premier

<script>
const queryString = window.location.search; //get the URL of the page

 const urlParams = new URLSearchParams(queryString); //process the URL so you can pick out the parameters inside 

const nameParam = urlParams.get('name') //get the name parameter inside the URL 

const emailParam = urlParams.get('email') //get the email parameter inside the URL 

var name =nameParam; 
var email =emailParam; 

var x = document.getElementById("form_submission_name"); //get the Name field of the form 
x.value = name; //autofill name field with the value we got from the URL 
var y = document.getElementById("form_submission_email"); //get the Email field of the form 
y.value =email; //autofill email field with the value we got from the URL 
</script>

​

Kajabi Pages

1. Abre la pestaña Website desde el Panel de control.
2. Haz clic en Pages.
3. Selecciona la segunda página que contiene el Formulario que quieres autocompletar.
4. Haz clic en Settings en el editor.
5. Abre Custom Code.
6. Pega el código Javascript en el cuadro de Javascript.
7. Haz clic en Save para conservar y aplicar tus cambios:

​

Premier

1. Abre la carpeta Templates.
2. Selecciona el archivo index.liquid.
3. Desplázate hasta el final del archivo.
4. Coloca el cursor antes de la etiqueta de cierre body (es decir, </body>).
5. Presiona la tecla enter en tu teclado para crear una línea vacía.
6. Pega tu código Javascript personalizado en la línea justo encima de la etiqueta de cierre body (es decir, </body>).
7. Haz clic en Save para conservar y aplicar tus cambios: