Cómo agregar un widget de trabajos recientes a tu sitio web

Es una etiqueta de script, y va en el cuerpo de la página

Un widget de trabajos recientes se carga solo. No hay hoja de estilos que agregar, ni librería que instalar, ni compilación que correr. Pegas una etiqueta `<script>` donde debe aparecer el bloque y el script crea ahí todo lo que necesita.

Eso tiene una consecuencia que conviene saber antes de empezar: la etiqueta va en la parte visible de la página —el cuerpo— y no en un campo de inyección de encabezado o pie. Esos campos existen para etiquetas de analítica y verificación, que no muestran nada. Ésta sí muestra algo, así que va donde quieres verla.

• Pégala tal cual; no cambies la URL ni le agregues atributos.
• Ponla en el cuerpo de la página, en la posición que debe ocupar el bloque.
• No la envuelvas en otro iframe: el script crea el suyo.
• Una página puede llevar más de una sólo si cada etiqueta es un widget distinto.

Encuentra cómo le llama tu constructor al bloque de código

Todos tienen uno. Lo único que cambia es el nombre, y todos significan lo mismo: un contenedor cuyo contenido se trata como HTML y no como texto.

**WordPress** le dice bloque de HTML personalizado, y los constructores encima de él —Elementor, Divi, Beaver Builder— traen su propio widget de HTML o código. **GoHighLevel** le dice elemento de código personalizado. **Wix**, insertar código. **Squarespace**, bloque de código. **Shopify** ofrece una sección de Liquid personalizado, o la vista HTML dentro del editor de la página. **Webflow** y **Framer** le dicen Embed. **GoDaddy**, sección HTML, y **Duda**, widget HTML. Un sitio hecho a mano no necesita bloque: abres el archivo y pegas la etiqueta dentro del cuerpo.

Dos cosas que hacen ver rota una instalación que funciona

La primera es la vista previa del editor. Squarespace, Webflow, Framer y GoHighLevel no ejecutan scripts externos dentro de su propio lienzo de edición. Vas a ver una caja vacía, un marcador gris o nada, y vas a concluir que el código falló. Publica la página y ábrela como visitante antes de juzgar: ésa es la única vista que dice la verdad.

La segunda son los planes. Wix y Squarespace reservan el código personalizado para planes de pago, y Wix además pide dominio conectado. Si el bloque de código no aparece en el menú, o se niega a guardar, casi siempre es el plan y no el código.

• Juzga el resultado en la página publicada, nunca en el editor.
• Wix mete los insertados en un marco de tamaño fijo: dale alto de sobra.
• No todos los temas de Shopify ofrecen Liquid personalizado; el editor HTML de la página funciona en todos.

Si una IA mantiene el sitio, dale también las condiciones

Hoy se editan más sitios desde un asistente que desde los menús del constructor, y un asistente al que sólo le das la etiqueta muchas veces la "mejora": le cambia la URL, le agrega atributos, la mueve al encabezado, la envuelve en un contenedor que le rompe el tamaño. Cada una de esas convierte un widget que servía en un ticket de soporte.

Dale la etiqueta y las reglas juntas: pégala sin cambios, ponla en el cuerpo donde debe aparecer el bloque, sin hojas de estilo ni compilación, no la envuelvas en otro iframe, déjala en la página publicada. Y luego pregúntale en qué página la puso y en qué parte. Esa última pregunta es la que vuelve comprobable el resultado.

Revísalo como lo verá un cliente

Abre la página publicada en una ventana normal, no en una vista previa ni con sesión de editor. El bloque debe aparecer donde lo pusiste, del tamaño del espacio que le diste, y seguir ahí después de recargar a fondo.

Si el widget muestra un estado vacío en lugar de trabajos, la instalación está bien y el negocio todavía no ha publicado nada. Es otro problema con otra solución, y distinguirlos ahorra una tarde: un problema de instalación no muestra nada; uno de contenido muestra el widget, educadamente vacío.

Cuando aun así no funciona

Revisa las tres cosas que explican casi todos los casos, en orden: que la etiqueta esté en el cuerpo y no en un campo de encabezado, que estés viendo la página publicada y no un editor, y que el plan realmente permita código personalizado.

Si las tres se cumplen y el bloque sigue sin aparecer, deja de adivinar. Los constructores cambian sus menús en cada rediseño, y una guía escrita la temporada pasada puede mandarte a buscar un botón que ya se movió. Escribe a soporte con la URL de la página y lo que ves: es más rápido que otra hora de intentos.