{"section":"tutorials","requestedLocale":"pt","requestedSlug":"live-shopping-eventos","locale":"pt","slug":"live-shopping-eventos","path":"docs/pt/tutorials/apps/live-shopping/live-shopping-eventos.md","branch":"main","content":"Nesta seção, você aprenderá a criar e gerenciar eventos de transmissão ao vivo usando o aplicativo Live Shopping.\n\n### Criar novo evento\n\nPara criar um novo evento de transmissão ao vivo, siga os passos a seguir:\n\n1. Acesse no Admin VTEX **Aplicativos > Live Shopping > Eventos**.\n2. Clique em `Novo` para criar um novo evento de transmissão ao vivo.\n3. Preencha os campos a seguir de acordo com as instruções abaixo:\n  * `Nome do evento`: nome do evento que está sendo criado.\n  * `UTM Source`: parâmetros de rastreamento adicionados à sua URL, que ajudam a rastrear e analisar o tráfego de diferentes fontes.\n  * (Opcional) `ID da coleção`: ID da coleção de produtos a ser anexada ao evento de transmissão ao vivo. Essa funcionalidade incentiva os clientes a adicionar mais produtos ao carrinho da loja.\n  * (Opcional) `Horário do evento`: informações internas sobre a data e a hora do evento que ajudam a identificar facilmente o evento na lista Eventos.\n  * Opcional) `Categoria do evento`: categoria que melhor se encaixa ao evento para facilitar a identificação na lista Eventos.\n6. Clique em `Salvar alterações` para criar o evento.\n\nDepois de criar o evento, você pode começar a se preparar para uma sessão de transmissão ao vivo que seja engajante e de sucesso, personalizando vários aspectos do evento. Aproveite as opções de personalização disponíveis para adaptar o layout do reprodutor de mídia da transmissão ao vivo, configurar promoções de eventos, gerenciar o chat ao vivo e customizar a exibição do produto em destaque.\n\n### Personalizar o reprodutor de mídia do Live Shopping\n\nVocê pode personalizar o reprodutor de mídia do Live Shopping para atender às suas necessidades e ter as funcionalidades que deseja. Siga os passos abaixo para escolher as opções do reprodutor de mídia:\n\n#### Tipo de layout\n\nPara selecionar o estilo de layout para a transmissão de seu evento ao vivo, siga os passos a seguir:\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n2. Na seção **Tipo de layout**, escolha o layout desejado para a transmissão do seu evento ao vivo:\n  * **Transmissão horizontal (16:9)**: permite uma visualização horizontal otimizada para desktop.\n  * **Transmissão vertical (9:16)**: permite uma visualização vertical otimizada para telas de dispositivos móveis.\n\n#### Configuração do CMS\n\nPara selecionar as funcionalidades disponíveis em sua transmissão de evento ao vivo, siga os passos a seguir:\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n2. Na seção **Configuração do CMS**, selecione as funcionalidades que desejar para sua transmissão ao vivo:\n  * **Produtos da barra lateral**: exibe uma barra lateral com os produtos selecionados localizada na lateral do reprodutor de mídia.\n  * **Carrossel de produtos**: exibe um carrossel de produtos em destaque localizado na parte inferior do reprodutor de mídia durante o evento ao vivo.\n  * **Chat**: permite que os usuários interajam e se comuniquem durante o evento ao vivo.\n  * **Curtida**: permite que os usuários interajam com o conteúdo da transmissão ao vivo, mostrando que estão gostando do evento ao vivo por meio de curtidas.\n  * **Carrinho de compras**: exibe um botão para adicionar ao carrinho que redireciona os usuários para o checkout em uma nova aba.\n  * **Visualização rápida**: disponibiliza uma opção de visualização rápida para os usuários terem uma visão mais detalhada do produto sem sair da página do evento ao vivo.\n  * **Rolagem infinita**: funcionalidade de rolagem infinita para a opção **Produtos da barra lateral** que rola automaticamente de acordo com a quantidade de segundos definida. Os segundos podem ser definidos no campo **Você está alterando a velocidade da barra lateral do produto (intervalo recomendado: 3 a 100 segundos). Revise e salve suas alterações**.\n3. Clique em `Pré-visualização` para visualizar o aplicativo Live Shopping de acordo com as configurações que você definiu.\n\n![ls-cms](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_1.png)\n\nNa seção **Configuração do CMS**, você também encontrará o script para integrar o aplicativo de transmissões ao vivo onde preferir no seu storefront.\n\n### Configurar opções do evento\n\nNesta seção, você aprenderá a ativar ou desativar funcionalidades específicas para o seu evento ao vivo.\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n2. Na seção **Configurações**, é possível ativar ou desativar as seguintes opções:\n  * **Chat**\n    * **Email obrigatório**: exige que os usuários forneçam seus endereços de email para participar do chat do evento ao vivo.\n    * **Permitir GIFs**: permite que os usuários enviem GIFs no chat durante o evento ao vivo.\n    * **Ativar envio de email**: envia uma notificação ao usuário no email cadastrado quando seu comentário no chat for respondido pelo administrador do evento.\n  * **Reprodutor de mídia**\n    * **Número de espectadores**: exibe o número de espectadores participando do evento.\n    * **Pop-up de transmissão**: abre o evento em uma janela pop-up ao acessar o site do evento.\n  * **Produtos**\n    * **Aplicar impostos**: habilita a aplicação de impostos a produtos exibidos durante o evento ao vivo. Quando essa opção estiver ativa, o módulo **Promoções > Taxas** irá exibir o preço do produto junto com o imposto aplicável.\n\n### Configurar promoções do evento\n\nPara aumentar o engajamento e as vendas do seu evento, o aplicativo Live Shopping permite que você crie promoções para os eventos. Siga os passos abaixo para exibir promoções durante seu evento:\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n2. Na seção **Promoções**, clique em `Selecionar` para escolher uma promoção existente que deseja exibir durante o evento ao vivo.\n3. Preencha os campos a seguir de acordo com seu cenário específico:\n  * **Promoção**: selecione uma promoção existente.\n  * **Variável**: selecione as métricas de vendas ou de engajamento que você deseja monitorar para a promoção, como curtidas, comentários, espectadores ou pedidos.\n  * **Objetivo**: defina o objetivo que você deseja alcançar para a variável selecionada. Por exemplo, você pode definir o número de curtidas ou pedidos que deseja alcançar.\n  * **Mensagem para exibir**: personalize a mensagem que será exibida aos espectadores quando eles interagirem com a promoção.\n  * **Selecionar animação**: escolha um estilo de animação para aumentar o impacto visual da promoção.\n4. Clique em `Salvar` para salvar suas configurações e ativar a promoção para o evento.\n\n### Gerenciar o chat ao vivo\n\nPara gerenciar o chat ao vivo durante seu evento, encontre o evento desejado na lista de eventos e clique na seta na coluna `Ações`. Na seção **Chat ao vivo**, você poderá visualizar e monitorar comentários em tempo real, além de acompanhar o número de espectadores e curtidas. Abaixo, apresentamos uma lista das funcionalidades disponíveis:\n\n![ls-livechat](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_2.png)\n\n* **I - Informações da loja**: permite que você defina o nome de administrador do chat. Insira o nome desejado no campo de preenchimento e clique em `Salvar` para salvar as alterações.\n* **II - Download**: faz o download da conversa do chat para consulta ou análise futura.\n* **III - Desafixar mensagem**: desafixa uma mensagem fixada anteriormente na parte superior do chat.\n* **IV - Fixar mensagem**: fixa uma mensagem na parte superior do chat. Isso garante que a mensagem fixada permaneça visível mesmo quando são enviadas novas mensagens.\n* **V - Bloquear usuário**: bloqueia o usuário ao clicar em uma mensagem enviada por ele no chat, evitando que o usuário envie novas mensagens. Para isso, clique no ícone do usuário bloqueado e, em seguida, clique em `Bloquear` para confirmar.\n* **VI - Excluir mensagem**: exclui uma mensagem do chat. Clique no ícone da lixeira e, em seguida, clique em `Confirmar`.\n* **VII - Selecionar mensagem**: seleciona uma mensagem para ser respondida. Clique nesse ícone para enviar uma resposta à mensagem que deseja.\n* **VIII - Enviar**: envia uma mensagem no chat para interagir ativamente com os espectadores e participantes durante o evento. Digite sua mensagem na caixa de texto e clique no ícone de envio.\n\nAlém disso, você pode [enviar questionários e pesquisas](/pt/docs/tutorials/live-shopping-eventos#enviar-enquetes-e-questionarios) e [bloquear palavras indesejadas](/pt/docs/tutorials/live-shopping-eventos#bloquear-palavras-indesejadas).\n\n#### Enviar enquetes e questionários\n\nO aplicativo Live Shopping oferece um recurso de chat ao vivo que permite que os usuários se engajem ativamente com o evento e compartilhem suas opiniões em tempo real. Saiba mais sobre como enviar enquetes e questionários e aumentar o engajamento de seus clientes:\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n2. Na seção **Perguntas**, crie perguntas para serem exibidas ao público usando o botão `Nova pergunta`. Você pode escolher entre enquetes e questionários e definir por quanto tempo serão exibidos. As respostas recebidas serão armazenadas na mesma seção.\n  ![ls-question](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_3.png)\n1. Clique em `Salvar pergunta` para salvar sua pergunta e torná-la disponível ao público.\n\n#### Bloquear palavras indesejadas\n\nPara manter um ambiente de conversa agradável, você pode impedir que determinadas palavras sejam exibidas no chat em tempo real. Veja como configurar a lista de bloqueio:\n\n1. Na barra lateral do Admin, acesse a página **Palavras bloqueadas**.\n2. Clique em `Nova` para definir quais palavras devem ser proibidas de serem exibidas no chat ao vivo.\n3. Clique em `Salvar` para salvar as alterações.\n\n> ℹ️ Esse recurso é útil para bloquear comentários grosseiros, com viés político ou não relacionados à sua transmissão ao vivo. Observe que as palavras adicionadas serão aplicadas a todos os eventos, sem exceção.\n\n### Acessar o Estúdio de streaming\n\nPara acessar o Estúdio de streaming, siga os passos abaixo:\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n2. Na seção **Estúdio de streaming**, selecione uma das opções abaixo:\n  * `Copiar convite`: clique para copiar o link do evento ao vivo e enviá-lo a um coanfitrião para que ele possa participar da transmissão ao vivo.\n  * `Acessar`: clique para acessar o estúdio de eventos ao vivo como anfitrião. Ao clicar em `Acessar`, uma nova janela será aberta, redirecionando-o para o Estúdio de streaming.\n  ![ls-profile](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_4.png)\n3. No campo `Completar meu perfil`, insira seu nome e clique em `Continuar`. Em seguida, você será redirecionado para o estúdio do evento ao vivo.\n\n### Exibir produtos durante o evento ao vivo\n\nAo [criar um novo evento](/pt/docs/tutorials/live-shopping-eventos#criar-novo-evento), você tem a opção de adicionar o ID da coleção dos produtos que será vinculada ao evento. Na seção **Produtos da coleção**, é possível gerenciar quais produtos serão exibidos durante o evento.\n\nPara exibir produtos durante o evento ao vivo, siga os passos abaixo:\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n2. Na seção **Produtos da coleção**, escolha os produtos que deseja exibir durante a transmissão ao vivo ativando o botão `Ações`.\n\n![ls-products](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_5.png)\n\n### Transmitir um evento ao vivo\n\nDepois de realizar toda a configuração e personalização do aplicativo Live Shopping, siga os passos abaixo para transmitir seu evento ao vivo:\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`. \n2. Copie o ID do evento na seção `Detalhes`.\n3. Altere o status do evento para `Ao vivo` ao clicar no botão de ativação `Iniciar` no Google.\n  ![ls-event-details](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_6.png)\n> ⚠️ O evento pode levar cerca de 3 minutos para iniciar.\n4. Vá para **Storefront > Site Editor**.\n5. Encontre o bloco **Live Shopping** no seu storefront, de acordo com o modelo que você usou, e selecione-o.\n  ![ls-transmission](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_7.png)\n6. Ative o reprodutor de mídia do **Live Shopping** em sua loja ativando o botão `Mostrar componente`.\n7. Clique em `Eventos (ao vivo)` para escolher o evento desejado.\n8. Clique em `Salvar` para salvar as alterações.\n\n> ℹ️ Use o módulo Site Editor para configurar textos, imagens e banners a serem exibidos ao lado do reprodutor de mídia do **Live Shopping**.\n\n### Personalizar a aparência\n\nPara criar uma experiência personalizada e visualmente atraente para o evento ao vivo, você pode personalizar a aparência do aplicativo Live Shopping. Siga os passos abaixo para configurar a aparência para a visualização em dispositivos móveis e desktop:\n\n1. No Admin VTEX, acesse **Aplicativos > Live Shopping > Eventos**.\n2. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n3. Quando o evento estiver ao vivo, vá para a seção **Tipo de layout** e clique no botão `Personalize a aparência` para entrar no módulo de personalização.\n4. Na página **Aparência**, você encontrará duas opções: dispositivos móveis e desktop. Ao selecionar cada opção, é possível configurar e personalizar os componentes específicos dessas visualizações, personalizando as seções de produtos e do chat do reprodutor de mídia do Live Shopping.\n  ![ls-look-feel](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_8.png)\n  > ℹ️ Observe que quando você entra no módulo de personalização e começa a personalizar um componente, ele ficará destacado em azul.\n\n5. Selecione o modo de dispositivos móveis clicando no ícone de celular para personalizar as seguintes opções: \n  * **Produtos**\n    * **Produtos no celular:** personalize a cor do fundo de cada cartão e do preço de cada produto.\n    * **Botão de adicionar ao carrinho:** personalize o conteúdo, a cor do texto e a cor do plano de fundo do botão Adicionar ao carrinho.\n    * **Destaque do produto**: personalize o texto e as cores de fundo do cartão do produto em destaque.\n  * **Chat**\n    * **Mensagem do administrador:** personalize as cores do plano de fundo e do texto das mensagens enviadas pelo administrador do evento.\n    * **Caixa de comentários:** personalize o conteúdo do texto exibido na caixa de texto do chat.\n6. Selecione o modo desktop clicando no ícone de computador para personalizar as seguintes opções:\n  * **Produtos**\n    * **Produtos em computador:** personalize a cor do nome de cada produto.\n    * **Botão de adicionar ao carrinho:** personalize o conteúdo, a cor do texto e a cor do plano de fundo do botão Adicionar ao carrinho.\n    * **Destaque do produto**: personalize a cor de fundo do cartão e do preço do produto em destaque. Além disso, você pode determinar se deseja mostrar o preço ou o botão Adicionar ao carrinho sob o produto em destaque.\n    * **Seleção de variações de produtos**: especifique o estilo de sua preferência para a exibição para variações de produtos, seja em formato de círculo ou quadrado.\n    * **Título da seção de produtos**: personalize o título da seção de produtos apresentada ao lado do reprodutor de mídia da transmissão ao vivo.\n  * **Chat**\n    * **Mensagem do administrador:** personalize as cores do plano de fundo e do texto das mensagens enviadas pelo administrador do evento.\n    * **Título da seção do chat**: personalize o título da seção do chat exibida ao lado do reprodutor de mídia da transmissão ao vivo.\n    * **Caixa de comentários:** personalize o conteúdo do texto exibido na caixa de texto do chat.\n    * **Botão de enviar mensagem:** personalize a cor do plano de fundo, o ícone e a cor do ícone do botão de enviar mensagem.\n\nDepois de concluir a personalização, atualize o site da loja para ver as alterações feitas. Observe que essas configurações de personalização serão automaticamente salvas e mantidas para todos os seus futuros eventos ao vivo.\n\nSe desejar restaurar as configurações padrão, clique no botão `Versão padrão` para desfazer as alterações e voltar para a configuração original.\n\n### Finalizar um evento\n\nQuando a transmissão ao vivo terminar, você precisará finalizá-la para concluir o processo. Siga os passos abaixo para finalizar seu evento:\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n2. Altere o status do evento para `Finalizada` alternando o botão `Status`.\n\n> ℹ️ O processo de finalização da transmissão ao vivo pode demorar um pouco. Não feche a página até que o processo seja concluído e o status `Finalizada` fique verde.\n\n![ls-event-info](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_9.png)\n\nApós a finalização da transmissão ao vivo, vá para a seção **Gravações** para receber a gravação do evento por email ou fazer o download diretamente do navegador, se desejar. O processo de download normalmente leva cerca de 60 minutos, e você poderá acompanhar sua porcentagem de progresso.\n\n### Monitorar dados do evento\n\nPara obter insights valiosos sobre o desempenho da sua transmissão ao vivo, você pode monitorar as métricas usando o aplicativo Live Shopping. Ao analisar as métricas de engajamento e de vendas (KPIs), você pode avaliar a eficácia do seu evento e tomar decisões melhor embasadas para melhorias futuras. Siga os passos abaixo para acessar e rever os dados do evento:\n\n1. Na lista de eventos, encontre o evento desejado e clique na seta na coluna `Ações`.\n2. Acompanhe os KPIs de engajamento e de vendas relacionados ao evento, como apresentado na imagem abaixo:\n\n![ls-analytics](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/apps/live-shopping/live-shopping-eventos_10.png)"}