Plugins WordPress de fragmentos de código o snippets ¿cuál es el mejor y más completo?

Además de instalar plugins y elegir el mejor tema para tu web, el hecho de añadir fragmentos de código a tu sitio WordPress es algo habitual, debido a que el código abierto permite modificar el software según nuestras necesidades, y a que en WordPress está todo el código disponible y bien documentado.

Aquí mismo, en Ayuda WordPress, tienes montones de fragmentos de código con los que personalizar, ampliar y mejorar tu web WordPress.

Ventajas de los fragmentos de código

El uso de fragmentos de código, code snippets en inglés, se ha extendido muchísimo en WordPress por varios motivos:

• Permiten personalizaciones y modificaciones simples y rápidas, con pocas líneas de código.
• Solo tienes que copiar y pegar, no es necesario saber programar.
• Permiten añadir funcionalidades sin tener que instalar más plugins.
• Puedes reunir en un único plugin personal montones de personalizaciones.

Cómo se añaden los fragmentos de código a WordPress

Hay varios métodos para añadir a tu sitio WordPress los fragmentos de código que encuentres en tus webs de referencia favoritas…

• Los temas incorporan por defecto el archivo functions.php, heredero del veterano y ya desaparecido my-hacks.php, el que puedes añadir tus fragmentos de código, normalmente los que tengan que ver o dependan del tema.
• Puedes crear un plugin mu o imprescindible, en el que añadir los fragmentos de código más importantes, independientes del tema activo, que tengan que cargarse lo antes posible.
• Puedes hacer un plugin personalizado (o varios) en el que añadir los fragmentos de código que uses en la web, que no dependan del tema activo.
• O puedes añadir un plugin de gestión de fragmentos de código, como los que vamos a ver en este tutorial de hoy, que tienen sus propias particularidades.

Qué método de añadir fragmentos de código es mejor

Aquí, aunque entra la cuestión de gustos y habilidades, si partimos de que no sea para ti un impedimento utilizar cualquiera de los métodos listados arriba, mi criterio para usar un método u otro sería el siguiente:

• Si el fragmento de código afecta o depende del tema activo, lo añado al archivo functions.php de un tema hijo del mismo. Así, cuando cambie de tema, también se desactivan automáticamente todos los códigos que eran específicos del tema anterior.
• Si el fragmento de código es independiente del tema y necesita cargarse con alta prioridad (por ejemplo, en tiendas online), lo añado como plugin mu.
• Si son varios fragmentos de código, que puede que reutilice en otras webs, creo un plugin con todos ellos y le pongo un nombre descriptivo, del tipo: «Mejoras de rendimiento para webs estáticas sin caché de objetos», o algo que lo describa bien.
• Si son varios fragmentos de código, y algunos hay que desactivarlos y activarlos en según qué situaciones, utilizo un plugin de fragmentos de código, pues permite una gestión sencilla y a un clic de los códigos.

Por resumir, en realidad no hay un método mejor, depende más que nada del objetivo del fragmento de código, del tipo de funcionalidad, y también de cómo se van a utilizar.

Los mejores plugins para añadir fragmentos de código a WordPress

Igual te sorprende, pero para una funcionalidad tan avanzada, tan valiente, como es esta de personalizar WordPress añadiendo códigos, hay un buen montón de plugins, y algunos con cientos de miles de instalaciones activas, lo que indica que atienden a una necesidad real.

También es cierto que muchísimos usuarios los utilizan únicamente para añadir scripts de publicidad, píxeles de Meta y cosas así, pero la realidad es que son plugins que se usan mucho, y en general funcionan muy bien, no dan problemas.

Pero basta de preámbulos y vamos a analizar los mejores plugins con los que añadir códigos a WordPress, que son unos cuantos, aunque hay diferencias entre ellos…

WP Headers and Footers

• Instalaciones activas: +200.000
• Última actualización: 3 semanas
• Puntuación promedio: 5 estrellas
• Cantidad de valoraciones: 107

Sencillo plugin con el que insertar código en cabecera, cuerpo y pie de página de toda la web, como harías, por ejemplo, con las opciones de integración o cajas de scripts de montones de temas, como Divi, lo que hace que este plugin, salvo que quieras tener tus scripts principales (analítica, publicidad, píxeles) independientes del tema activo.

Como único plus permite definir la prioridad de carga de los scripts.

Header and Footer Scripts

• Instalaciones activas: +200.000
• Última actualización: 1 semana
• Puntuación promedio: 4,5 estrellas
• Cantidad de valoraciones: 56

