### [Creación de dise uevo00f1os de m uevo00faltiples columnas para opciones de selecci uevo00f3n uevo00fanica y casillas de verificaci uevo00f3n](https://wpforms.com/docs/how-to-create-a-multi-column-layout-for-radio-buttons-and-checkboxes/) **Publicado:** 26 de noviembre de 2023 **Autor:** Umair Majeed **Extracto:** Aprenda a configurar los campos de Opci uevo00f3n M uevo00faltiple, Elementos M uevo00faltiples, Casillas de Verificaci uevo00f3n y Elementos de Casilla de Verificaci uevo00f3n para mostrar las opciones en columnas. **Contenido:** uevo00bfDesea mostrar las opciones de los campos de Opci uevo00f3n M uevo00faltiple, Elementos M uevo00faltiples, Casillas de Verificaci uevo00f3n o Elementos de Casilla de Verificaci uevo00f3n en m uevo00faltiples columnas? Un dise uevo00f1o de m uevo00faltiples columnas puede mejorar la apariencia de su formulario y facilitar la navegaci uevo00f3n a los usuarios. Este tutorial le mostrar uevo00e1 c uevo00f3mo configurar los campos de Opci uevo00f3n M uevo00faltiple, Elementos M uevo00faltiples, Casillas de Verificaci uevo00f3n y Elementos de Casilla de Verificaci uevo00f3n para mostrar las opciones en formatos de 2 o 3 columnas.  --- Antes de comenzar este tutorial, aseg uevo00farese de que WPForms est uevo00e1 [instalado y activado](https://wpforms.com/docs/install-wpforms-plugin/) en su sitio de WordPress. Luego, [cree un nuevo formulario](https://wpforms.com/docs/creating-first-form/ "Creaci uevo00f3n de su primer formulario") o edite uno existente. ### A uevo00f1adir un campo de selecci uevo00f3n m uevo00faltiple a su formulario Primero, a uevo00f1ada uno de los siguientes tipos de campos a su formulario: - Casillas de Verificaci uevo00f3n - Elementos de Casilla de Verificaci uevo00f3n - Opci uevo00f3n M uevo00faltiple - Elementos M uevo00faltiples **Nota:** uevo00bfNecesita ayuda para decidir qu uevo00e9 campo usar para su formulario? Consulte nuestra gu uevo00eda completa sobre [c uevo00f3mo elegir el campo correcto en WPForms](https://wpforms.com/docs/how-to-choose-the-right-form-field-for-your-forms/). Puede hacer clic en un campo en el lado izquierdo del constructor de formularios o arrastrarlo y soltarlo en el uevo00e1rea de vista previa para a uevo00f1adirlo a su formulario.  **Nota:** Los campos [Opci uevo00f3n M uevo00faltiple](https://wpforms.com/docs/how-to-customize-the-multiple-choice-field-in-wpforms/) y Elementos M uevo00faltiples permiten a los usuarios seleccionar solo una opci uevo00f3n a la vez. Si desea permitir que los usuarios elijan m uevo00faltiples opciones a la vez, le sugerimos usar los campos [Casillas de Verificaci uevo00f3n](https://wpforms.com/docs/how-to-customize-the-checkboxes-field-in-wpforms/) o Elementos de Casilla de Verificaci uevo00f3n en su lugar. Una vez que lo haya hecho, haga clic en el campo en el uevo00e1rea de vista previa para acceder a las opciones del campo. Personalice el campo como desee y aseg uevo00farese de a uevo00f1adir todas sus opciones. Para acelerar este proceso, puede usar la opci uevo00f3n [**A uevo00f1adir en Masa**](https://wpforms.com/docs/how-to-bulk-add-choices-for-multiple-choice-checkbox-and-dropdown-fields/).  **Nota:** uevo00bfNo est uevo00e1 seguro de c uevo00f3mo configurar las opciones de su campo? Consulte nuestro tutorial sobre [c uevo00f3mo personalizar las opciones de los campos en WPForms](https://wpforms.com/docs/how-to-customize-form-field-options/) para obtener m uevo00e1s orientaci uevo00f3n. ### Seleccionar un dise uevo00f1o de opci uevo00f3n Cuando est uevo00e9 satisfecho con su campo de Opci uevo00f3n M uevo00faltiple, Casillas de Verificaci uevo00f3n, Elementos de Casilla de Verificaci uevo00f3n o Elementos M uevo00faltiples, haga clic en la pesta uevo00f1a **Avanzado** en el panel Opciones del Campo.  Aqu uevo00ed, busque el men uevo00fa desplegable **Dise uevo00f1o de Opciones**. Puede seleccionar entre las siguientes opciones: - **Una columna:** Muestra todas las opciones en una sola columna. Esta es la opci uevo00f3n predeterminada. - **Dos columnas:** Divide las opciones lo m uevo00e1s equitativamente posible entre dos columnas. - **Tres columnas:** Divide las opciones lo m uevo00e1s equitativamente posible entre tres columnas. - **En l uevo00ednea:** Coloca autom uevo00e1ticamente tantas opciones como sea posible en cada fila.  Aqu uevo00ed tiene un ejemplo de c uevo00f3mo podr uevo00eda verse un campo de Casillas de Verificaci uevo00f3n de 2 columnas en el frontend. Por favor, habilite JavaScript en su navegador para completar este formulario. ##### uevo00a1Pruebe esta demostraci uevo00f3n de formulario! Por favor, seleccione en qu uevo00e9 clubes est uevo00e1 interesado. - Arte - Cine - Franc uevo00e9s - Matem uevo00e1ticas - M uevo00fasica - Espa uevo00f1ol - Lectura - Debate Enviar Y aqu uevo00ed tiene un ejemplo de las mismas opciones de campo de Casillas de Verificaci uevo00f3n en un dise uevo00f1o de 3 columnas. Por favor, habilite JavaScript en su navegador para completar este formulario. ##### uevo00a1Pruebe esta demostraci uevo00f3n de formulario! Por favor, seleccione en qu uevo00e9 clubes est uevo00e1 interesado. - Arte - Cine - Franc uevo00e9s - Matem uevo00e1ticas - M uevo00fasica - Espa uevo00f1ol - Lectura - Debate Enviar Para asegurarse de que sus formularios se vean geniales en todos los dispositivos, los dise uevo00f1os de m uevo00faltiples columnas de los campos de Opci uevo00f3n M uevo00faltiple, Elementos M uevo00faltiples, Casillas de Verificaci uevo00f3n y Elementos de Casilla de Verificaci uevo00f3n vuelven autom uevo00e1ticamente a columnas uevo00fanicas cuando se ven en dispositivos m uevo00f3viles. uevo00a1Eso es todo! Ahora puede crear dise uevo00f1os de m uevo00faltiples columnas para los campos de Opci uevo00f3n M uevo00faltiple, Casillas de Verificaci uevo00f3n, Elementos M uevo00faltiples y Elementos de Casilla de Verificaci uevo00f3n en sus formularios. A continuaci uevo00f3n, uevo00bfdesea a uevo00f1adir im uevo00e1genes a las opciones de sus campos? Aseg uevo00farese de consultar nuestro tutorial sobre [c uevo00f3mo a uevo00f1adir opciones de imagen](https://wpforms.com/docs/how-to-add-image-choices-to-fields/ "C uevo00f3mo a uevo00f1adir opciones de imagen a WPForms") en WPForms. **Categor uevo00edas:** Estilo, Personalizaci uevo00f3n de Campos ---