Botón PDF
Muestra un botón que abre PDFs en una superposición emergente. Se muestra como una lista cuando se vinculan múltiples PDFs.
Qué hace el botón PDF
El botón PDF muestra un botón o enlace en el que se puede hacer clic. Cuando los clientes hacen clic en él, el PDF se abre en una superposición emergente encima de tu página.
Cuando vinculas múltiples PDFs a un recurso, aparecen automáticamente como una lista de botones.
Cómo se ve
PDF único:
- Un botón con el nombre del PDF
- Hacer clic abre el PDF en superposición
- La superposición cubre la página
- El botón cerrar regresa a la página
Múltiples PDFs:
- Lista de botones, uno por PDF
- Cada botón abre su PDF
- Los botones se apilan verticalmente
- Todos los PDFs accesibles desde un lugar
Cuándo usar la visualización de botón
Mejor para:
- Múltiples PDFs en una página
- Tiendas optimizadas para dispositivos móviles
- Páginas con espacio limitado
- Documentos de referencia rápida
- PDFs enfocados en descarga
Perfecto para:
- Páginas de productos con manuales, tablas de tallas y garantías
- Páginas de recursos con múltiples guías
- Páginas donde los visores integrados ocuparían demasiado espacio
Agregar botón PDF a tu tema
- Ve a Tienda online > Temas
- Haz clic en Personalizar en tu tema activo
- Navega al tipo de página (producto, colección, etc.)
- Haz clic en Agregar sección o Agregar bloque
- Encuentra PDF Connect en Aplicaciones
- Selecciona Botón PDF
- Haz clic en Guardar
Personalizar la extensión de botón
En el editor de temas, puedes personalizar cómo aparece el botón (no el visor de PDF en sí):
Mostrar encabezado - Activar/desactivar encabezado de sección
Texto del encabezado - Personalizar el título de la sección (p. ej., "Descargar PDF")
Texto del botón - Personalizar etiqueta del botón
Fuente del texto del botón - Elegir texto genérico, nombre del PDF o descripción del PDF
Alineación del botón - Posición izquierda, centro o derecha
Alineación del texto del botón - Alineación del texto dentro del botón
Diseño de múltiples PDFs - Visualización vertical (columna) u horizontal
Mostrar icono PDF - Mostrar icono PDF en los botones
Mostrar borde del contenedor - Agregar borde alrededor del área del botón
Colores:
- Color de fondo del botón
- Color del texto del botón
- Color de fondo del botón al pasar el cursor
Tamaño del modal del visor PDF - Elegir qué tan grande aparece la ventana emergente (Pequeño 60%, Mediano 70%, Grande 80%, Extra grande 90%)
Estos ajustes controlan solo la apariencia del botón. El visor de PDF real (personalizado, ligero o flipbook) se configura en la aplicación.
Cómo funciona la lista
Cuando se vinculan múltiples PDFs:
- Todos los PDFs aparecen como botones individuales
- Los botones muestran los nombres de los archivos PDF
- Los clientes hacen clic en el PDF que desean
- Ese PDF se abre en la ventana emergente
- El botón cerrar regresa a la lista
No se necesita configuración adicional: la lista aparece automáticamente.
Configuración del visor de PDF
Antes de personalizar la extensión de botón, necesitas elegir qué visor de PDF usar. Esto se configura en la aplicación, no en el editor de temas.
Establecer tipo de visor en la aplicación
En la página de detalles del PDF, encuentra la sección Configuración del visor:
Visor personalizado (Con todas las funciones)
- Visor de PDF con todas las funciones con todos los controles de navegación
- Funcionalidad de búsqueda, herramientas de zoom, opciones de visualización personalizables
- Visualización optimizada para dispositivos móviles
- Configurar: Página inicial, nivel de zoom, diseño de página, dirección de desplazamiento
- Habilitar/deshabilitar: Descarga, barra de herramientas, sellos de imagen, resaltador, herramientas de dibujo, selección de texto
Visor ligero (Rápido y simple)
- Visor simple y de carga rápida con interfaz mínima
- Perfecto para vista previa rápida de documentos
- Optimizado para dispositivos móviles
- Sin opciones de configuración: simplemente funciona
Visor Flipbook (Páginas interactivas)
- Experiencia interactiva de volteo de páginas
- Imita la lectura de un libro o revista física
- Ideal para catálogos, folletos, materiales de marketing
- No optimizado para dispositivos móviles
- Configurar: Estilo de animación, sombras de página, color de fondo
El tipo de visor que elijas se aplica a TODAS las extensiones de aplicación de tema (tanto botón como integrado) para ese PDF.
Cómo funciona la superposición emergente
Cuando los clientes hacen clic en el botón, el PDF se abre en una ventana emergente usando la configuración de visor que estableciste:
Ventana emergente del visor personalizado:
- Visualización en pantalla completa con todos los controles
- Zoom, búsqueda, navegación de páginas
- Descarga/impresión (si está habilitado)
- Barra de herramientas personalizable
Ventana emergente del visor ligero:
- Interfaz simple y limpia
- Navegación básica
- Carga rápida
Ventana emergente del visor Flipbook:
- Animación de volteo de páginas
- Experiencia de libro realista
- Mejor en escritorio
Comparación entre botón e integrado
| Característica | Botón | Integrado |
|---|---|---|
| Espacio usado | Mínimo | Grande |
| Múltiples PDFs | Lista limpia | Visores apilados |
| Compatible con móviles | Excelente | Desafiante |
| Enfoque de página | Mantiene la página limpia | Muestra PDF en línea |
| Acción del cliente | Clic requerido | Vista inmediata |
Consejos para visualización de botón
Nombra los PDFs claramente - Las etiquetas de los botones usan nombres de archivo
El orden importa - El PDF más importante primero
Prueba en móvil - Los botones funcionan muy bien en pantallas pequeñas
Considera agrupar - Los PDFs relacionados funcionan bien como lista
Personalización del texto del botón
Haz que las etiquetas de los botones sean amigables para el cliente:
Predeterminado: "product-manual-v2.pdf"
Mejor: "Manual del producto"
Puedes personalizar el texto del botón en la configuración del tema o renombrando los PDFs antes de cargar.