El bloque HTML personalizado es ideal para usuarios con flexibilidad y control sobre su contenido. Te permite añadir código HTML directamente a tus entradas o páginas sin alterar los archivos del tema.
También añade widgets personalizados, formularios o scripts de plataformas externas como Google Maps, incrustaciones de redes sociales o herramientas analíticas. También permite previsualizar el código antes de publicarlo.
Hoy, le mostraremos cómo usar el Bloque HTML Personalizado en WordPress con sencillos pasos. Asegúrate de seguirnos hasta el final.
¿Qué es el bloque HTML personalizado de WordPress?
¿Qué es el bloque HTML personalizado de WordPress?
El bloque HTML personalizado es un bloque central que te permite mostrar código HTML personalizado en tus entradas y páginas. Es una herramienta útil para añadir elementos de diseño únicos, incrustar scripts externos, etc.
Soporta entrada HTML sin procesar. Por lo tanto, se obtiene un control completo sobre la salida en el front-end de su sitio web.
¿Cuáles son las principales características del bloque HTML personalizado?
- Opción de vista previa: Vea cómo aparecerá su código HTML en el front-end sin salir del editor.
- Flexibilidad: Añade scripts, estilos en línea o incrustaciones personalizadas sin restricciones en el tipo de código HTML que utilices.
- Capacidad de respuesta: Garantiza que las salidas HTML personalizadas se ajusten a los distintos dispositivos, en función de la estructura de su código.
Funciones de la barra de herramientas del bloque HTM personalizado?
- Transformar a: Puede transformar este bloque en los bloques Columnas, Código, Detalles y Grupo.
- Asas móviles: Permite mover el bloque hacia arriba y hacia abajo en el editor para organizar mejor el contenido.
- Arrastra: Permite arrastrar y soltar el bloque dedicado en cualquier lugar.
- HTML: Este botón permite que ves e inserta el código HTML en el bloque.
- Vista previa: Vista previa le permite mostrar la vista previa de su código HTML en el editor para que pueda cambiar su salida desde el editor.
- Opciones: Ofrece más opciones relacionadas con la sección del bloque, como duplicar, copiar, agrupar, etc.

Cree bonitas mesas
Con el editor de bloques

¿Cómo utilizar el bloque HTML personalizado en WordPress?
Cualquier persona sin conocimientos de programación puede utilizar fácilmente el bloque HTML personalizado. Todo lo que necesitas hacer es seguir los pasos a continuación.
Paso 1: Insertar el bloque HTML personalizado de WordPress
Ve a tu post o página donde quieras añadir bloques HTML personalizados. Después, haga clic en el botón Añadir bloque ("+") icono (1), tipo "HTML personalizado" en la casilla de búsqueda (2)y haga clic en "HTML personalizado" (3).

Paso 2: Inserte su código HTML personalizado
Pegue su código dentro del Bloque de Código Personalizado.

También puede ver directamente el resultado de su código en el editor seleccionando el botón de vista previa.

Así es como se utiliza el bloque HTML personalizado. Asegúrate de publicar o guardar tu entrada después de añadir el bloque.
El HTML personalizado no contiene ninguna otra personalización en la configuración del bloque. Por ahora, todas las personalizaciones están en la barra de herramientas.
Reflexiones finales
El bloque HTML personalizado ayuda a las capacidades predeterminadas de WordPress con código personalizado. Su interfaz intuitiva y la opción de vista previa lo convierten en un bloque HTML perfecto.
Espero que este pequeño tutorial te haya ayudado a aprender más sobre el bloque y cómo utilizarlo. Avísame si no entiendes alguno de los pasos anteriores.
Más información
- Cómo utilizar el bloque de código en WordPress en 3 sencillos pasos
- Cómo utilizar el bloque de presupuesto en WordPress en 3 sencillos pasos
- Cómo añadir una tabla de pros y contras en WordPress
- Los 7 mejores plugins de WordPress para el diseño de blogs Tableberg
- 7 mejores plugins de WordPress para afiliados de Amazon (2025)