eLearning

BuddyBoss con Divi: crear intranets y comunidades

Jefferson Maldonado
Por Jefferson Maldonado 18 Dic 2023 8 min de lectura 12 comentarios

¿Quieres dominar Divi 5 a fondo para diseñar intranets y comunidades al mejor estilo de UXDIVI? Mira nuestro curso Divi 5 completo y aprende a construir sitios profesionales con el constructor visual y el Theme Builder.

En el mundo digital actual, la creación y gestión eficiente de intranets para comunidades y empresas se ha convertido en una necesidad bastante común. Con esta premisa, el innovador tema para WordPress, Buddyboss, ha emergido como una solución bastante prometedora.

Sin embargo, muchos usuarios se han encontrado en una encrucijada al intentar integrar este poderoso tema con Divi, uno de los constructores de páginas más populares y versátiles del mercado.

Pues bien, en este tutorial te explicaremos justamente cómo Buddyboss y Divi pueden coexistir y complementarse, pero no el tema, sino el plugin del Divi Builder, transformando así la forma en que construimos y gestionamos intranets para comunidades o empresas y logrando un nivel de interacción genial en nuestro sitio.

Qué es una intranet y por qué construirla con WordPress

Antes de meternos de lleno en la integración, vale la pena aclarar el concepto para quienes recién empiezan en este terreno. Una intranet es, en esencia, una red privada interna donde los miembros de una comunidad o los empleados de una empresa interactúan, comparten información, colaboran y acceden a recursos exclusivos. Piensa en ella como una red social cerrada, pero orientada a un grupo específico con objetivos comunes, ya sea una academia online, una empresa o una membresía.

Históricamente, montar una intranet implicaba desarrollos caros y dependientes de equipos técnicos grandes. Hoy, gracias a herramientas como WordPress combinado con BuddyBoss y Divi, cualquier diseñador o emprendedor puede construir una plataforma interna robusta sin escribir código complejo. La razón por la que WordPress brilla en este escenario es su flexibilidad: sobre su base puedes apilar el ecosistema social de BuddyBoss, la potencia de diseño de Divi y, si lo necesitas, plataformas de cursos como LearnDash. Esa modularidad te permite empezar simple e ir creciendo según las necesidades reales de la comunidad.

Buddyboss: Una herramienta especializada en comunidades e intranets

Buddyboss se ha establecido como un tema de WordPress altamente funcional, especialmente diseñado para intranets de comunidades o empresas. Su estructura permite una interacción fluida dentro de la comunidad, funcionando incluso como una red social.

Sin embargo, muchos usuarios, acostumbrados a la flexibilidad y personalización que ofrece Divi, se han mostrado reacios a adoptar Buddyboss, temiendo perder la capacidad de crear páginas con la misma facilidad y creatividad, bueno, eso ya no es un problema, y te explicaremos por qué a continuación.

La solución: Divi Builder como plugin independiente

La excelente noticia es que Buddyboss es compatible con Divi, no como un tema, sino a través del uso del plugin Divi Builder. Este enfoque permite a los usuarios disfrutar de lo mejor de ambos mundos: la robustez y especialización de Buddyboss para intranets, combinada con la flexibilidad y el poder de diseño de Divi. 

Para que quede claro el matiz, que es la clave de todo este tutorial: WordPress te deja usar un único tema activo a la vez. Si activas BuddyBoss como tema, no puedes usar Divi como tema al mismo tiempo. Pero Divi se distribuye en dos formas: el tema y el plugin Divi Builder. Al instalar el plugin, llevas el constructor visual de Divi a cualquier tema, incluido BuddyBoss. Es ahí donde se resuelve el dilema que frenaba a tanta gente.

Cómo Funciona la Integración

La integración se realiza instalando Divi Builder como un plugin independiente en WordPress, tal como lo hacemos en el vídeo. Esto activa el constructor de Divi dentro de cualquier tema, incluido Buddyboss. Sin embargo, es importante tener en cuenta que algunas características específicas del tema Divi no estarán disponibles cuando se utiliza el plugin, mira nuestro video en la parte superior para que veas más detalles acerca de esto. A pesar de esto, la mayoría de las funcionalidades clave, como el Theme Builder y la biblioteca Divi, se mantienen accesibles.

Consejo: Antes de activar el plugin Divi Builder sobre BuddyBoss, haz una copia de seguridad completa de tu sitio. Cambiar de tema a plugin y reconfigurar plantillas es un proceso seguro, pero trabajar con respaldo te da la tranquilidad de experimentar sin miedo a romper la intranet en producción.

Ventajas de la Integración

Esta integración aporta varias ventajas significativas:

✅ Personalización Ampliada: Permite a los usuarios de Buddyboss aprovechar el constructor visual de Divi para diseñar páginas web con mayor creatividad y adaptabilidad.

