Como personalizar o editor e adicionar a sua própria marca com o SimplePDF

Benjamin André-Micolon

Incorporou o SimplePDF no seu próprio website ou aplicação React e quer adaptá-lo ao seu caso de uso.

A primeira necessidade óbvia é usar o seu próprio logótipo

E pode estar a usar o SimplePDF para um dos seguintes casos de uso:

• Oferecer preenchimento e assinatura de documentos PDF
• Permitir anotar documentos antes de os enviar
• Usá-lo para juntar documentos ("fundir PDF")
• Um RAG dataloader para o seu fluxo de trabalho de IA, enviando automaticamente o documento para o seu armazenamento

Nesse caso, não vai precisar da maioria das outras funcionalidades do editor PDF e pode querer ocultar certas ferramentas e opções, mantendo tudo simples e focado no seu caso de uso específico.

#Usar o seu próprio logótipo e animação de carregamento

A personalização da marca do editor PDF está disponível com o plano PRO

1. Inicie sessão na sua conta e aceda à página da conta
2. Clique no botão edit junto a Account para abrir a janela de configuração.
3. Carregue o seu logo e/ou a sua animação de loading
4. Clique em save

#Mostrar / Ocultar ferramentas e opções específicas

A personalização do editor PDF está disponível com o plano PRO

1. Inicie sessão na sua conta e aceda à página Embed editor
2. Na secção de configuração poderá modificar e ajustar a configuração do editor.

Faça scroll abaixo da captura de ecrã para ver a lista de opções disponíveis

#Barra lateral

• Sidebar: mostrar / ocultar a barra lateral por completo. Quando desativada, o editor exibe apenas o documento PDF sem qualquer barra lateral, proporcionando uma experiência completa de white-labelling. Todas as ações (navegação de páginas, seleção de ferramentas, submissão) ainda podem ser realizadas programaticamente usando os controlos programáticos do widget.

#Marca

• Logo location: se o logótipo deve ser exibido no topo ou no fundo da barra lateral quando em ecrã inteiro
• Submission modal: quando documentos são submetidos através do seu portal, aparece uma janela de confirmação a informar os utilizadores de que podem fechar a janela. Pode optar por ocultar esta janela se implementou a sua própria através da escuta de eventos Iframe

#Ferramentas

• Text: mostrar / ocultar a ferramenta de texto
• Checkbox: mostrar / ocultar a ferramenta de caixa de seleção
• Signature: mostrar / ocultar a ferramenta de assinatura
  • Remember between submissions: quando ativado, a assinatura do utilizador é armazenada no dispositivo local e é preenchida automaticamente em qualquer novo campo de assinatura.
  • Add timestamp to signatures: quando ativado, um texto "Signed on [data] [hora] [fuso horário]" é adicionado abaixo de cada assinatura quando o documento é submetido.
  • Allow drawn signature: quando ativado, os utilizadores podem desenhar a sua assinatura usando rato ou toque. Desative esta opção se quiser apenas assinaturas digitadas.
  • Allow typed signature: quando ativado, os utilizadores podem escrever o seu nome para criar uma assinatura. Desative esta opção se precisar apenas de assinaturas manuscritas (útil para conformidade com regulamentos que exigem assinaturas não digitadas).

• Picture: mostrar / ocultar a ferramenta de imagem
• Boxed text: mostrar / ocultar a ferramenta de texto emoldurado

#Manipulação de documentos

• Allow moving, rotating, deleting pages: quando ativado, são exibidos botões junto a cada página que permitem mover, rodar e eliminar páginas.
• Allow adding new pages: quando ativado, os utilizadores podem adicionar documentos PDF adicionais usando o + na barra lateral de pré-visualização do documento.
• Allow downloading a copy: quando ativado, os utilizadores podem optar por descarregar uma cópia do documento que estão a submeter.
• Flatten forms: quando ativado, os campos presentes no formulário não serão editáveis após a submissão. Isto é especialmente útil se quiser impedir a edição futura dos campos após o documento ser submetido.

E pronto! Agora tem o editor perfeito, perfeitamente integrado no seu próprio website ou aplicação!

Se tiver alguma questão, não hesite em contactar support@simplepdf.com