Añade un agente de voz con IA a un sitio de Strikingly

Cómo añadir AnveVoice a un sitio web de Strikingly

En el editor de Strikingly ve a Settings (Configuración), Advanced (Avanzado), Custom Code (Código personalizado) y pega la etiqueta de AnveVoice en el cuadro Footer (Pie). Strikingly ofrece código personalizado en sus suscripciones Pro y VIP, y las entradas del blog usan cuadros de código separados. Investigado a partir de las fuentes indicadas el 2026-10-14.

En resumen

• Dónde va el código: Settings (Configuración), Advanced (Avanzado), Custom Code (Código personalizado), Footer (Pie); también existen Header y una sección HTML
• Límite del plan: Strikingly indica que el código personalizado está disponible en las suscripciones Pro y VIP
• Entradas del blog: Cuadros separados en Settings (Configuración), Blog, Blog Settings (Ajustes del blog)
• Límite: Sin acceso al código de backend; solo HTML, CSS y JavaScript de front end

Tres lugares para el código personalizado

El centro de ayuda de Strikingly enumera tres lugares donde puedes añadir tu propio código. El primero es una sección HTML, añadida mediante Add New Section (Añadir nueva sección), después App Store & HTML (App Store y HTML), y luego HTML. Está pensada para incrustaciones que se muestran dentro de la página, como un formulario. Los otros dos son un cuadro Header (Cabecera) y un cuadro Footer (Pie) en Settings (Configuración), Advanced (Avanzado), Custom Code (Código personalizado). La recomendación de Strikingly es que el código de estilo y de seguimiento vaya en la cabecera, y el JavaScript para cosas como los clientes de chat, en el pie. Un asistente de voz se parece más a un cliente de chat, así que el cuadro Footer es el lugar adecuado para la etiqueta de AnveVoice. La sección HTML es el lugar equivocado porque se renderiza dentro de la estructura de la página, y el botón que dibujamos flota fuera de ella. Obtén antes tu ID de incrustación en app.anvevoice.app; el plan Free cuesta 0 US$ con 50.000 tokens al mes y sin tarjeta.

• 1. Copia la etiqueta — Sustituye YOUR_EMBED_ID por tu propio ID. Puedes añadir &position=bottom-left o &theme=dark. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Instalación en el cuadro Footer

• 1. Abre el editor de Strikingly — Inicia sesión y abre el sitio que quieres editar.
• 2. Abre Settings — Haz clic en Settings (Configuración) y después en Advanced (Avanzado).
• 3. Abre Custom Code — Selecciona la pestaña Custom Code (Código personalizado) y localiza el cuadro Footer (Pie).
• 4. Pega la etiqueta de AnveVoice — Pega la línea en Footer (Pie). Deja intactos los demás scripts que ya estén ahí.
• 5. Guarda y publica — Guarda el cambio y después publica el sitio para que los visitantes reciban la actualización.

El requisito de plan

El artículo de soporte de Strikingly indica que la función de código personalizado está disponible actualmente para las suscripciones Pro y VIP, y que el acceso al código de backend no está admitido. Su página de funciones de Pro repite que el código personalizado, es decir, tu propio HTML, CSS y JavaScript en la cabecera, el pie o una sección HTML, es una función de nivel Pro. En un plan inferior, la pestaña Custom Code (Código personalizado) no se puede usar o te pide que mejores el plan. Los artículos de ayuda de Strikingly son bastante antiguos, y los nombres de los planes cambian, así que revisa la página de precios y tus propios Settings antes de confiar en esto. Si tienes un sitio gratuito, puedes probar AnveVoice en cualquier otra plataforma o en un sitio de prueba de pago antes de actualizar.

Detalles de Strikingly que importan

• Las entradas del blog son independientes. Strikingly da a las entradas del blog sus propios cuadros de código de cabecera y pie en Settings (Configuración), Blog (Blog), Blog Settings (Ajustes del blog). Solo se aplican a las entradas del blog, y el código personalizado del sitio principal no se aplica a ellas. Para tener el agente de voz en las entradas, pega la etiqueta en ambos lugares.
• No dependas de jQuery. Si alguna vez añades scripts que necesiten jQuery, Strikingly indica que debes esperar al evento de carga de la página con su propio envoltorio _strk.push Page.didMount. AnveVoice no usa jQuery, así que puedes ignorarlo salvo que otro código entre en conflicto.
• Solo front end. Strikingly no da acceso al backend, lo cual no supone problema para AnveVoice, ya que toda la función se ejecuta en el navegador.
• Todo el sitio por defecto. El código personalizado del cuadro Footer principal se aplica a las páginas del sitio principal, así que un sitio de una sola página lo recibe una vez.
• HTTPS. Los navegadores exigen HTTPS para el micrófono; usa la dirección publicada y protegida al hacer pruebas.

Comprueba que funciona

• 1. Abre el sitio publicado — Usa una ventana privada con tu dirección en vivo.
• 2. Busca el botón — Un micrófono redondo aparece abajo a la derecha salvo que establezcas bottom-left.
• 3. Prueba una entrada del blog — Si usas el blog, abre también una entrada. Sus cuadros de código son independientes, así que el botón puede faltar allí hasta que añadas la etiqueta.

Problemas comunes

• La pestaña Custom Code no está disponible: tu suscripción es inferior a Pro.
• El botón aparece en las páginas pero no en las entradas del blog: añade la etiqueta en los cuadros propios del blog.
• Nada tras guardar: publica el sitio; la versión en vivo no se actualiza solo al guardar.
• Conflictos tras añadir otros scripts: elimínalos uno a uno para encontrar el choque.

Fuentes

• Soporte de Strikingly: Add Custom Code (HTML, CSS y JavaScript) (https://support.strikingly.com/hc/en-us/articles/215046517-Add-Custom-Code-HTML-CSS-and-JavaScript) — consultado el 2026-10-14
• Soporte de Strikingly: Custom Code for Blog Posts (código personalizado para entradas de blog) (https://support.strikingly.com/hc/en-us/articles/115000104001-Custom-Code-for-Blog-Posts) — consultado el 2026-10-14

Relacionado

• Cómo agregar AnveVoice a un sitio web de Weebly
• Cómo añadir AnveVoice a un sitio web de Jimdo
• Cómo añadir AnveVoice a un sitio de Carrd
• Cómo añadir AnveVoice a un sitio web de Duda

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.