---
title: División vertical
slug: docs/es/division-vertical
createdAt: 2024-07-24T11:16:06.896Z
---
Divide su contenido en dos columnas una al lado de la otra, lo que le brinda la flexibilidad de presentar información de una manera visualmente atractiva. Es como tener dos lienzos con los que trabajar, uno junto al otro.
## Cuándo usarlo
- **Comparar y contrastar**
Mostrar similitudes y diferencias entre dos temas o productos.
- **Crear contenido en paralelo**
Mostrar información relacionada junta, como características y beneficios.
- **Mejorar la legibilidad**
Dividir secciones largas de texto con elementos visuales.
- **Mostrar múltiples ejemplos**
Presentar diferentes opciones o variaciones una al lado de la otra.
## Cómo usar el bloque de División Vertical
::::WorkflowBlock
:::WorkflowBlockItem
Escriba `/` para abrir el menú de bloques de Archbee
:::
:::WorkflowBlockItem
Busque el bloque **División vertical** y haga clic para insertar
:::
:::WorkflowBlockItem
Elija las proporciones de ancho desde la esquina superior derecha.
Tiene 3 opciones:
- **30/70 **división
- **50/50 **división
- **70/30** división
:::
:::WorkflowBlockItem
Siéntase libre de agregar su contenido. Puede darle estilo al contenido como quiera usando el [WYSIWYG Menu](#) o incluso insertar otros bloques, como:
- [Encabezados](docId\:x4riVaxqQbCBjTnqeWqic)
- [Encabezados expandibles](docId\:RLgly5f4flqxrRAhDjDwE)
- [Listas](docId\:Iv2V1jy2ZEWbeh9Md8rae)
- [Botón](docId:4zd2d0m9G0fofky_k38nm)
- [Callout](docId\:Ni_uilT4CntVomYJLkRXy)
- [Separador horizontal](docId\:qUBUpddaFkwdpopx-COFH)
- [Minitaskers](docId\:Gvu-WOpsEywknNYYAvMbp)
- [Archivo](docId\:qO7K2fS16-H9MPkRoLOj4)
- [Imagen](docId\:ZZQ2diclLTWyF3ETR6mid)
- [Video](docId:4vX_Rm34eSQrWWXtQazgj)
- [Mapa](docId:9yMZb3Cmq9bE164o3fF7L)
- [Editor de código: multiidioma](docId\:YOdGNReMHPWcL0frvK__I)
- [Ejemplos de Inserción](docId\:G-ZoaKa5Gm-61gQNjdl5F)
:::
::::
## Ejemplos
:::::::Tabs
:::::Tab{title="Comparar Planes"}
**Comparar planes **— Defina claramente las funciones, precios y beneficios de los diferentes planes en una comparación lado a lado.
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Funciones estándar para gestionar y distribuir documentación.
Lectores ilimitados Espacios de proyecto ilimitados Portales públicos o privados Dominio y marca personalizados JavaScript personalizado Protección con contraseña
:::
:::VerticalSplitItem
Funciones avanzadas y marca completa para escalar la documentación.
Todo en Growing Control completo de marca Sistema de revisión Contenido y variables reutilizables Versionado y localización Control avanzado de acceso del equipo Control avanzado de acceso del lector
:::
::::
Consulte más detalles en la página [https://www.archbee.com/pricing](https://www.archbee.com/pricing).
:::::
::::::Tab{title="Guía paso a paso"}
**Guía paso a paso **— Muestre instrucciones visuales o fragmentos de código en una columna, mientras proporciona explicaciones escritas en la otra (para guías de cómo hacer puede usar el bloque [Workflow](docId\:puyOfVwfns-d2ebVKwCm7)).
:::::VerticalSplit{layout="right"}
::::VerticalSplitItem
Descubra cómo Archbee puede ayudarle a ofrecer documentación que responda preguntas para usuarios finales, desarrolladores y equipo.
Reserve un espacio y hable con nuestro Jefe de Producto para una demostración. (Definitivamente no es una llamada de ventas!)
:::CtaButton{label="Reservar una demo" externalHref="https://www.archbee.com/book-a-demo" openInNewTab="true"}
:::
::::
:::VerticalSplitItem
:::
:::::
::::::
:::::Tab{title="Lo que se debe y no se debe hacer"}
**Lo que se debe y no se debe hacer **— Describa claramente las mejores prácticas y los posibles inconvenientes en una columna, y las explicaciones o consecuencias correspondientes en la otra.
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Ha
✅ El CTA principal destaca sobre todo lo demás
✅ El segundo CTA es menos visible
:::
:::VerticalSplitItem
No lo haga
❌ No hay una jerarquía natural
❌ No hay disparador visual o hay confusión
:::
::::
:::::
:::::Tab{title="Sección de preguntas frecuentes"}
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
**¿Usar Archbee me hará rico?**
:::
:::VerticalSplitItem
No podemos prometer eso, pero vale la pena intentarlo.
Después de todo, si no lo convierte en millonario, al menos tendrá una documentación con un aspecto realmente elegante.
Y seamos honestos, ¿quién necesita dinero cuando puede recibir cumplidos sobre su [portal de documentación que responde a las preguntas de sus usuarios con AI](docId\:ga7ryg_d3MUJbTQ_yYvYI)?
:::
::::
:::::
:::::::
***
:::hint{type="info"}
**🧠 Recuerde **
La clave para el uso efectivo de una división vertical es el equilibrio. Asegúrese de que el contenido de cada columna complemente al otro y contribuya al mensaje general de su documento.
Experimente con diferentes combinaciones de contenido para encontrar lo que funciona mejor para su audiencia.
:::
***
::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} ** Encontrar otros bloques**
Descubra nuevas formas y bloques para crear páginas de documentación sorprendentes y funcionales.
[Revise todos los bloques](docId\:IzBUJGUT0bOmcbZ5hFQNX)
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}** ¿Necesita ayuda? ⬇️**
Use la **burbuja** **de chat azul **en la esquina inferior derecha.
O pruebe **Chat de IA** (desde el cuadro de búsqueda) para obtener respuestas rápidas.
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** Su opinión importa**
Utilice el siguiente formulario de comentarios, de forma anónima.
O haga una pregunta en la **sección de Preguntas y Respuestas** y nuestro equipo o la IA le ofrecerán una solución.
:::
::::