Saltar al contenido
Avanzado4 min

¿Cómo pongo mi página de gracias de Releasit con los colores, la tipografía y el logo de mi marca usando un asistente de IA?

Copias el código de la página de gracias desde Talkyria, se lo das a un asistente de IA de uso general con un pedido listo para copiar, y lo pegas en Releasit. La regla de oro es que los datos del pedido entre llaves, como el número, el teléfono y el total, queden idénticos. Después lo pruebas con un pedido real.

Video en preparación

Estamos grabando este video. Mientras tanto, la guía de abajo te lleva paso a paso.

Objetivo de la lección

Llevar el código de la página de gracias de Talkyria a un asistente de IA de uso general, pedirle tu marca sin romper los datos del pedido, pegarlo en Releasit y probarlo con un pedido real.

Lleva lo aprendido a tu cuenta: abre esta pantalla en Talkyria.

Abrir en Talkyria(se abre en una pestaña nueva)

Guía

Objetivo: Llevar el código de la página de gracias de Talkyria a un asistente de IA de uso general, pedirle tu marca sin romper los datos del pedido, pegarlo en Releasit y probarlo con un pedido real.

Nivel: Avanzado · Duración: 4 min · Antes de esta lección: «¿Cómo configuro la página de gracias de mi formulario contraentrega?», «¿Cómo configuro el formulario contraentrega de Releasit para que mis pedidos lleguen bien a Talkyria?»

Dónde, en Talkyria: app.talkyria.com/settings/thank-you

Gancho

Tu página de gracias es la primera pantalla después de la compra. Si se ve como tu marca, el cliente confía y contesta la llamada. Hoy la dejas así sin saber programar.

Lo que vas a lograr

Vas a copiar el código, pedirle tu marca a un asistente con un texto listo, revisar que no rompió nada, pegarlo en Releasit y comprobarlo con un pedido real.

Pasos en pantalla

  1. En Talkyria abre «Configuracion» → «Thank You Page». Elige Releasit como tu app, pon tu WhatsApp, pulsa «Guardar pagina» y luego «Copiar HTML para» Releasit.
  2. Ten a mano tus colores en código hexadecimal, el nombre de tu tipografía y la dirección pública de tu logo. Puedes subir el logo a Shopify en «Settings» → «Files» y copiar su enlace.
  3. Abre tu asistente de IA de uso general y pega el texto listo de la pregunta frecuente «¿Qué texto exacto le doy al asistente?», con tus datos en los corchetes, y debajo el código que copiaste.
  4. Revisa la respuesta: busca cada texto entre llaves y confirma que sigue igual, y que el número de WhatsApp es el tuyo.
  5. En Releasit abre «Settings & Integrations» › «General». En el mensaje de agradecimiento («Modify the Thank You message»), si el editor tiene vista de código, pega ahí el código y guarda. Si no la tiene, escribe un mensaje corto y agrega tu logo con el ícono de imagen. No lo pegues en una página aparte: ahí no se llenan los datos del pedido.
  6. Haz un pedido real en tu tienda con tu celular. En la página de gracias deben aparecer tu número de pedido, tu teléfono, tu producto y tu total reales, con tu marca.
  7. Si ves textos entre llaves en lugar de datos, el asistente los cambió: vuelve a tu código de Talkyria y repite.
  8. Cancela el pedido de prueba en Shopify. Recuerda que tu agente te llamará por él.

Error común y cómo resolverlo

Aceptar el código del asistente sin revisarlo. Las roturas típicas son tres: renombró un dato entre llaves, quitó un bloque como la dirección, o agregó un script que la app no ejecuta. Revisa siempre los textos entre llaves antes de pegar.

¿Y ahora qué?

Ahora aprende a diagnosticar cuando algo no funciona. Siguiente lección: «Mi integración dice «Requiere atención»: ¿cómo la arreglo?».

Paso a paso

  1. En Talkyria abre «Configuracion» → «Thank You Page». Elige Releasit como tu app, pon tu WhatsApp, pulsa «Guardar pagina» y luego «Copiar HTML para» Releasit.

  2. Ten a mano tus colores en código hexadecimal, el nombre de tu tipografía y la dirección pública de tu logo. Puedes subir el logo a Shopify en «Settings» → «Files» y copiar su enlace.

  3. Abre tu asistente de IA de uso general y pega el texto listo de la pregunta frecuente «¿Qué texto exacto le doy al asistente?», con tus datos en los corchetes, y debajo el código que copiaste.

  4. Revisa la respuesta: busca cada texto entre llaves y confirma que sigue igual, y que el número de WhatsApp es el tuyo.

  5. En Releasit abre «Settings & Integrations» › «General». En el mensaje de agradecimiento («Modify the Thank You message»), si el editor tiene vista de código, pega ahí el código y guarda. Si no la tiene, escribe un mensaje corto y agrega tu logo con el ícono de imagen. No lo pegues en una página aparte: ahí no se llenan los datos del pedido.

  6. Haz un pedido real en tu tienda con tu celular. En la página de gracias deben aparecer tu número de pedido, tu teléfono, tu producto y tu total reales, con tu marca.

  7. Si ves textos entre llaves en lugar de datos, el asistente los cambió: vuelve a tu código de Talkyria y repite.

  8. Cancela el pedido de prueba en Shopify. Recuerda que tu agente te llamará por él.

Preguntas frecuentes

¿Por qué no usar solo «Personalizar con IA» de Talkyria?

Úsalo primero: cambia colores y tu WhatsApp. El asistente externo sirve cuando quieres además tu tipografía, tu logo u otro diseño.

¿Qué son los textos entre llaves?

Son los datos del pedido que Releasit reemplaza por los reales: número de pedido, teléfono, productos, total, dirección y ciudad. Si se cambia una letra, el cliente ve el texto con llaves en vez de su dato.

¿Qué texto exacto le doy al asistente?

Cópialo tal cual y completa los corchetes: Te paso el código de la página de gracias de mi tienda. Cámbiale el diseño a mi marca: color principal [tu color], color secundario [tu color], tipografía [tu fuente] y mi logo arriba de todo desde esta dirección: [enlace del logo]. Reglas obligatorias: 1. No cambies, no traduzcas y no borres nada de lo que está entre llaves, como {order_number}, {phone}, {products_summary_with_quantity}, {order_total}, {address}, {address2} y {city}: deben quedar idénticos. 2. No cambies el enlace de WhatsApp ni su número. 3. No agregues scripts. 4. Deja todo en un solo bloque, sin las etiquetas html, head ni body. 5. Devuélveme solo el código completo, sin explicaciones.

Para profundizar

Actualizada el 29 de octubre de 2026