¿Cómo configurar migas de pan dinámicas en Bubble.io?

Paso 1: Crea un nuevo elemento de texto en tu página. Este servirá como el contenedor para tus migas de pan.

Paso 2: Diseña tu miga de pan. Puedes usar un elemento de grupo para crear una pantalla de migas de pan estructurada y con estilo que se adapte al diseño de tu aplicación. Añade iconos si quieres incluir flechas u otros símbolos de navegación.

Paso 3: Usa el formato condicional para establecer dinámicamente el contenido de texto de la miga de pan. Haz clic en el elemento de texto, luego haz clic en Insertar datos dinámicos para usar el valor de tu base de datos o los parámetros de la URL para mostrar el nombre o la categoría de la página actual.

Paso 4: Añade flujos de trabajo para hacer que cada parte de la miga de pan sea clickeable. Por ejemplo, si tu miga de pan es Inicio > Categoría > Artículo, al hacer clic en Categoría debería llevar al usuario de vuelta a la página de la categoría.

Paso 5: Si usas parámetros de URL (como ID únicas o slugs) para datos dinámicos, crea un flujo de trabajo que extraiga los parámetros de la URL y navegue al usuario en consecuencia cuando se hace clic en un enlace de miga de pan. Utiliza la acción Obtener datos de la URL de la página en tu flujo de trabajo para obtener la información requerida.

Paso 6: Utiliza la acción de flujo de trabajo Ir a página para navegar a la página apropiada cuando se hace clic en un enlace de miga de pan. Asegúrate de pasar cualquier dato necesario a la página de destino para que pueda cargar el contenido relevante.

Paso 7: Asegúrate de que los tipos de contenido de tu página estén correctamente configurados para permitir la carga de contenido dinámico. Por ejemplo, si tienes un tipo de datos producto, configura el tipo de contenido de la página correspondiente a producto para permitir contenido de página dinámico basado en el slug de la URL.

Paso 8: Prueba las migas de pan pasando por varias páginas y secciones en tu aplicación. Asegúrate de que cada enlace en el camino de migas de pan navegue correctamente de vuelta a la página respectiva y muestre el texto correcto dinámicamente.

Paso 9: (Opcional) Si quieres mantener una carga de página ligera, considera usar la navegación de una sola página (con grupos ocultos y mostrados) en lugar de la navegación de varias páginas para tus migas de pan. Esto evitará las recargas de la página y podría ofrecer una experiencia de usuario más suave.

Paso 10: Itera continuamente en el diseño y la funcionalidad de tus migas de pan basándote en los comentarios de los usuarios y los patrones de navegación observados durante las pruebas.