• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Añadir campos adicionales al bloque de checkout de WooCommerce

Si estás acostumbrado a añadir campos extra a la página de checkout de WooCommerce en temas clásico, es posible que te preguntes si puedes conseguir lo mismo usando el bloque de checkout. La respuesta es sí, aquí tienes un ejemplo de cómo hacerlo:

Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.

En este caso añade un selector con 3 opciones (DNI, Pasaporte y Tarjeta de residencia) y un campo para añadir el número. Solo tienes que modificar los campos para ajustarlo a tus necesidades.

La única limitación es que todavía no puedes decidir el orden en el que se mostrarán, pero seguramente se resolverá pronto. Cuando lo haga actualizaré el snippet.

Si tienes alguna duda o quieres que expanda este snippet en un tutorial paso a paso, déjame un comentario aquí mismo o envíamelo a través del formulario de contacto.

Todo ventajas de ser suscriptor. 😉

PHP WooCommerce

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto
  • Feed

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2026 · Código Genesis

close-icon

¿Has olvidado tu contraseña?