WordPress
Cómo agregar contenido interactivo a WordPress sin instalar un plugin
No necesitas un plugin para cada elemento interactivo en tu sitio WordPress. Aquí explicamos cómo funciona embeber herramientas externas y cuándo tiene más sentido que instalar algo.
La respuesta por defecto para agregar cualquier cosa a un sitio WordPress es: busca un plugin. Y para la mayoría de las cosas, eso es razonable. Los plugins son para lo que WordPress fue construido.
Pero hay una categoría de herramientas que funcionan diferente, y vale conocerla. En lugar de instalar algo en WordPress, creas tu contenido en una herramienta externa y pegas un código de embed en tu página. El elemento interactivo corre desde los servidores de esa herramienta. Tu sitio WordPress simplemente aloja un pequeño iframe que apunta a ella.
Así es como funcionan los embeds de YouTube. Y los de Spotify. Y muchas otras cosas que probablemente ya tienes en tu sitio sin pensar en ellas como “plugins”.
Para contenido interactivo específicamente, este enfoque tiene algunas ventajas reales. Veamos cómo funciona.
La mecánica básica
Casi todas las herramientas que permiten embeber contenido funcionan igual. Obtienes un fragmento de HTML que se parece a esto:
<iframe src="https://herramienta.ejemplo.com/tu-contenido-id"
width="100%"
height="600"
frameborder="0">
</iframe>Ese código le dice al navegador: ve a buscar este contenido a esta dirección y muéstralo en un cuadro de este tamaño. Los servidores de la herramienta se encargan de todo lo demás: la lógica, el estilo, los datos, las actualizaciones.
Para agregar esto a WordPress, pegás ese HTML en tu página. Dónde exactamente depende del editor o constructor de páginas que estés usando.
Cómo agregar un embed a tu página
Editor de bloques (editor estándar de WordPress desde 2019): Buscá el bloque “HTML personalizado”. Podés buscarlo en el insertador de bloques o escribir /html para agregarlo. Pegá el código de embed dentro del bloque. Cambiá a vista previa para verlo renderizado.
Editor clásico: En el editor visual, haz clic en la pestaña “Texto” (no Visual). Eso te cambia a la vista HTML. Encuentra el lugar donde quieres el embed, pega el código ahí, y vuelve a Visual para revisarlo.
Elementor: Agrega un widget HTML a tu layout. Pega el código de embed en el campo HTML del panel de configuración. La vista previa se actualizará para mostrar el contenido embebido.
Divi: Usa un módulo de Código. Ábrelo, pega tu código de embed, guarda. Se renderiza en el lugar.
Beaver Builder, Bricks, GeneratePress u otros: Busca un widget o módulo de HTML, Código o Embed. Todos funcionan igual. Pega el código, guarda, listo.
El punto es: esto funciona en todos lados. No estás agregando algo a WordPress en sí, simplemente estás pegando HTML que el navegador sabe cómo mostrar.
Qué tipos de contenido vale la pena embeber
Los embeds tienen sentido cuando la herramienta hace algo que sería complejo o pesado de replicar como plugin.
Quizzes con lógica de ramificación (como Interact o Typeform) son un buen ejemplo. Podrías instalar un plugin, pero estas herramientas son mantenidas a tiempo completo por empresas cuyo producto entero es ese quiz. El embed generalmente tiene mejor calidad que el plugin equivalente.
Encuestas y votaciones en vivo son otro caso claro. Si quieres una encuesta donde los resultados se actualicen en tiempo real y los participantes puedan verlos, eso requiere una conexión permanente a un servidor. Hacer eso dentro de WordPress requiere infraestructura que va mucho más allá de un plugin. Herramientas como Questiory lo gestionan de forma externa y te dan un embed.
Nubes de palabras donde la audiencia escribe respuestas y la nube se actualiza a medida que la gente contribuye. Esto es tiempo real, colaborativo, visual. No es algo que un plugin pueda replicar fácilmente.
Gráficos que reflejan el aporte de la audiencia, no datos estáticos. Gráficos de radar, barras y torta que se completan a medida que la gente responde.
Calculadoras (hipotecas, precios, ROI) construidas en herramientas especializadas como Calconic o Outgrow hacen embed limpio y serían dolorosas de replicar en WordPress.
Cuándo tiene más sentido usar un plugin
Para ser honestos sobre los tradeoffs:
Los plugins que se integran con datos de WordPress tienen más sentido cuando necesitas esa integración. Si quieres resultados de quiz guardados en tu base de datos de WordPress, conectados a cuentas de usuarios, vinculados a compras de WooCommerce, o alimentando lógica de membresía, necesitas un plugin. Los embeds no tienen acceso a tus datos de WordPress.
Los plugins también tienen sentido para cosas más simples. Un formulario de contacto básico, un widget de valoración con estrellas, un sistema de votación en comentarios. Estas cosas no necesitan infraestructura externa. Un plugin liviano está bien.
La regla aproximada: si la interactividad es autocontenida y no necesita comunicarse con tus datos de WordPress, un embed es frecuentemente más liviano y mejor. Si necesitas que esté integrada en la lógica de tu sitio, un plugin es la herramienta correcta.
Un punto de partida práctico
Si quieres probar esto con una actividad en vivo, una forma de hacerlo:
- Ve a questiory.com y crea una cuenta gratuita
- Elige un template. Una nube de palabras es una buena primera prueba porque el resultado es visual e inmediatamente obvio
- Una vez que lo configuraste, busca la opción de compartir o embeber
- Copia el código iframe que te proporciona
- Pégalo en tu página de WordPress usando cualquiera de los métodos anteriores
- Publica y abre la página en tu teléfono mientras está abierta en tu computadora
Verás cómo funciona el embed en tiempo real. Las respuestas de los participantes actualizan la visualización en vivo sin ninguna recarga.
Eso es básicamente todo. La parte que sorprende a la mayoría es cuánto menos configuración requiere de lo que esperaban.
¿Qué estás tratando de agregar a tu sitio WordPress? Eso generalmente determina bastante rápido si un embed o un plugin es la mejor opción.