✅ Flexibilidad: Los usuarios pueden elegir entre una amplia gama de plantillas y módulos de Divi para enriquecer sus intranets.

✅ Mejora del Flujo de Trabajo: Facilita la gestión y actualización de las intranets, combinando la facilidad de uso de Divi con la funcionalidad específica de Buddyboss.

Más allá de estos tres puntos, hay un beneficio estratégico clave: la coherencia visual. Sin esta integración, las páginas de comunidad de BuddyBoss suelen verse muy distintas a las landing pages del sitio, lo que rompe la sensación de unidad. Con Divi Builder puedes diseñar esas páginas de apoyo (inicio, planes, sobre nosotros) con la misma identidad visual, de modo que el usuario sienta que todo pertenece a la misma plataforma.

Consideraciones Importantes

No obstante, existen ciertas consideraciones a tener en cuenta:

🚩 Compatibilidad de Plugins: No todos los plugins adicionales para Divi son compatibles con el plugin Divi Builder. Es crucial verificar la compatibilidad antes de la integración, por ejemplo, nosotros vimos que el plugin Divi Pixel si activa los módulos en el constructor, pero que se pierde el acceso a las opciones de Divi Pixel en la parte interna de WordPress, por lo que se perderán funciones como activar la licencia o activar y desactivar módulos.

🚩 Configuraciones y Opciones: Algunas configuraciones específicas de Divi pueden no estar disponibles en el panel de control cuando se utiliza el plugin en lugar del tema.

🚩 Diseño Responsivo: Es fundamental asegurarse de que los diseños creados sean responsivos y funcionen bien tanto en Buddyboss como en Divi.

Mi recomendación práctica frente a estas consideraciones es simple: prueba antes de comprometerte. Si tu intranet depende de un plugin específico de terceros para Divi, móntalo primero en un entorno de pruebas y verifica que funcione bajo el plugin Divi Builder con BuddyBoss activo. Descubrir una incompatibilidad en pruebas es un contratiempo menor; descubrirla en producción, con miembros reales, es un problema serio.

Construyendo con Buddyboss y Divi

El proceso para crear páginas con Buddyboss y Divi es intuitivo. Una vez instalado el plugin Divi Builder, se puede acceder al constructor visual y comenzar a diseñar desde cero o utilizando diseños preexistentes. Los usuarios pueden ajustar el ancho de las páginas y las filas para asegurar una apariencia coherente y profesional.

Un detalle técnico que suele aparecer es el manejo del ancho del contenido. BuddyBoss aplica sus propios contenedores y márgenes, y a veces eso entra en tensión con las secciones full-width de Divi. La solución pasa por ajustar el ancho de la página desde las opciones de Divi y, cuando haga falta, usar la configuración de fila a ancho completo. Una vez que entiendes cómo dialogan los contenedores de ambas plataformas, el resto fluye.

El Futuro de las Intranets

Esta integración representa un avance significativo en la construcción y gestión de intranets. Combina la eficiencia y especialización de Buddyboss con la flexibilidad y potencia creativa de Divi, ofreciendo a los usuarios una solución integral para sus necesidades de intranet. A medida que avanzamos hacia un futuro digital más integrado y adaptable, la sinergia entre Buddyboss y Divi establece un nuevo estándar en el desarrollo de intranets para comunidades y empresas.

¿Quieres llevar tus diseños con Divi al siguiente nivel para construir comunidades e intranets profesionales? Mira nuestro curso Divi 5 completo y domina el constructor de principio a fin.

Preguntas frecuentes

¿Puedo usar el tema Divi y BuddyBoss al mismo tiempo?

No, WordPress solo permite un tema activo a la vez, así que no puedes usar el tema Divi y el tema BuddyBoss simultáneamente. La solución es activar BuddyBoss como tema y usar el plugin Divi Builder, que lleva el constructor visual de Divi a cualquier tema. De esta forma aprovechas la capa social de BuddyBoss y la potencia de diseño de Divi a la vez.

¿Qué funciones de Divi pierdo al usar el plugin en lugar del tema?

Al usar el plugin Divi Builder pierdes algunas opciones propias del tema Divi, como ciertas configuraciones globales del theme y opciones específicas del panel. Sin embargo, conservas lo más importante: el constructor visual, el Theme Builder y la biblioteca de Divi. Para la mayoría de las intranets, esas funciones clave son más que suficientes.

¿Es compatible Divi Pixel con esta integración?

Parcialmente. Como vimos en el tutorial, Divi Pixel activa sus módulos dentro del constructor, pero pierdes el acceso a su panel de opciones interno en WordPress, lo que afecta funciones como activar la licencia o gestionar módulos. Por eso siempre conviene verificar la compatibilidad de cada plugin de terceros en un entorno de pruebas antes de usarlo en tu intranet.

