Antes de empezar
Genera el código de tu widget en el back office de bsport: Ajustes > Widgets, elige el tipo de widget, configura las opciones y luego desplázate hacia abajo y copia el código. Cada vez que cambias un ajuste se genera un nuevo código, y debes pegar la nueva versión en tu sitio para que el cambio se aplique.
Método 1 — Bloque de HTML personalizado (recomendado)
Para el editor de bloques estándar de WordPress:
Edita la página en la que quieres colocar el widget
Haz clic en + para añadir un bloque y busca HTML
Pega el código de tu widget en el bloque
Actualiza la página
Método 2 — Constructores de páginas
Elementor: elige un elemento HTML, arrástralo a la página y pega el código en él.
Divi: añade un módulo de Código y pega el código ahí.
WPBakery: añade un elemento Raw HTML.
En todos los casos el principio es el mismo: usa el elemento diseñado para HTML sin procesar, no un elemento de texto o texto enriquecido, ya que este eliminará las etiquetas de script.
Método 3 — En todo el sitio mediante un plugin de fragmentos de código
Úsalo cuando tu tema o tu configuración de seguridad no permitan scripts en el contenido de la página.
Instala un plugin de fragmentos de código como WPCode o Code Snippets
Crea un nuevo fragmento configurado para ejecutarse en el pie de página del sitio
Pega el código de tu widget y actívalo.
Copia el shortcode que aparece debajo:
Ve a la página en la que quieres tener el widget y elige el shortcode del elemento. Pégalo y guarda.
Evita editar los archivos del tema directamente desde Apariencia > Editor de archivos de tema. Los cambios ahí se pierden la próxima vez que se actualice tu tema.
Solución de problemas
El código desaparece después de guardar. Un plugin de seguridad (Wordfence, Sucuri) o tu rol de usuario está eliminando las etiquetas de script. Los administradores normalmente pueden insertar scripts; los editores y autores a menudo no. Si eres administrador y sigue ocurriendo, usa un plugin de fragmentos de código en su lugar.
El widget muestra información antigua o los cambios no aparecen. Borra la caché de tu plugin de caché (WP Rocket, W3 Total Cache, LiteSpeed) y la de cualquier CDN, como Cloudflare. La caché es la causa más común de que un sitio de WordPress muestre una versión desactualizada de una página.
Los cambios realizados en el back office no se muestran. Esto es independiente de la caché: la configuración no se actualiza automáticamente en tu sitio. Copia el código recién generado y sustituye por completo el anterior.
El widget se ve diferente a la vista previa del back office. La hoja de estilos de tu tema puede estar afectándolo. Activa el modo de compatibilidad en los ajustes de tu widget y, a continuación, copia y pega el nuevo código.
El widget aparece dos veces. Comprueba que no se haya añadido tanto al contenido de la página como a un fragmento de todo el sitio.
No aparece nada. Abre la página en una ventana de navegación privada para descartar la caché y, después, confirma que el código sigue presente en el bloque: algunos editores eliminan los scripts de forma silenciosa cuando una página se vuelve a guardar desde un modo de edición diferente.
¿Sigues atascado? Ponte en contacto con nuestro equipo de soporte con la URL de la página y una captura de pantalla, y le echaremos un vistazo.