Compartilhar projeto

O recurso Compartilhar projeto permite criar links seguros, protegidos por senha, para compartilhar seu projeto com clientes, membros da equipe ou stakeholders. Você pode personalizar o que está incluído no compartilhamento (relatórios, planos de rede), definir datas de expiração, adicionar branding personalizado e acompanhar estatísticas detalhadas sobre como seus projetos compartilhados são visualizados. Além disso, você pode incorporar seus projetos compartilhados no seu próprio site usando um arquivo HTML simples.

Quando usar

• Quando você precisa compartilhar seu projeto com clientes para revisão e feedback
• Ao colaborar com membros da equipe que não têm acesso à sua conta
• Ao apresentar propostas e designs de projetos para stakeholders
• Quando você deseja acompanhar como seus projetos compartilhados estão sendo visualizados
• Quando você precisa incorporar a pré-visualização do projeto no site da sua empresa
• Quando você deseja controlar o acesso com senhas e datas de expiração
• Quando você precisa personalizar a aparência com o branding da sua empresa

Abrindo o modal de compartilhamento

Para acessar a funcionalidade de compartilhamento:

1. Clique no menu Share na barra de ferramentas à esquerda.
2. O modal de compartilhamento será aberto mostrando sua lista de compartilhamentos ativos.
3. Clique em New Share para criar um novo link de compartilhamento.

Lista de compartilhamentos ativos

A visualização principal exibe uma tabela de todos os seus links de compartilhamento ativos com as seguintes informações:

• Link – Botão para copiar rapidamente a URL de compartilhamento para a sua área de transferência
• Created – Data e hora em que o compartilhamento foi criado
• Valid Until – Data de expiração do compartilhamento (compartilhamentos expirados são marcados com um selo)
• Views – Número total de vezes que o compartilhamento foi visualizado
• Actions – Botão de estatísticas e botão de excluir

Ações rápidas

• Copy Link – Clique no botão de copiar ao lado de qualquer compartilhamento para copiar sua URL para a área de transferência
• View Statistics – Clique no ícone de estatísticas (gráfico de barras) para ver estatísticas detalhadas de visualização
• Delete Share – Clique no ícone de lixeira para excluir permanentemente um compartilhamento e todas as suas estatísticas

Criando um novo compartilhamento

Ao clicar em New Share, você verá um formulário com três seções principais para configurar seu compartilhamento.

Incluir no compartilhamento

Esta seção controla qual conteúdo é incluído no projeto compartilhado:

Relatório

Escolha qual tipo de relatório (se houver) deve estar disponível no compartilhamento:

• None – Nenhuma funcionalidade de relatório disponível
• Simple Report – Relatório criado com 'Simple Report' habilitado
• Document Creator – Relatório criado com 'Document Creator' habilitado

Plano de rede

Ative ou desative esta opção para incluir ou excluir o diagrama do plano de rede no projeto compartilhado. Quando habilitado, os visualizadores podem acessar e ver o diagrama de topologia de rede.

Segurança e validade

Esta seção controla a segurança de acesso e a expiração do link:

Senha de acesso

• Password – Defina uma senha (mínimo de 4 caracteres) que os visualizadores devem inserir para acessar o projeto compartilhado
• O campo de senha inclui uma opção para mostrar/ocultar a senha enquanto você digita
• A senha é obrigatória e deve ter pelo menos 4 caracteres

Válido por

• Days – Defina por quantos dias o link de compartilhamento permanecerá ativo (1–30 dias)
• Após a data de expiração, o link de compartilhamento não estará mais acessível
• Compartilhamentos expirados são automaticamente marcados na lista de compartilhamentos

Branding

Personalize a aparência do projeto compartilhado com o branding da sua empresa:

Cor de destaque

• Escolha uma cor de destaque personalizada que será usada em toda a interface do projeto compartilhado
• O seletor de cores permite escolher qualquer cor para manter a consistência do branding

Logotipo

• Upload Logo – Clique no botão de upload para adicionar o logotipo da sua empresa
• Logo Preview – Após o upload, você verá uma pré-visualização do seu logotipo
• Remove Logo – Clique no botão X na pré-visualização do logotipo para removê-lo
• Formatos suportados: PNG, JPEG (máx. 2 MB)

