---
title: Centro de Experiencia
slug: es/centro-de-experiencia
description: Learn how to create and customize Experience Centers (CE) in 4biz with our comprehensive guide. Discover step-by-step instructions on registering, editing, deleting, importing, and exporting CEs. Gain valuable insights on permissions, CE interface buildin
createdAt: 2022-05-10T16:28:26.000Z
---

La creación es el proceso de diseño y suministro de Centros de Experiencia (CE) en <font color="#ff6900">**4biz**</font>. En este documento, se presentan las características de la interfaz que **permiten el registro, cambio, eliminación, importación y exportación de los CE**.

## Antes de empezar

- [x] Para crear un centro de experiencia, debe tener permiso en el perfil de acceso.

:::hint{type="info"}
🖊 <u>**Nota:**</u>

Algunos widgets dependen de las informaciones registradas en otras funciones, por ejemplo, conocimiento, encuestas (*surveys*), servicios, notificaciones y otros. Por lo tanto, es necesario estructurar esta información para su posible uso en el CE.
:::

## Procedimiento

1. Para acceder a la funcionalidad del **Centro de Experiencia**, acceda al menú `Centro de Experiencia > Configuración de los Centros de Experiencia > Nuevo`.

### Información

2\. En la pestaña "**Información**", complete los campos disponibles;

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/rDItOqg2kt4LkgB7MoAql_creat-experience-center.png)

1. <u>****</u><font color="#2166ae"><u>**Cambiar**</u></font> – icono del Centro de Experiencia;
2. <u>****</u><font color="#2166ae"><u>**Título**</u></font> – que se presentará al usuario del Centro de Experiencia;
3. <u>****</u><font color="#2166ae"><u>**Situación**</u></font> – que el Centro de Experiencia está ("**Activo**" o "**Inactivo**");
4. <u>****</u><font color="#2166ae"><u>**Tipo**</u></font> – se puede ver las opciones *Principal* que presenta los Centros de Experiencia creados para ser primarios y *Link*, que presenta los que se crearon para vincularse a algún CE principal;
5. <u>****</u><font color="#2166ae"><u>**Descripción**</u></font> – texto que seguirá con el título de presentación del Centro de Experiencia para el usuario.

### Permisos

3\. En la pestaña "**Permisos**", defina los grupos que podrán ver el Centro de Experiencia;

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/9J_SHMrurUN0hkAqmlyUT_permission-experiece-center.png)

### Construcción

4\. En la pestaña "**Construcción**", se puede personalizar visualmente el Centro de Experiencias, además de crear secciones y agregar *Widgets*, enlaces y vincular otros Centros de Experiencia:

### Personalización Visual

5\. Con estas herramientas, se puede personalizar la vista del Centro de Experiencia

- <u>****</u><font color="#2166ae"><u>**Cambiar logo**</u></font> – Permite cambiar la logo del CE. Tamaño recomendado:
- <u>****</u><font color="#2166ae"><u>**Cambiar encabezamiento**</u></font> – Permite cambiar la imagen del encabezado del CE. Tamaño recomendado:
- <u>****</u><font color="#2166ae"><u>**Restablecer estructura**</u></font> – Permite dejar toda la estructura como si fuera el primer acceso, eliminando todos los cambios;
- <font color="#2166ae"><u>**Estilo de la rejilla**</u></font> – Permite cambiar la forma en que ve el Centro de Experiencia,
  - <u>****</u><font color="#2166ae"><u>**Ancho fijo**</u></font> – Mantiene el CE fijo en el centro de la pantalla;
  - <u>****</u><font color="#2166ae"><u>**Ancho completo**</u></font> – Deja el CE completamente distribuido en el tamaño de su navegador;
