Cómo personalizar el editor y añadir su propia marca con SimplePDF

Benjamin André-Micolon

Ha integrado SimplePDF en su propio sitio web o aplicación React y quiere adaptarlo a su caso de uso.

La primera necesidad obvia es usar su propio logotipo

Y puede estar usando SimplePDF para uno de los siguientes casos de uso:

• Ofrecer rellenar y firmar documentos PDF
• Permitir anotar documentos antes de enviarlos
• Usarlo para unir documentos ("combinar PDF")
• Un RAG dataloader para su flujo de trabajo de IA, cargando automáticamente el documento a su almacenamiento

En ese caso, no necesitará la mayoría de las otras funciones del editor de PDF y puede querer ocultar ciertas herramientas y opciones, manteniéndolo simple y enfocado en su caso de uso específico.

#Usar su propio logotipo y animación de carga

La personalización de marca del editor de PDF está disponible con el plan PRO

1. Inicie sesión en su cuenta y diríjase a la página de cuenta
2. Haga clic en el botón edit junto a Account para abrir el modal de configuración.
3. Suba su logo y/o su animación de loading
4. Haga clic en save

#Mostrar / Ocultar herramientas y opciones específicas

La personalización del editor de PDF está disponible con el plan PRO

1. Inicie sesión en su cuenta y diríjase a la página Embed editor
2. En la sección de configuración podrá modificar y ajustar la configuración del editor.

Desplácese debajo de la captura de pantalla para ver la lista de opciones disponibles

#Barra lateral

• Sidebar: mostrar / ocultar la barra lateral completamente. Cuando está desactivada, el editor muestra solo el documento PDF sin ninguna barra lateral, proporcionando una experiencia de marca blanca completa. Todas las acciones (navegación de páginas, selección de herramientas, envío) se pueden realizar programáticamente usando los controles programáticos del widget.

#Marca

• Logo location: si el logotipo debe mostrarse en la parte superior o inferior de la barra lateral cuando está en pantalla completa
• Submission modal: cuando se envían documentos a través de su portal, aparecerá un modal de confirmación para indicar a sus usuarios que pueden cerrar la ventana. Puede ocultar este modal si ha implementado el suyo propio escuchando los eventos de Iframe

#Herramientas

• Text: mostrar / ocultar la herramienta de texto
• Checkbox: mostrar / ocultar la herramienta de casilla de verificación
• Signature: mostrar / ocultar la herramienta de firma
  • Remember between submissions: cuando está activado, la firma del usuario se almacena en el dispositivo local y se completa automáticamente para cualquier nuevo campo de firma.
  • Add timestamp to signatures: cuando está activado, se añade un texto "Signed on [fecha] [hora] [zona horaria]" debajo de cada firma al enviar el documento.
  • Allow drawn signature: cuando está activado, los usuarios pueden dibujar su firma usando ratón o entrada táctil. Desactívelo si solo desea firmas escritas.
  • Allow typed signature: cuando está activado, los usuarios pueden escribir su nombre para crear una firma. Desactívelo si necesita firmas manuscritas solamente (útil para cumplir con regulaciones que requieren firmas no mecanografiadas).

• Picture: mostrar / ocultar la herramienta de imagen
• Boxed text: mostrar / ocultar la herramienta de texto enmarcado

#Manipulación de documentos

• Allow moving, rotating, deleting pages: cuando está activado, se muestran botones junto a cada página que permiten mover, rotar y eliminar páginas.
• Allow adding new pages: cuando está activado, sus usuarios pueden añadir documentos PDF adicionales usando el + en la barra lateral de vista previa del documento.
• Allow downloading a copy: cuando está activado, sus usuarios pueden descargar una copia del documento que están enviando.
• Flatten forms: cuando está activado, los campos presentes en el formulario no serán editables después de enviar. Esto es especialmente útil si desea evitar la edición futura de los campos una vez que el documento ha sido enviado.

¡Eso es todo! Ahora tiene el editor perfecto, integrado de forma natural en su propio sitio web o aplicación.

Si tiene alguna pregunta, no dude en contactarnos en support@simplepdf.com