> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

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

> Usa la configuración Pasar datos de envío a la página de agradecimiento para autocompletar un segundo Formulario.

**Pass submission data to the thank you page** es una función para quienes tienen experiencia en desarrollo, que permite mostrar los datos enviados (por ejemplo, nombre y correo electrónico) en la página de agradecimiento habilitando esta función con código personalizado.

<Note>
  **Nota:**
  Sin código personalizado, los datos enviados con esta función no se capturarán para mostrarse en tu página.
</Note>

Esta función es posible gracias a la configuración Después del envío en Formularios. [Aprende sobre la configuración Después del envío de Formularios.](./how-to-use-the-after-submission-settings-in-forms)

Puedes usar esta función para autocompletar un segundo Formulario después de que se envíe el Formulario inicial, creando una experiencia fluida para el usuario.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-15-forms-double-opt-in-1785429568981.png" alt="After submission settings" />

## Configura Formularios de autocompletado con código personalizado

Configurar un Formulario que lleve a otro Formulario te permite recopilar un envío simple antes de hacer preguntas más detalladas, o hacer que tus usuarios completen un Formulario antes de acceder a tu aplicación.

Esta configuración redirige a los usuarios a un Formulario autocompletado después de enviar el primer Formulario. El segundo Formulario autocompleta su nombre y correo electrónico tomando los datos del envío del primer Formulario:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/szdmsxxeaz" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

## Antes de comenzar

* Crea tus [Formularios](./create-and-build-your-form)
* Crea tus [Páginas](../../website/pages/how-to-add-pages-to-your-website)

Para esta configuración, necesitas dos Formularios y dos Páginas (un Formulario por Página). Si ya preparaste tus páginas de destino con tus Formularios, continúa con el primer paso.

<Tip>
  **Consejo:**
  Esta función funciona con Formularios de opt-in simple y de [doble opt-in](./how-to-set-up-a-form-with-double-opt-in), pero no funciona con Formularios activados por una ventana emergente de [opt-in en dos pasos](../../website/pages/how-to-use-the-two-step-optin-popup).
</Tip>

## Habilita pasar datos de envío

Habilita pasar datos de envío para el primer Formulario que completarán tus usuarios.

Primero, habilita **Send the contact to a custom thank you page**. Tu "página de agradecimiento personalizada" es la segunda página que contiene el segundo Formulario:

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:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/38fvoo51d6" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

Luego, habilita **Pass submission data to the thank you page**:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-14-forms-pass-submission-data-to-the-thank-you-page-1785429569415.png" alt="Pass submission data setting" />

## Agrega código personalizado a la página

<Warning>
  **Importante:**
  Introducir código personalizado en tu sitio puede exponerte a vulnerabilidades y posibles ataques de malware. Recomendamos usar herramientas de análisis de vulnerabilidades como [VirusTotal](https://www.virustotal.com/gui/home/url) o [Snyk](https://snyk.io/) para escanear cualquier código personalizado que planees usar y aplicar ciertas [mejores prácticas](../../website/domains/code-based-customizations) para ayudar a reducir el impacto potencial.
</Warning>

Después de habilitar la configuración de Después del envío, agrega código personalizado a tu segunda página para habilitar el autocompletado.

Este paso varía según el editor que uses para crear tus páginas. Selecciona el editor que usaste para crear tu página a continuación para aprender a agregar el código personalizado:

* Kajabi Pages
* Premier

Copia y pega el código Javascript a continuación en la segunda página que contiene el Formulario que deseas autocompletar:

```javascript theme={null}
<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

Con Kajabi Pages, puedes agregar el código personalizado directamente desde tu editor de páginas.

Primero, copia el código personalizado de arriba.

<Note>
  **Nota:**
  Al copiar el código, omite las etiquetas de apertura y cierre `<script>` (es decir, `<script>` y `</script>`) si estás usando Kajabi Pages.
</Note>

Luego, ve a tu cuenta de Kajabi:

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:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/saib6dbdan" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

Después de ingresar y guardar tu código personalizado en tu página, la configuración está completa. Cuando un visitante completa y envía el primer Formulario, el segundo Formulario se autocompleta con su nombre y correo electrónico a partir de la información enviada en el primer Formulario.

## Premier

Si usas Premier, necesitas acceso al Editor de código, disponible solo con el Plan Pro. Consulta [kajabi.com/pricing](https://kajabi.com/pricing) para saber más sobre las funciones disponibles en tu plan.

Primero, copia todo el código personalizado de arriba (incluyendo las etiquetas de apertura y cierre `<script>`; `<script>` y `</script>`).

Luego, ve a tu cuenta de Kajabi para acceder al Editor de código de tu página creada con Premier. [Aprende a acceder al editor de código de tu página.](../../website/pages/how-to-access-the-code-editor#page-theme)

En el editor de código, agrega el código personalizado a la plantilla de tu página:

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:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/kqrri7j8bk" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

Después de ingresar y guardar tu código personalizado en tu página, la configuración para una página de Premier está completa. Cuando un visitante envía el primer Formulario, el segundo Formulario se autocompleta con su nombre y correo electrónico a partir de la información enviada en el primer Formulario.