Este, como el anterior, permite añadir desde su pantalla de ajustes scripts en cabecera y pie de página de toda la web, también indicando la prioridad de carga, pero en esta ocasión incorpora una caja meta, que se añade al editor de WordPress, en la que podrás añadir códigos específicos en cabecera para entradas o páginas específicas, algo bastante útil en ocasiones.

Header Footer Code Manager

• Instalaciones activas: +600.000
• Última actualización: 4 meses
• Puntuación promedio: 5 estrellas
• Cantidad de valoraciones: 287

Este plugin de gestión de fragmentos de código supera con mucho en instalaciones a los anteriores y lo merece, pues aquí empezamos a hablar de otro nivel. Para empezar, permite exportar e importar los fragmentos de código que creemos con el plugin, lo que nos anticipa que podemos añadir muchos, pero ¿de qué manera?

Pues con un editor de fragmentos como si de un tipo de contenido se tratase, solo que con sus propios campos personalizados, lógicos en un fragmento de código.

Así, al crear un nuevo fragmento de código puedes especificar todo esto:

1. Nombre del fragmento, para distinguirlos.
2. Tipo de fragmento, a elegir entre HTML, CSS o JavaScript.
3. Visualización en el sitio, pudiendo elegir entre:
   • Toda la web
   • Páginas específicas
   • Entradas específicas
   • Páginas de archivo
   • Páginas de taxonomías
   • Página de inicio
   • … etc
4. Entradas, archivos, taxonomías o páginas en las que se visualizará, en caso de seleccionar una de estas opciones.
5. Excluir paginas y/o entradas, en el caso de visualización en archivos o todo el sitio.
6. Ubicación del código:
   • Cabecera
   • Pie de página
7. Visualización por dispositivo: en todos, solo en móviles o solo en escritorio (esto es la caña, y no lo tiene ningún plugin de este tipo, al menos en sus versiones gratuitas)
8. Estado: activo o inactivo, con lo que puedes añadir códigos, tenerlos guardados, activarlos o no a voluntad, o exportarlos para reutilizarlos.

A medida que vas creando los fragmentos de código tienes una pantalla donde aparecen todos ellos, pudiendo activar o desactivar a un clic, o copiar el shortcode que se genera automáticamente por si quieres que el código se ejecute únicamente en algún contenido, en el que insertes el shortcode, lo que viene a ser otro modo que tiene el plugin de poder añadir códigos personalizados por contenido específico, además de los que así configures en el editor.

Como puedes comprobar, un auténtico todoterreno en plugins de fragmentos de código, muy completo, cuya única pega es que no incorpora en la versión gratuita la posibilidad de añadir códigos PHP, con lo que ya sería perfecto, pero claro, entiendo, entonces no venderían el PRO, lógico.

En otros plugins también pasa lo mismo, ya lo verás, pero cambiando qué incluye o no en la versión gratuita.

En cualquier caso es un pedazo de plugin, que para todo lo que sea añadir fragmentos de código HTML, CSS y JavaScript es perfecto, sin una pega que ponerle.

Head, Footer and Post Injections

• Instalaciones activas: +300.000
• Última actualización: 2 meses
• Puntuación promedio: 5 estrellas
• Cantidad de valoraciones: 726

Este plugin es otra joya, que muestra sus valores en la página de ajustes, donde puedes evaluar todo su potencial. Además, como plus, en el editor de WordPress incorpora unas casillas desde las que desactivar scripts globales que tengas activos mediante el plugin.

Con este plugin puedes hacer un montón de cosas…

• Inyectar código en cabecera o pie de toda la web
• Inyectar código en entradas y páginas antes y después del contenido (ideal para publicidad o personalizaciones)
• Inyectar código (5) DENTRO de las entradas, indicando antes o después de qué marcador o textos.
• Inyectar código antes y después de los extractos.
• Inyectar otros códigos (hasta 5) mediante shortcodes, del tipo [snippet_N], donde N es el número del 1 al 5.
• Inyectar códigos en páginas AMP, en cabecera, pie, antes o después del contenido, inyectar CSS.
• Inyectar códigos genéricos según el dispositivo (escritorio o móvil)
• Permitir la ejecución de PHP en entradas, páginas y otros tipos de contenido, ajuste peligroso donde los haya, pero útil fuera de toda duda, para llegar a donde no te sirvan la enorme cantidad de cajas de inyección de código que ofrece el plugin en su extensa pantalla de ajustes.

Este plugin, aunque no me gusta su distribución por medio de pestañas, algo que es cuestión meramente estética, he de reconocer que tiene un potencial enorme pues permite insertar códigos en casi cualquier parte de tu instalación, aunque esté principalmente orientado a la inyección de scripts, en lo que destaca por sus tremendas posibilidades.

Code Snippets

