y pegala antes de la etiqueta en tu HTML.", "position": 1 }, { "@type": "HowToStep", "name": "Agrega un contenedor (opcional)", "text": "Anade un div con el atributo data-videora-widget en el lugar donde quieras que aparezca el widget. Puedes personalizar formato, voz y duracion maxima con data attributes.", "position": 2 }, { "@type": "HowToStep", "name": "Publica y prueba", "text": "Publica tu pagina. El widget se inicializa automaticamente y tus usuarios podran generar videos con subtitulos desde tu sitio.", "position": 3 } ] }

Widget Embebible

Genera videos con subtitulos desde tu propia web

Un solo script tag. Tus usuarios escriben un guion, eligen formato y reciben un MP4 con narracion y subtitulos automaticos. Sin backend propio, sin configuracion compleja.

Integracion

3 pasos para integrar el widget

1

Copia el script

Pega esta linea antes de </body> en tu HTML:

HTML
<script src="https://videora.4l3.org/static/embed-widget.js"></script>
2

Agrega el contenedor

Coloca un div donde quieras el widget. Personaliza con data attributes:

HTML
<div
  data-videora-widget
  data-videora-format="9:16"
  data-videora-voice="es-MX-Ald">
</div>
3

Publica y listo

El widget se inicializa solo. Tus visitantes podran generar videos con subtitulos directamente desde tu sitio.

Incluye:

  • - Narracion con voz IA
  • - Subtitulos sincronizados
  • - Formatos 9:16, 16:9, 1:1
  • - Descarga directa MP4

Configuracion avanzada

API JavaScript

Renderizar via JS

Usa Videora.render() para control programatico:

JavaScript
Videora.render({
  template: "short",
  format: "9:16",
  duration_s: 30,
  narration: {
    text: "Tu guion aqui",
    voice: "es-MX-Ald"
  },
  captions: { enabled: true }
}).then(data => {
  console.log("Job:", data.job_id);
});

Consultar estado del job

Usa Videora.status() para polling:

JavaScript
Videora.status("abc123def456")
  .then(job => {
    if (job.status === "completed") {
      window.open(job.output_url);
    }
  });

Data attributes disponibles

Atributo Valores Default
data-videora-widget (sin valor, solo presencia) -
data-videora-format 9:16, 16:9, 1:1 9:16
data-videora-voice es-MX-Ald, es-ES-Luc, etc. es-MX-Ald
data-videora-max Duracion max en segundos (5-180) 60

Casos de uso

Donde usar el widget

🎥

Cursos online

Permite a tus alumnos convertir sus apuntes en video-resumenes con subtitulos. Ideal para plataformas educativas y LMS.

📺

Videos para YouTube

Genera clips cortos subtitulados listos para Shorts. Tus usuarios escriben el guion y descargan el MP4 al instante.

📱

Redes sociales

Videos verticales con subtitulos para TikTok, Reels e Historias. 80% de estos videos se ven sin sonido: los subtitulos son esenciales.

📚

Blogs y medios

Convierte articulos en video-posts subtitulados para aumentar el tiempo en pagina y el engagement de tus lectores.

🛒

E-commerce

Videos de producto con narracion y subtitulos. Aumenta la conversion al mostrar tu producto en accion con explicacion clara.

🎙

Podcasters y newsletters

Transforma fragmentos de texto en clips de video para promocionar episodios o ediciones en redes sociales.

Demo en vivo

Prueba el widget ahora

Este es el widget funcionando. Escribe un guion y genera tu video.

Preguntas frecuentes

Es gratuito usar el widget de Videora?

Si. El widget es gratuito para integrar. Los usuarios que lo usen tienen acceso al free tier de Videora (3 videos por mes). Para mayor volumen, pueden contratar un plan Pro o Premium.

Puedo personalizar el aspecto del widget?

El widget usa clases CSS con prefijo .vra- para evitar conflictos. Puedes sobreescribir cualquier estilo en tu propia hoja de estilos. Por ejemplo, cambia .vra-btn para modificar el boton de generacion.

Que formatos de video genera?

MP4 en tres formatos: 9:16 (vertical, TikTok/Reels), 16:9 (horizontal, YouTube) y 1:1 (cuadrado, feeds). Los subtitulos quedan incrustados directamente en el video.

Los subtitulos se generan automaticamente?

Si. Videora genera subtitulos sincronizados automaticamente a partir del guion de narracion. Aparecen incrustados en el video MP4 con estilo bold en la parte inferior.

Funciona en WordPress, Shopify u otro CMS?

Si. Solo necesitas insertar una linea de JavaScript. En WordPress usa un bloque HTML personalizado. En Shopify, anadelo en Themes > Edit code. Funciona en cualquier plataforma que permita insertar scripts.

Listo para integrar Videora?

Copia el script, pegalo en tu web y ofrece generacion de video con subtitulos a tus usuarios.