Crear un bloque personalizado

Paso a paso para crear tu propio bloque del page builder: fieldset, registro y vista.

Actualizado el min de lectura

1. Crea el fieldset

En resources/fieldsets/ crea mi_bloque.yaml. Define los campos: title, content, image, etc. Usa imports de common.yaml para campos compartidos.

2. Registra el bloque

Edita resources/fieldsets/page_builder.yaml y agrega mi_bloque dentro de la categoría correspondiente (ej. contenido).

3. Crea la vista

En resources/views/page_builder/ crea _mi_bloque.antlers.html. El nombre del archivo debe coincidir con el handle del bloque, prefijado con guión bajo.

4. Render

Las variables del bloque están disponibles directamente en el scope. Usa {{ partial:components/figure }} para imágenes y {{ partial:components/buttons }} para CTAs.

5. Test

Ve a cualquier página, agrega el bloque desde el CP, completa los campos y comprueba que renderiza correctamente en dark mode y responsive.

¿Te fue útil este artículo?

✓ ¡Gracias por tu feedback!

Lamentamos que no haya sido lo que buscabas. ¿Quieres contactarnos directamente?

Contactar soporte

¿Aún necesitas ayuda?

Si no encontraste lo que buscabas, contáctanos y te ayudaremos lo antes posible.

Contactar soporte