• Instalaciones activas: +1 millón
• Última actualización: 2 meses
• Puntuación promedio: 4,5 estrellas
• Cantidad de valoraciones: 459

Este es el campeón, o al menos el más conocido y utilizado entre los plugins de fragmentos de código, y lo es por mérito propio, y hazme caso cuando te digo que es el más completo, aunque no lo parezca, solo tienes que llegar al final de esta valoración.

Con Code Snippets puedes hacer (casi) de todo:

• Exportar e importar snippets
• Añadir fragmentos de código activos o inactivos
• Crear fragmentos de código PHP y HTML (JavaScript y CSS únicamente en la versión de pago)
• Permite ejecutar código solo una vez
• Permite ejecutar códigos en la parte visible de la web o solo en la administración, o en todas partes.
• Permite asignar prioridad a los códigos
• Ofrece inicialmente unos códigos de muestra

Casi tardamos menos indicando qué no se puede hacer con este plugin:

• Insertar CSS … pero para eso ya tenemos el personalizador ¿verdad?
• Insertar JavaScript, pero esto no es así del todo, porque …

En realidad sí puedes añadir JavaScripts, de hecho todo tipo de scripts, usando la opción de fragmentos de código HTML, y desde ahí elegir dónde se ejecutará el script:

• En la sección <head> de la web
• En la sección <body> de la web

O sea, que también puedes usarlo para inyectar scripts en cabecera y pie de página, con lo que te sirve para todos esos códigos de píxeles, analítica, publicidad, etc.

Lo otro que – en teoría – no permite es…

• Insertar códigos en entradas o páginas específicas, pues en la versión gratuita no ofrece esta posibilidad en el editor de WordPress.

Pero… resulta que sí puedes, también añadiendo el fragmento de código como HTML y, al editarlo, definir que solo se ejecute cuando esté insertado en una entrada o página, con lo que al guardarlo te crea un shortcode, que podrás insertar donde necesites que esté activo el código.

No funcionarán todos los códigos que añadas para usarlos con shortcodes, pero sí muchos, así que prueba antes de instalar otro plugin solo para esto.

Con todo esto que he explicado, se entiende que sea tan popular, sobre todo porque la versión gratuita está principalmente enfocada en códigos PHP, que son los más habituales que se usan para personalizar o ampliar funcionalidades de WordPress.

WPCode Lite

• Instalaciones activas: +2 millones
• Última actualización: 2 semanas
• Puntuación promedio: 5 estrellas
• Cantidad de valoraciones: 1.486

Otro campeón, también muy popular y conocido, es este plugin, competidor directo del anterior, de Code Snippets.

Sus argumentos son los siguientes:

• Funcionamiento como editor de fragmentos de código e inyección de códigos en cabecera y pie, o solo como inyección de códigos en cabecera y pie (esto es herencia, pues antiguamente solo servía para esto último, lo del editor de fragmentos se le incorporó hace poco relativamente)
• Códigos de ejemplo
• Inserción automática de códigos o mediante shortcode
• Inserción en todas partes o mediante lógicas condicionales
• Asignación de prioridades de carga
• Ejecución condicional a elegir
• Ejecución por estado de conexión
• Ejecución por perfil de usuario
• Exportar e importar
• Inserción en contenidos específicos detallando la ubicación

Tremendos ¿verdad?

Claramente, ha tomado todo lo que ofrecía Code Snippets y le ha añadido un montón de utilidades gratuitas, incluso algunas que son de pago en el otro plugin.

En este caso, el plugin deja para la versión PRO varias de las opciones de carga o inserción condicional, la asistencia de IA para crear fragmentos y algunos ajustes más, como la inserción por dispositivo, pero completo es una barbaridad.

Para mi, quizás lo único que me echa algo para atrás de este plugin es precisamente la enormidad de opciones, que llega a ser abrumadora, cuando la mayoría de las veces se necesita poco o más a la hora de insertar códigos, pero vamos, que potente lo es y un rato.

Woody code snippets

• Instalaciones activas: +70.000
• Última actualización: 7 meses
• Puntuación promedio: 4,5 estrellas
• Cantidad de valoraciones: 206

Un pretendiente al trono de los plugins de fragmentos de código es Woody, con funcionalidades e interfaz basada en los dos anteriores.

Así, permite crear múltiples fragmentos de código, y activar o desactivar a voluntad los que quieras.

En lo que se distingue de otros es en que puedes añadir (gratis) cualquier tipo de fragmento de código, desde HTML a PHP, pasando por CSS, o los que el plugin llama Universal, que puedes seleccionar cualquier parte de la web donde insertarlo.

Además, dispone de selector de lógica condicional por distintos parámetros para la inserción.