As configurações de branding são aplicadas automaticamente ao projeto compartilhado, dando a ele uma aparência profissional e com a sua marca para seus clientes.

Estatísticas

Para cada compartilhamento, você pode ver estatísticas detalhadas sobre como ele está sendo visualizado:

Visualizando estatísticas

Clique no ícone de estatísticas (gráfico de barras) ao lado de qualquer compartilhamento para abrir o modal de estatísticas. A tabela de estatísticas mostra:

• Date – Quando cada sessão de visualização começou
• Source – Indica se o acesso foi a partir de um dispositivo Mobile ou Desktop
• Time Spent – Tempo total gasto visualizando o projeto nessa sessão
• Views – Número de vezes que o projeto foi visualizado nessa sessão
• Report Views – Número de vezes que o relatório foi aberto
• Network Plan Views – Número de vezes que o plano de rede foi visualizado

As estatísticas são rastreadas por sessão, para que você possa ver informações detalhadas sobre cada pessoa que visualiza seu projeto compartilhado.

Incorporando no seu site

Você pode incorporar seus projetos compartilhados diretamente no seu próprio site, permitindo que clientes vejam os projetos sem sair do seu site. Isso cria uma experiência integrada e com a sua marca.

Usando preview.html

É fornecido um arquivo HTML mínimo (preview.html) que você pode enviar para o seu site. Esse arquivo cria um iframe que exibe seu projeto compartilhado.

Instruções de configuração

1. Baixe ou copie o arquivo preview.html
2. Envie-o para o diretório público do seu site
3. Faça o link para ele usando seu ID de compartilhamento como parâmetro

Código

Aqui está o arquivo preview.html completo:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Project Preview</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html,
      body {
        width: 100%;
        height: 100%;
        overflow: hidden;
      }
      iframe {
        width: 100%;
        height: 100vh;
        border: none;
        display: block;
      }
    </style>
  </head>
  <body>
    <iframe id="frame" src="" allow="fullscreen" allowfullscreen></iframe>
    <script>
      const p = new URLSearchParams(window.location.search).get("p");
      if (p)
        document.getElementById("frame").src =
          "https://app.cctvdesigntool.com/share/" + p;
    </script>
  </body>
</html>

Uso

Depois de enviado para o seu site, use assim:

https://yourwebsite.com/preview.html?p=<share_id>

Substitua <share_id> pelo ID real do seu link de compartilhamento. Por exemplo, se o seu link de compartilhamento for:

https://app.cctvdesigntool.com/share/123e4567-e89b-12d3-a456-426614174000

Então sua URL de incorporação será:

https://yourwebsite.com/preview.html?p=123e4567-e89b-12d3-a456-426614174000

Benefícios

• Integração contínua – Os projetos aparecem diretamente no seu site
• Experiência com a sua marca – Mantém o domínio e o branding do seu site
• Sem redirecionamentos – Os visualizadores permanecem no seu site
• Funcionalidade completa – Todos os recursos de compartilhamento funcionam dentro do iframe
• Responsivo – Funciona em todos os dispositivos e tamanhos de tela

O iframe carregará automaticamente o projeto compartilhado e o exibirá em tela cheia, proporcionando uma experiência de visualização profissional e integrada para seus clientes.

Dicas

• Use senhas fortes e exclusivas para cada compartilhamento para manter a segurança
• Defina datas de expiração apropriadas com base nos cronogramas do projeto
• Ative relatórios e planos de rede apenas quando necessário para manter os compartilhamentos focados
• Verifique regularmente as estatísticas para ver como seus projetos compartilhados estão sendo visualizados
• Use o branding para manter a aparência profissional e a consistência da marca
• Incorpore compartilhamentos no seu site para uma experiência contínua para o cliente
• Exclua compartilhamentos expirados ou não utilizados para manter sua lista organizada
• Copie os links de compartilhamento imediatamente após a criação para salvá-los para uso posterior
• A configuração de idioma é salva automaticamente com cada compartilhamento, para que os visualizadores vejam o projeto no idioma que você estava usando ao criar o compartilhamento
• As estatísticas acompanham cada sessão de visualização separadamente, permitindo ver padrões de engajamento individuais

Tópicos relacionados

• Exportar para PDF/JPG
• Plano de rede
• Versões Free / Premium / Enterprise