Share Project

O recurso Share Project permite criar links seguros, protegidos por senha, para compartilhar seu projeto com clientes, membros da equipe ou stakeholders. Você pode personalizar o que será 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 em seu próprio site usando um arquivo HTML simples.

Quando usar este recurso

• 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 projeto a stakeholders
• Quando você deseja acompanhar como seus projetos compartilhados estão sendo visualizados
• Quando você precisa incorporar a prévia do seu projeto no site da sua empresa
• Quando você quer controlar o acesso com senhas e datas de expiração
• Quando você precisa personalizar a aparência com a identidade 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 exibindo 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 com todos os seus links de compartilhamento ativos com as seguintes informações:

• Link – Botão de copiar para copiar rapidamente a URL de compartilhamento para 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 uma etiqueta)
• Views – Número total de vezes que o compartilhamento foi visualizado
• Actions – Botão de Statistics e botão de exclusão

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

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

Include in Share

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

Report

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

Network Plan

Ative/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.

Security & Validity

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

Access Password

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

Valid For

• 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 a identidade da sua empresa:

Accent Color

• 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

Logo

• 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évia do seu logotipo
• Remove Logo – Clique no botão X na prévia do logo para removê-lo
• Formatos suportados: PNG, JPEG (máx. 2 MB)

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

Statistics

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

Visualizando as 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 – Se o visualizador acessou 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ê veja 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 os clientes vejam os projetos sem sair do seu domínio. Isso cria uma experiência contínua 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. Crie um link para ele usando o ID do seu compartilhamento como parâmetro

Código

Aqui está o arquivo completo preview.html:

<!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 enviar 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 a sua URL de incorporação será:

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

Benefícios

• Integração perfeita – 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 visitantes 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
• Habilite relatórios e planos de rede apenas quando necessário para manter o foco dos compartilhamentos
• Verifique regularmente as estatísticas para ver como seus projetos compartilhados estão sendo visualizados
• Use branding para manter a aparência profissional e a consistência da marca
• Incorpore compartilhamentos no seu site para uma experiência sem interrupções 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 futuro
• 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 registram cada sessão de visualização separadamente, para que você possa ver padrões de engajamento individuais

Tópicos relacionados

• Export to PDF/JPG
• Network Plan
• Free / Premium / Enterprise Versions