Es una solución sencilla y potente para insertar todo tipo de códigos de manera gratuita

WP Coder

• Instalaciones activas: +10.000
• Última actualización: 2 semanas
• Puntuación promedio: 5 estrellas
• Cantidad de valoraciones: 28

El pequeño del grupo de los plugins multi-fragmentos de código es también un poco diferente, y tiene algunas funcionalidades que puede que te hagan decantarte por usar este en vez del resto, porque están bastante bien.

Lo que ofrece:

• Inyección de código PHP global.
• Inserción de códigos de seguimiento, analítica y publicidad por ID y parámetros.
• Gestor de (útiles) fragmentos de código por defecto
• Añadir fragmentos de código
• Activar o desactivar fragmentos de código HTML, CSS, PHP, JS e Include
• Shortcodes de fragmentos de código para inserción personalizada
• Modo de pruebas

Como ves, es muy completo,  y sobre todo te deja crear todo tipo de fragmentos de código, e insertarlos a voluntad.

Lo que quizás convence menos es el editor de código, que por defecto a veces parece que no hay nada y es que está en la pestaña del código correspondiente.

¿Cuál es el mejor plugin WordPress de fragmentos de código?

Ah sí, que mucho explicarte lo bueno y menos bueno de cada uno pero no te he contestado a la pregunta inicial, sobre cuál es el mejor…

• El plugin más completo de todos es, con diferencia WPCode Lite, es el que más funcionalidades tiene con diferencia.
• El mejor plugin es Code Snippets – y te preguntarás ¿por qué, si tiene menos cosas que WPCode Lite?, ahora te lo explico.

Algunos detalles sobre mi decisión y opinión…

• Descarto los que solamente valen para inyectar códigos porque eso ya lo ofrecen montones de temas y es mucha inseguridad (ver más abajo el motivo) para algo que se puede hacer – una vez – usando otros métodos (ver al principio).
• Descarto Woody code snippets porque, aunque permite añadir todo tipo de códigos, es flojo en el resto de aspectos, y no permite exportar en la versión gratuita.
• Descarto WP Coder porque es una mezcla extraña de funcionalidades de varios plugins que, en vez de ayudar a simplificar, complican la gestión de códigos de la web.

Y, finalmente, no elijo, o sea, que descarto también a WPCode Lite, a pesar de ser el que más funcionalidades tiene, precisamente por eso, porque se les ha ido la mano queriendo ser el mejor plugin de fragmentos de código, y han terminado creando un monstruo que aúna funcionalidades de varios plugins, y sin llegar a suplirlos.

Antes de comprarlo WP Beginner era un buen plugin de inyección de códigos en cabecera y pie, pero al comprarlo, y querer destacar del resto, de paso aprovechando la base instalada, han hecho como con otros plugins que compran: llenarlos de funcionalidades en la versión gratuita, para destacar del resto de competidores, y hacer un monstruo que no tiene nada que ver con el plugin que un día fue, limpio, sencillo y totalmente gratuito.

En este caso han añadido montones de herramientas a medias que cualquier buen plugin de inserción de anuncios te ofrece, con una interfaz más sencilla y de manera gratuita, así que lo que parece una aportación sobra del todo.

Y en el resto, en la parte de añadir fragmentos de código no mejorar sustancialmente al resto de plugins que hacen lo mismo.

Mientras tanto, Code Snippets es fiel a su utilidad, sin miles y miles de funcionalidades y herramientas innecesarias para lo que busca un usuario de este tipo de plugins: poder añadir fragmentos de código (snippets), casi siempre PHP, y ocasionalmente scripts, de manera sencilla a su sitio WordPress. Y para eso es sencillo, efectivo, y ligero, sin tener que pagar por la versión PRO.

Advertencia: La seguridad y los plugins de fragmentos de código

Antes de que te emociones, te animo a volver al apartado en el que hablábamos, al principio de esta guía, de los otros métodos con los que añadir fragmentos de código a tu web, pues los plugins de fragmentos de código tienen, de manera inherente, una vulnerabilidad, son inseguros por naturaleza 😮

Esto es debido a que permiten la edición de códigos desde la administración de WordPress, aunque tengas anulada la edición de códigos, no atienden a la protección de la constante DISALLOW FILE_EDIT, por lo que cualquier usuario que consiga escalar permisos en la administración de WordPress, puede tomar posesión completa de toda la instalación, insertando todo tipo de códigos, gracias precisamente a estos plugins,

Hay un debate hace tiempo en el directorio de plugins oficial de WordPress sobre este problema, y no descartes que en algún momento lleguen a prohibirse este tipo de plugins, que permiten la edición de código dentro de la administración de WordPress. Queda hecho el aviso 😉

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!