---
title: Centro de Experiência
slug: helium/centro-de-experiencia
description: Learn how to create and configure Experience Centers in 4biz with this comprehensive document. From registering and modifying to importing and exporting CEs, it covers all the necessary steps. Discover how to customize visuals, create sections and widgets
createdAt: 2021-09-30T18:28:44.000Z
---

A criação é o processo de concepção e disponibilização de Centros de Experiência (CE's) no <font color="#ff6900">**4biz**</font>. Neste documento, são apresentados os recursos de interface que **viabilizam o registro, alteração, exclusão, importação e exportação de CE's**.

## Antes de começar

- [x] Para criar um Centro de Experiência é necessário possuir permissão no perfil de acesso.

:::hint{type="info"}
🖊 <u>**Nota**</u>**:&#x20;**&#x41;lguns widgets dependem de informações cadastradas em outras funcionalidades, por exemplo, conhecimentos, pesquisas (*surveys*), serviços, notificações e entre outros. Neste sentido, é necessário estruturar estas informações para eventual utilização no CE.
:::

## Procedimento

1. Para acessar a funcionalidade do **Centro de Experiência**, acesse o menu `Centro de Experiência > Configuração de Centro de Experiência > Novo`.

### Informações

2\. Na guia "**Informações**", preencha os campos disponibilizados;

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

1. <u>****</u><font color="#2166ae"><u>**Alterar**</u></font> – ícone do Centro de Experiência;
2. <u>****</u><font color="#2166ae"><u>**Título**</u></font> – que será apresentado para o usuário do Centro de   &#x20;Experiência;
3. <u>****</u><font color="#2166ae"><u>**Situação**</u></font> – que o Centro de Experiência se encontra ("**Ativo**" ou "**Inativo**");
4. <u>****</u><font color="#2166ae"><u>**Tipo**</u></font> – é possível visualizar as opções *Principal* que mostra os Centros de Experiências criados para serem principais, e *Vínculo* que mostra os que foram criados para serem vinculados à algum CE principal;
5. <u>****</u><font color="#2166ae"><u>**Descrição**</u></font> – texto que seguirá com o título para apresentação do Centro de Experiência para o usuário.

### Permissões

3\. Na guia "**Permissões**", defina os grupos que poderão visualizar o Centro de Experiência;

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

### Construção

4\. Na guia "**Construção**", é possível personalizar visualmente o Centro de Experiência, além de poder criar seções e adicionar *Widgets*, *links* e vincular outros Centros de Experiência:

### Personalização Visual

5\. Utilizando essas ferramentas você pode customizar a visão do Centro de Experiência:

- <u>****</u><font color="#2166ae"><u>**Alterar logo**</u></font> – Permite alterar a logo do CE. Tamanho recomendado:
- <u>****</u><font color="#2166ae"><u>**Alterar cabeçalho**</u></font> – Permite alterar a imagem do cabeçalho do CE. Tamanho recomendado:
- <u>****</u><font color="#2166ae"><u>**Reiniciar estrutura**</u></font> – Permite deixar a toda estrutura como se fosse o primeiro acesso, removendo todas alterações;
- <u>****</u><font color="#2166ae"><u>**Estilo da grid**</u></font> – Permite alterar a forma de visualizar o Centro de experiência,
  - <font color="#2166ae"><u>**Largura fixa**</u></font> – Mantém o CE fixo no centro da tela;
  - <font color="#2166ae"><u>**Largura completa**</u></font> – Deixa o CE completamente distribuído no tamanho do seu navegador;
- <u>****</u><font color="#2166ae"><u>**Tamanho da logo**</u></font> – Permite aumentar o tamanho da logo em até 100% o seu tamanho original.
- <u>****</u><font color="#2166ae"><u>**Cor do tema**</u></font> – Permite alterar a cor do menu retrátil (utilizando cores em código, Ex: **#777**)
- <u>****</u><font color="#2166ae"><u>**Ícone do menu**</u></font> – Permite alterar a cor das seções, dos links e dos ícones do menu (utilizando cores em código, Ex: **#777**).

:::hint{type="warning"}
⚠️ <u>**Atenção**</u>**!**

O botão "**Reiniciar estrutura**" é irreversível após salvar a alteração, caso não tenha ***salvado*** basta apertar o botão voltar que nada será alterado.
:::

### Área de Desenho

Na Área de desenho você pode construir o conteúdo que será publicado no Centro de Experiência.

1. Defina tipos de navegação (com menu ou sem menu);
2. Crie seções para a árvore de navegação (apenas para navegação com menus);
3. Adicione item de menu, no final da seção clicar em "**+**";
4. Configure o conteúdo do menu, clicar no ícone de chave;
5. Selecione tipo de conteúdo (*Widget*, *link&#x20;*&#x6F;u Centro de Experiência);

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

1. Selecionar o tamanho para área de conteúdo, clicar em "**+**" e escolher uma opção;

:::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\. Selecione o *Widget*, clicando em "**=+**" e escolha uma opção;

3\. Clique em "**Gravar**" para salvar as alterações.

- Após selecionar o *layout&#x20;*&#x64;esejado, é possível escolher funções do <font color="#ff6900">**4biz** </font>em forma de *Widgets&#x20;*(Ver tabela de *Widgets*);

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

- Deseja definir está página como inicial ao abrir o Centro de Experiência pela primeira vez? Tem a função de transformar esse menu na página principal do seu Centro de Experiência.
- Herdar os grupos do Centro de Experiência - permite selecionar quais os grupos que terão permissão a esse menu, os grupos que estão disponíveis para gerenciamento são os grupos que tiveram permissão na guia "**Permissões**";
:::

*Widget de "**Meus Serviços**"*

É possível selecionar em *Widget&#x20;*&#x6F; tipo "**Meus Serviços**" em que é possível informar os serviços que estarão disponíveis no Centro de Experiência que está sendo configurado. Para incluir os serviços a serem utilizados no Centro de Experiência:

1. Acesse "**Construção**" no Centro de Experiência;
2. Escolhe a adição de *Widgets&#x20;*&#x65; selecione a opção de *Widget "***Meus Serviços**";
3. O sistema abrirá a opção de seleção dos Serviços;
4. Selecione os serviços que farão parte do Centro de Experiência que está sendo configurado;
5. Salve configuração feita no *widget*. A qualquer momento é possível editar e excluir um serviço.

:::hint{type="info"}
🖊 <u>**Nota**</u>**:&#x20;**&#x53;e o **parâmetro 293** - Habilita permissão de acesso para grupos de usuário no portal - Valores: "**S**" ou "**N**" Default: "**N**", estiver definido como Sim, o Serviço adicionado ao Centro de Experiência deverá possuir permissão de acesso para o público informado no Centro de Experiência. Além disso, o sistema retornará somente Serviços que o usuário logado possuir acesso.
:::

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

1. Ao selecionar o item link insira uma URL para direcionar o usuário quando o mesmo clicar no item de menu;
2. Cli em "**Gravar**" para salvar as alterações.

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

1. Permite que seja vinculado outro Centro de Experiência (<u>**Tipo**</u>**:** Vínculo) ao principal. Clique no campo pesquisa e serão listados os CE's cadastrados, selecione um. Também é possível digitar o nome para localizá-lo.
2. Clicar em "**Gravar**" para salvar as alterações.

### Posicionamento dos Elementos e Widgets

<u>****</u><font color="#2166ae"><u>**Cabeçalho fixo**</u></font><u>****</u>

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

1. <u>****</u><font color="#2166ae"><u>**Menu**</u></font> – com ele é possível acessar outros Centros de experiência a qual você possui permissão;
2. <u>****</u><font color="#2166ae"><u>**Logo**</u></font> – selecionada pelo usuário para melhor personalização do CE;
3. <u>****</u><font color="#2166ae"><u>**Barra de pesquisa**</u></font> - realizar uma pesquisa universal que retornará Conhecimentos e Atividades que o usuário pode selecionar;
4. <u>****</u><font color="#2166ae"><u>**Opções da conta**</u></font> – permite alterar o idioma, editar o perfil, realizar o logout e acessar o sistema.

<u>****</u><font color="#2166ae"><u>**Centro de Experiência com navegação**</u></font><u>****</u>

Esta estrutura permite a criação de um Centro de Experiência com uma árvore menu de navegação à esquerda.

<u>****</u><font color="#2166ae"><u>**Centro de Experiência sem navegação**</u></font><u>****</u>

Esta estrutura permite a criação de um centro de experiência utilizando somente widgets.

<u>****</u><font color="#2166ae"><u>**Widgets Disponíveis**</u></font><u>****</u>

| **Nome**               | **Tipo**              | **Objetivo**                                                                      |
| ---------------------- | --------------------- | --------------------------------------------------------------------------------- |
| Notícias               | Geral                 | Exibir conhecimentos do tipo "**Notícia**".                                       |
| Notificação            | Geral                 | Exibir as notificações do Sistema.                                                |
| Pesquisas              | Geral                 | Permite visualizar campanhas ativas                                               |
| Youtube                | Geral                 | Permite incorporar vídeos do Youtube                                              |
| Imagem                 | Geral                 | Inserir imagem                                                                    |
| Slide Show             | Geral                 | Exibir Slide show do tipo carrossel.                                              |
| Divisor                | Geral                 | Inserir linha horizontal na página.                                               |
| Espaçador              | Geral                 | Inserir espaço entre um widget e outro.                                           |
| Texto                  | Geral                 | Inserir Texto com diversas formatações.                                           |
| Lista                  | Geral                 | Inserir lista de links.                                                           |
| Menu                   | Geral                 | Permite visualizar menu do <font color="#ff6900">**4biz**</font>.                 |
|                        |                       |                                                                                   |
| Centro de conhecimento | Conhecimento          | Gera um botão que direciona para o Centro de Conhecimento                         |
| Conhecimento           | Conhecimento          | Permite inserir documentos já existentes na base de conhecimento                  |
| Favoritos              | Conhecimento          | Permite listar todos os documentos classificados como favorito no Guia do usuário |
| Indicados              | Conhecimento          | Permite listar todos os documentos indicados no Guia do usuário                   |
| Curtidos               | Conhecimento          | Permite listar todos os documentos curtidos no Guia do usuário                    |
|                        |                       |                                                                                   |
| Meus serviços          | Solicitações          | Permite abrir um ticket pelo Centro de Experiência                                |
| Meus tickets           | Solicitações          | Permite visualizar a listagem de tickets abertos pelo usuário logado              |
|                        |                       |                                                                                   |
| Tasker                 | Tasker-Gestão Ágil    | Permite visualizar worksplaces da funcionalidade                                  |
|                        |                       |                                                                                   |
| Smart Chat             | Comunicação           | Permite inserir logo para este submenu                                            |
| Ligue                  | Comunicação           | Permite inserir logo para este submenu                                            |
|                        |                       |                                                                                   |
| Meus Worksplaces       | Decisão Smart         | Permite buscar relatórios que se encontram dentro do Decisões Smart               |
|                        |                       |                                                                                   |
| Centro de Experiência  | Centro de Experiência | Permite inserir outro centro de experiência                                       |

### Configurar página inicial

:::hint{type="info"}
🖊 <u>**Nota**</u>**:&#x20;**&#xC9; possível configurar o redirecionamento da página inicial do Centro de Experiência através do `Parâmetro 451 - Redirecionar página após salvar um Ticket no Centro de Experiência`&#x20;

O padrão de configuração é: */pages/experienceCenter/experienceCenter.load#/*
:::

## O que fazer a seguir

Na área superior, clique em "**Prévia**" para visualizar o Centro de Experência criado. Após finalizar o CE, publique-o para que sua organização possa usufruir de todos os recursos.