Conclusión

En resumen, la integración de Buddyboss y Divi abre nuevas posibilidades para aquellos que buscan construir intranets funcionales y atractivas. Aunque existen desafíos, principalmente en términos de compatibilidad y configuraciones específicas, los beneficios de esta colaboración superan ampliamente a estos obstáculos. Buddyboss y Divi, juntos, marcan el comienzo de una era dorada en la creación de intranets, donde la funcionalidad se encuentra con la innovación de diseño.

Si estás pensando en ofrecer este tipo de plataformas a tus clientes, o en construir tu propia comunidad, este es el momento ideal para dominar la combinación. El stack de WordPress, BuddyBoss y Divi te da todo lo necesario para crear intranets de nivel profesional sin presupuestos gigantes. Empieza con un proyecto pequeño, familiarízate con el flujo, y verás cómo cada vez te animas a proyectos más ambiciosos.

Si tienes dudas sobre algún paso de la integración o quieres compartir tu experiencia montando una comunidad con estas herramientas, déjame un comentario aquí abajo. Y si te resultó útil, compártelo con otros diseñadores web — nos ayuda a seguir creando este tipo de contenido. ¡Nos vemos en el próximo tutorial!

// ¿Te sirvió este tutorial?

Imagina lo que aprenderás
con los cursos completos

En UXDivi llevamos los tutoriales del blog al siguiente nivel: proyectos reales de principio a fin, recursos descargables y soporte directo conmigo. Todo por menos del costo de un curso individual en otra plataforma.

+47 cursos +1108 alumnos 4.7 en Trustpilot Garantía 7 días
Jefferson Maldonado
// Escrito por

Jefferson Maldonado

UX Director · Founder UXDivi, MUX Studio y UXDivi Templates

UX Director | fundador de UXDivi y MUX Studio

Comentarios

12 comentarios

Para dejar un comentario, accede a tu cuenta de UXDivi.

Acceder a mi cuenta
Guille Lyon Miembro Hace 2 años

Buenas trades Jefferson…
Gracias por hacernos la vida más facil, con tus conocimientos y tutoriales.
Al tomar la opción PREMIUM, en este costo se incluye el Tema BuddyBoss free?
Es decir NO hay mas costos adicionalesm diferentes a la membresía.
Gracias de antemano por tu respuesta

Jefferson Maldonado Autor Hace 2 años

Así es, te incluye la descarga del tema y de los plugins que necesitas para montar toda la plataforma. Te esperamos 😊🖐

Guille Lyon Miembro Hace 2 años

Gracias Jefferson
Ya he comprado la membresía . Y los primeros pasos de la primera lección es la instalación del BuddyBoss Theme. Dónde encuentro ese archivo para descargarlo ye ir trabanado simultaneamnete en mi sitio ?
Estoy atento

Jefferson Maldonado Autor Hace 2 años

Quer tal estimado Guille, todo lo ves en el curso de Buddyboss, acá: https://uxdivi.com/cursos/curso-intranet-para-comunidades-o-empresas-con-buddyboss-y-divi
Espero que esta info te sea de ayuda. Para cualquier otra cosa, aquí me tienes 😉🖐

Guille Lyon Miembro Hace 2 años

Buenos dias jefferson.
Al subir el primer archivo buddyboss-theme.zip en mi sitio, bajado de tu pestaña de Materiales, el sistema reporta:
Installing the plugin…
The package could not be installed. No valid plugins were found.
Plugin installation failed.
Que puede haber pasado con este plugin?

Guille Lyon Miembro Hace 2 años

Jeff.. perdon el anterior comentario surgió porque traté de instalarlo desde los Plugin y debe instalarse como agregar TEMA.
Sin embargo al parecer hace falta un archivo .css. Envio el mensaje que muestra:

Installing theme from uploaded file: buddyboss-theme.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.

En donde puedo descargra este archivo: style.css stylesheet ?

Guille Lyon Miembro Hace 2 años

Jeff
Ya pude instalar el tema. Viene un .zip y dentro otro .zip que hay que descomprimir.
Ya lo pude instalar correctamente.
No tener en cuenta las anteriores solicitudes.
Mil disculpas

Jefferson Maldonado Autor Hace 2 años

Gracias Guille, veo que ya quedó todo claro. Saludos.

Guille Lyon Miembro Hace 2 años

Jeff…
El enlace de descarga del LearnDash LMS, que aparece en la pestaña MATERIALES marca un error 404
Y no se puede descargar

Jefferson Maldonado Autor Hace 2 años

Que tal Guille, ya quedo corregido, gracias por avisarnos.

SANDRA OCHOA Miembro Hace 2 años

Tengo una consulta!, como crear las opciones de insignias que usas acá en uxdivi?

Jefferson Maldonado Autor Hace 2 años