Añade un agente de voz con IA a páginas de destino de Swipe
Añade el agente de voz de AnveVoice a Swipe Pages con Global settings y Custom Javascript: paso de publicación, sin vista previa, límites de las páginas AMP.
Cómo añadir AnveVoice a páginas de destino de Swipe Pages
Abre Global settings (Ajustes globales) en el editor de Swipe Pages, elige Custom Javascript (JavaScript personalizado), pega la etiqueta de AnveVoice, guarda y publica. El código personalizado no se muestra en la vista previa y las páginas AMP restringen el JavaScript personalizado, así que usa una página Standard. Pasos comprobados con la documentación oficial el 2026-10-14.
En resumen
- Dónde va el código: Editor → Global settings (Ajustes globales) → Custom Javascript (JavaScript personalizado) → pegar, guardar, publicar
- Vista previa: El CSS y el JavaScript personalizados no se muestran en la vista previa; comprueba la página publicada
- Tipo de página: Páginas Standard, no páginas AMP, si necesitas JavaScript personalizado
- Para toda la cuenta: Swipe Pages incluye los Global Scripts (scripts globales) como función del plan Agency
Antes de empezar
Obtén tu ID de incrustación en app.anvevoice.app (el plan Free cuesta 0 US$, sin tarjeta). La página que editas en Swipe Pages debe ser una página Standard, y debes poder publicarla. Swipe Pages admite páginas de destino AMP, y su centro de ayuda explica que AMP no permite JavaScript personalizado salvo que el código cumpla AMP. El código personalizado puede seguir ejecutándose, pero la página publicada deja de ser un AMP válido, y la entrega de AMP de Google solo sirve páginas que pasan la validación. La respuesta recomendada es una página Standard, que el editor puede crear a partir de una página AMP con la opción Create Standard Version (Crear versión estándar).
- 1. Copia la etiqueta de instalación — Sustituye YOUR_EMBED_ID por el ID de tu panel. La URL acepta &position=bottom-left y &theme=dark si quieres cambiar el aspecto. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>
Añade la etiqueta con Custom Javascript
Swipe Pages mantiene los ajustes de scripts a nivel de página en el panel Global settings (Ajustes globales) del editor. El artículo de ayuda sobre CSS y JavaScript personalizados tiene unos años, así que si una etiqueta difiere ligeramente en tu editor, busca el elemento equivalente en Global settings.
- 1. Cambia a una página Standard — Si la página es AMP, usa Create Standard Version (Crear versión estándar) y después abre esa copia en el editor.
- 2. Abre Global settings — Haz clic en Global settings (Ajustes globales) en el editor.
- 3. Elige Custom Javascript — Se abre un cuadro de diálogo donde puedes escribir o pegar código.
- 4. Pega la etiqueta — Pega la etiqueta de script de AnveVoice exactamente como se muestra y guarda los ajustes.
- 5. Publica la página — Haz clic en Publish (Publicar). Swipe Pages indica que los efectos del CSS y el JavaScript personalizados no aparecen en el modo de vista previa, así que la URL publicada es la única comprobación fiable.
Campo de código de seguimiento y scripts para toda la cuenta
Swipe Pages también ofrece un campo de código de seguimiento bajo la sección Head de una página, que su guía de Meta Pixel utiliza: pega el script, haz clic en Save changes (Guardar cambios) y después en Publish (Publicar). Puedes colocar también ahí la etiqueta de AnveVoice si prefieres mantenerla junto a tus otros scripts de seguimiento, pero basta con un solo lugar. Para ejecutar un script en todas las páginas de destino de una vez, la página de precios de Swipe Pages enumera los Global Scripts como función del plan Agency, no de los demás planes. Si gestionas muchas páginas con un plan inferior, repite el paso de Custom Javascript en cada página, o coloca el agente de voz solo en una página principal.
Comprueba que funciona
- 1. Abre la URL publicada — Usa el enlace en vivo en una ventana privada; la vista previa del editor parecerá indicar que el código no hizo nada.
- 2. Busca el botón de voz — Un botón redondo de micrófono aparece abajo a la derecha. Haz clic, permite el acceso al micrófono y pregunta algo sobre la oferta de la página.
- 3. Prueba en un teléfono — Abre la misma URL en el móvil para confirmar que el botón no se superpone a una barra fija de llamada a la acción.
Problemas comunes
- No aparece nada tras guardar: revisa la página publicada en lugar de la vista previa, y confirma que pulsaste Publish (Publicar) después de guardar.
- La página muestra errores de validación de AMP: el JavaScript personalizado no está permitido en páginas AMP salvo que cumpla AMP. Crea una versión Standard.
- El botón tapa tu botón fijo del pie: establece &position=bottom-left en la URL de la etiqueta.
- El aviso del micrófono nunca se abre: la página debe cargarse por HTTPS, incluido en tu dominio propio.
Fuentes
- Ayuda de Swipe Pages: añadir CSS y JavaScript personalizados a la página de destino (https://docs.swipepages.com/en/articles/4786776-how-to-add-custom-css-javascript-to-the-landing-page) — consultado el 2026-10-14
- Ayuda de Swipe Pages: ¿por qué mi JavaScript no funciona en páginas AMP? (https://docs.swipepages.com/en/articles/4749942-why-is-my-javascript-not-working-in-amp-pages) — consultado el 2026-10-14
- Ayuda de Swipe Pages: añadir código de seguimiento de Meta Pixel (https://docs.swipepages.com/en/articles/6926419-how-to-add-meta-pixel-tracking-code-in-swipe-pages) — consultado el 2026-10-14
- Swipe Pages: precios (https://swipepages.com/pricing) — consultado el 2026-10-14
Relacionado
- Cómo añadir AnveVoice a las páginas de aterrizaje de Landingi
- Cómo añadir AnveVoice a páginas de destino de Unbounce
- Cómo añadir AnveVoice a una página o un sitio de Leadpages
- Cómo añadir AnveVoice a las páginas de aterrizaje de Instapage
Prueba AnveVoice en tu sitio
Plan gratuito: 0 US$, 50.000 tokens al mes, sin tarjeta. Obtén tu ID de inserción en el panel y pega una etiqueta.