Una página de agradecimiento confirma una acción y les dice a tus clientes o suscriptores qué hacer a continuación. Kajabi usa dos tipos: la página estándar Thank You a la que puedes enviar a los clientes después de que compren una Oferta, y páginas de agradecimiento personalizadas que conectas a un Form.
Personaliza la página estándar si vendes Ofertas. Si captas leads con Forms, ve directamente a redirigir a quienes envían el formulario a una página personalizada. Autocompletar un segundo Form es la última sección y requiere código personalizado.
Personaliza la página estándar Thank You
La página estándar Thank You es una página que los clientes pueden ver después de comprar una Oferta. Muestra un mensaje breve de agradecimiento y, con el Website Builder, puedes diseñarla para que coincida con tu marca.
Los clientes solo ven esta página cuando la Oferta está configurada para enviarlos allí. Por defecto, una Oferta envía a los clientes a su Biblioteca, así que elige la página Thank You para cada Oferta con la que quieras usarla.
Los sitios nuevos comienzan con un tema predeterminado vacío, y su página Thank You no se puede personalizar. Para diseñar la página, selecciona una plantilla de sitio personalizable. Aprende a personalizar tu sitio con el Website Builder.
Advertencia: Después de seleccionar una plantilla de sitio personalizable, no puedes volver al tema predeterminado vacío del sitio.
Abre la página Thank You en el Website Builder
Abre la pestaña Website desde tu Dashboard.
Haz clic en la pestaña Website Pages.
Selecciona Thank You Page de tu lista de páginas del sitio web.
Personaliza la sección Offer Thank You
Agrega y personaliza Bloques y Secciones para crear una página Thank You que se ajuste a tu marca. La página también incluye una sección Offer Thank You, que existe solo en la página Thank You.
Para abrir la configuración de la sección, haz clic en Offer Thank You en el panel de la barra lateral.
Ingresa tu mensaje en el campo Thank You Text. Los clientes ven este mensaje por defecto cuando una Oferta los envía a la página Thank You.
Para mostrar un mensaje diferente para una Oferta individual, ingrésalo en el campo Body de la configuración Post-purchase de esa Oferta después de seleccionar Go to a Thank You Page.
El editor de texto funciona como el editor del Bloque de Texto. Expándelo para dar formato a tu mensaje.
Envía a los clientes a la página Thank You después de una compra
Abre la pestaña Sales desde tu Dashboard.
Haz clic en Pricing.
Selecciona la Oferta que quieres editar.
Selecciona la pestaña Purchase flow.
En la sección Post-purchase, selecciona Go to a Thank You Page en el menú Post-purchase.
Haz clic en Save.
El menú Post-purchase también ofrece Go to the Library, que es la opción predeterminada, y Go to a Landing Page. Aprende a enviar a los clientes a una Landing Page después del pago.
Nota: Si la Oferta tiene un flujo de upsell activo, los clientes ven primero el flujo de upsell y luego continúan al destino que elegiste.
Envía a quienes completan un Form a una página de agradecimiento personalizada
Redirige a quienes envían un Form a una página con tu marca justo después de que se suscriben. Una página de agradecimiento personalizada te permite reforzar tu mensaje, entregar contenido o guiar a los suscriptores hacia su siguiente paso.
¿Quieres agregar un Form a una landing page? Aprende a agregar un Form a tu página.
Nota: Esta sección cubre la redirección a una Landing Page de Kajabi. Para enviar a quienes completan un Form a una página fuera de Kajabi, como una página de WordPress u otra de terceros, crea una Landing Page de Kajabi con un script de redirección y luego conecta esa página a tu Form. Aprende a configurar una redirección en una página de Kajabi.
Crea una página de agradecimiento personalizada
Abre la pestaña Website desde tu Dashboard.
Haz clic en la pestaña Landing Pages.
Haz clic en + New Landing Page en la esquina superior derecha.
Selecciona la Plantilla de Páginas que quieras.
Haz clic en Get Started.
Ingresa un título para la página.
Haz clic en Create para generar tu página personalizada.
Consejo: Revisa las plantillas Thank You para empezar rápidamente.
Después de crear la página, usa el editor de páginas para personalizarla. Para obtener más información sobre cómo crear tu página de agradecimiento personalizada, lee Descripción general de las páginas.
Conecta la página de agradecimiento personalizada a un Form
Después de crear tu página de agradecimiento personalizada, conéctala a tu Form para redirigir a los suscriptores justo después de que se registren.
Abre la pestaña Marketing desde tu Dashboard.
Selecciona Forms.
Selecciona un Form existente o crea un nuevo Form.
Marca Send the contact to a custom thank you page.
Selecciona tu página de agradecimiento en el menú desplegable que aparece debajo.
Haz clic en Save.
Elige qué página de agradecimiento usa un Form
La página de un Form puede tener su propia configuración Thank You Page en el editor de páginas, y el Form puede tener una página de agradecimiento seleccionada en su configuración de After Submission. Si configuras ambas, la configuración del editor de páginas tiene prioridad.
Si no configuras ninguna, quienes envían el Form ven un mensaje de confirmación básico que dice “Thank you! We have received your submission.” con un botón Back to the Previous Page. Esta no es la página estándar Thank You que diseñas para las compras de Ofertas.
Autocompleta un segundo Form con los datos del envío
Pass submission data to the thank you page es una configuración de Form para personas con experiencia en desarrollo. Envía a la página de agradecimiento lo que un visitante ingresó, como su nombre y correo electrónico. Sin código personalizado, Kajabi envía los datos, pero nada en tu página los captura ni los muestra.
La configuración forma parte de la configuración de After Submission del Form. Úsala para autocompletar un segundo Form después de que un visitante envíe el primero.
Un Form que lleva a otro Form te permite recopilar un envío sencillo antes de hacer preguntas más detalladas, o hacer que los visitantes completen un Form antes de darles acceso a tu aplicación.
Esta configuración redirige a los visitantes a un segundo Form después de que envían el primero. El segundo Form completa su nombre y correo electrónico a partir del primer envío:
Antes de comenzar
Necesitas dos Forms y dos Páginas, con un Form en cada Página. Si ya creaste tus landing pages y Forms, continúa con la siguiente sección.
Nota: Esta configuración funciona con Forms de Single Opt-in y Double Opt-in. No funciona con Forms activados por un popup de Two-Step Opt-in.
Activa Pass submission data en el primer Form
Activa la configuración en el primer Form que envían tus visitantes. La página de agradecimiento que selecciones es la segunda página, la que contiene tu segundo Form.
Abre la pestaña Marketing desde tu Dashboard.
Haz clic en Forms.
Selecciona el primer Form que completarán tus visitantes.
Ve a la configuración de After Submission.
Activa Send the contact to a custom thank you page.
Selecciona en el menú desplegable la segunda página, la que tiene tu segundo Form.
Luego, activa Pass submission data to the thank you page y haz clic en Save:
Nota: Si la página que contiene tu primer Form tiene activada la configuración Thank You Page en el editor de páginas, Kajabi usa esa configuración y no pasa los datos del envío. Deja desactivada la configuración del editor de páginas.
Kajabi pasa como parámetros de URL los campos predeterminados del Form que completó tu visitante, como name y email: Name, Email, Phone Number, Mobile Phone Number, Address, Address Line 2, City, State, Country, Zip Code y Business Number. Omite los campos vacíos y no pasa campos personalizados.
Agrega el código personalizado a la segunda página
Advertencia: El código personalizado puede exponer tu sitio a vulnerabilidades y malware. Escanea cualquier código personalizado que planees usar con una herramienta como VirusTotal o Snyk, y sigue estas mejores prácticas de código personalizado para reducir el impacto potencial.
Después de activar la configuración de After Submission, agrega el siguiente código a tu segunda página. Completa los campos Name y Email del segundo Form con los datos de la URL de la página. Cómo lo agregas depende del editor que usaste para crear la página: Kajabi Pages o Premier.
Copia el siguiente JavaScript:
<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>Agrega el código personalizado a una página creada con Kajabi Pages
Con Kajabi Pages, agregas el código directamente desde el editor de páginas.
Copia el código anterior, sin incluir las etiquetas de apertura y cierre
<script>y</script>.Abre la pestaña Website desde tu Dashboard.
Haz clic en Website Pages o Landing Pages, según el tipo de página.
Selecciona la segunda página, la que contiene el Form que quieres autocompletar.
Haz clic en Settings en el editor de páginas.
Abre Custom Code.
Pega el código en el cuadro Javascript.
Haz clic en Save para aplicar tus cambios.
Cuando un visitante envía el primer Form, el segundo Form completa su nombre y correo electrónico a partir de ese envío.
Agrega el código personalizado a una página creada con Premier
Las páginas de Premier necesitan el Code Editor, que está disponible solo con el Pro Plan. Compara los planes en kajabi.com/pricing.
Copia todo el código anterior, incluidas las etiquetas de apertura y cierre
<script>y</script>.Abre la pestaña Website desde tu Dashboard.
Haz clic en Website Pages o Landing Pages, según el tipo de página.
Haz clic en el ícono de más opciones (...) y selecciona Modify code.
Abre la carpeta Templates.
Selecciona el archivo index.liquid.
Desplázate hasta el final del archivo.
Coloca el cursor antes de la etiqueta de cierre del body,
</body>.Presiona Enter para crear una línea vacía.
Pega el código en la línea justo encima de
</body>.Haz clic en Save para aplicar tus cambios.