- <u>****</u><font color="#2166ae"><u>**Tamaño del logo**</u></font> cLe permite aumentar el tamaño del logotipo hasta el 100% de su tamaño original.
- <u>****</u><font color="#2166ae"><u>**Color del tema**</u></font> – Le permite cambiar el color del menú retráctil (usando colores codificados, Ej.: **#777**)
- <u>****</u><font color="#2166ae"><u>**Icono de menú**</u></font> – Le permite cambiar el color de las secciones, enlaces e íconos del menú (usando colores codificados, Ej.: **#777**).

:::hint{type="warning"}
⚠️ <u>**Atención!**</u>

El botón "**Restablecer estructura**" es irreversible después de guardar el cambio, si no lo ha ***guardado***, simplemente presione el botón volver y no se cambiará nada.
:::

### Área de Diseño

En el área de diseño, se puede crear el contenido que se publicará en el Centro de Experiencia.

1. Defina tipos de navegación (con menú o sin menú);
2. Críe secciones de árbol de navegación (solo para navegación con menús);
3. Agrege elemento de menú, al final de la sección, haga clic en "**+**";
4. Configure el contenido del menú, haga clic en el icono de llave;
5. Seleccione el tipo de contenido (*Widget*, Enlace o Centro de Experiencia);

<u>****</u><font color="#2166ae"><u>**Tipo**</u>**\:**</font>**&#x20;Widget**

1. Seleccione el tamaño para el área de contenido. Para ello, haga clic en "**+**" y elija una opción;

:::BlockQuote
**100%, 50% x 50%, 33,3% x 33,3% x 33,3%, 33,3% x 65,6%, 65,6% x 33,3% e 25% x 25% x 25% x 25%.**
:::

2\. Seleccione el *Widget.&#x20;*&#x50;ara ello, haga clic en "**=+**" y elija una opción;

3\. Haga clic en "**Guardar**".

- Después de seleccionar el diseño deseado, puede elegir las funciones de <font color="#ff6900">**4biz** </font>en *Widgets&#x20;*(consulte la tabla de *Widgets*);

:::hint{type="info"}
🖊 <u>**Nota**</u>**:**

- ¿Desea establecer esta página como página de inicio la primera vez que abra el Centro de Experiencia? - Tiene la función de hacer de este menú la página principal de su Centro de Experiencia.
- Heredar los grupos del Centro de Experiencia - le permite seleccionar qué grupos se permitirán en este menú, los grupos que están disponibles para la administración son los grupos que tienen permiso en la pestaña "**Permisos**";
:::

<u>****</u><font color="#2166ae"><u>**Tipo**</u>**\:**</font>**&#x20;Enlace**

1. Al seleccionar el elemento de enlace, ingrese una URL para dirigir al usuario cuando haga clic en el elemento del menú;
2. Haga clic en "**Guardar**".

<u>****</u><font color="#2166ae"><u>**Tipo**</u>**\:**</font>**&#x20;Centro de Experiencia**

1. Le permite vincular otro Centro de experiencia (<u>**Tipo**</u>**:&#x20;**&#x45;nlace) al principal. Haga clic en el campo de búsqueda y se mostrarán los CE registrados, seleccione uno. También puedes escribir el nombre para encontrarlo.
2. Haga clic en "**Guardar**".

### Colocación de Elementos y Widgets

<u>****</u><font color="#2166ae"><u>**Encamezamiento fijo**</u></font><u>****</u>

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/tjdSGwoLA7pNc42GXRkZS_8xdqvgqwoieoise42qgc2image.png)

1. <u>****</u><font color="#2166ae"><u>**Menú**</u></font> – con él usted puede acceder a otros Centros de experiencia para los cuales tienes permiso;
2. <u>****</u><font color="#2166ae"><u>**Logo**</u></font> – seleccionado por el usuario para una mejor personalización del CE;
3. <u>****</u><font color="#2166ae"><u>**Barra de búsqueda**</u></font> - hacer una búsqueda universal que devolverá Conocimientos y Actividades que el usuario puede seleccionar;
4. <u>****</u><font color="#2166ae"><u>**Opciones de la cuenta**</u></font> – le permite cambiar el idioma, editar el perfil, cerrar sesión y acceder al sistema.

<u>****</u><font color="#2166ae"><u>**Centro de Experiencia con navegación**</u></font><u>****</u>

Esta estructura permite la creación de un Centro de Experiencia con un árbol de menú de navegación en la izquierda.

<u>****</u><font color="#2166ae"><u>**Centro de Experiencia sin navegación**</u></font><u>****</u>

Esta estructura permite la creación de un centro de experiencia utilizando solo widgets.

<u>****</u><font color="#2166ae"><u>**Widgets Disponibles**</u></font><u>****</u>

| **Nombre**              | **Tipo**              | **Objectivo**                                                                          |
| ----------------------- | --------------------- | -------------------------------------------------------------------------------------- |
| Noticias                | General               | Prosenta los conocimientos del tipo "<br />**Noticia**<br />”.                         |
| Notificación            | General               | Presenta las notificaciones del Sistema.                                               |
| Búsquedas               | General               | Permite ver campañas activas                                                           |
| Youtube                 | General               | Permite incorporar videos del Youtube                                                  |
| Imagen                  | General               | Inserta imagen                                                                         |
| Slide Show              | General               | Presenta Slide show del tipo carrossel.                                                |
| Divisor                 | General               | Insertar línea horizontal en la página.                                                |
| Espaciador              | General               | Insertar espacio entre un widget y otro.                                               |
| Texto                   | General               | Ingresar Texto con diversos formatos.                                                  |
| Lista                   | General               | Ingresar lista de enlaces.                                                             |
| Menú                    | General               | Permite ver el menú del <br /><font color="#ff6900">**4biz**</font><br />.             |
|                         |                       |                                                                                        |
| Centro del conocimiento | Conocimiento          | Genera un botón que lo dirige al Centro de Conocimiento                                |
| Conocimiento            | Conocimiento          | Permite ingresar documentos existentes en la base de conocimiento                      |
| Favoritos               | Conocimiento          | Permite listar todos los documentos clasificados como favoritos en la Guía del usuario |
| Indicados               | Conocimiento          | Permite listar todos los documentos indicados en la Guía del usuario                   |
| Gustados                | Conocimiento          | Permite listar todos los documentos que le gustaron en la Guía del usuario             |
|                         |                       |                                                                                        |
| Mis servicios           | Solicitudes           | Permite abrir un ticket a través del Centro de Experiencia                             |
| Mis tickets             | Solicitudes           | Permite ver la lista de tickets abiertos por el usuario conectado                      |
|                         |                       |                                                                                        |
| Simple                  | Simple-Gestión Ágil   | Permite ver los worksplaces de la funcionalidad Simple                                 |
|                         |                       |                                                                                        |
| Smart Chat              | Comunicación          | Permite ingresar la logo para este submenú                                             |
| Llamar                  | Comunicación          | Permite ingresar la logo para este submenú                                             |
|                         |                       |                                                                                        |
| Mis Worksplaces         | Decisión Smart        | Permite buscar informes que están dentro de la Smart Decision                          |
|                         |                       |                                                                                        |
| Centro de Experiencia   | Centro de Experiencia | Permite ingresar otro centro de experiencia                                            |

### Configuración de la página de inicio

:::hint{type="info"}
🖊 <u>**Nota:**</u>

Se puede configurar la redirección de la página de inicio del Centro de Experiencia a través del `Parámetro 451 - Redirección de la página después de guardar un Ticket en el Centro de Experiencia`

La configuración predeterminada es: */pages/experienceCenter/experienceCenter.load#/*
:::

## Lo que hacer después

En el área superior, haga clic en "**Previa**" para ver el Centro de Experiencia creado. Después de terminar el CE, publíquelo para que su organización pueda aprovecharlo al máximo.



