EverWeb es muy adecuado para un portafolio: colocas tus trabajos exactamente donde quieres, las galerías abren cada imagen en grande en la misma página (un "lightbox") y tú eliges el fondo que se ve detrás. También puedes tener galerías privadas para tus clientes y vender copias impresas. En EverWeb 4.6 y posteriores, un formulario de contacto también puede cobrar señales por sesiones y pedidos de copias, y recoger autorizaciones de modelo firmadas. Así se configura.
Páginas que conviene crear
| Página | Qué incluye | Qué usar en EverWeb |
|---|---|---|
| Inicio | Una imagen potente o una presentación breve, tu nombre y a qué te dedicas | Una imagen a anchura completa, o el widget Control deslizante de imágenes o Carrusel |
| Trabajos | Una página por serie o tema | Galería de imágenes adaptable, dentro de un directorio |
| Sobre mí | Biografía, declaración artística, una foto tuya | Texto y una imagen |
| Noticias o Exposiciones | Exposiciones, publicaciones, obra nueva | El blog de EverWeb |
| Copias o Tienda | Lo que vendes | Un widget de pago, un formulario de contacto con pagos (4.6) o un enlace a tu tienda |
| Reservas o Contacto | Consultas, encargos, reservas de sesiones | Formulario de contacto avanzado (Contact Form Advanced) |
| Clientes (privada) | Galerías de prueba o de entrega | Simple Password o Membership Sites |
Consejo para el menú: haz clic en Añadir directorio, llámalo Trabajos y pon dentro cada página de galería. El directorio aparece en tu menú de navegación, con tus galerías debajo.
Galerías
En una página adaptable, arrastra el widget Galería de imágenes adaptable desde la pestaña Widgets y añade tus imágenes. En Inspector > Ajustes del widget:
- Estilo define cómo se colocan las miniaturas: Masonry (mosaico) mantiene la forma de cada imagen y Cubrir crea una cuadrícula ordenada de recuadros iguales. Máximo de columnas define cuántas hay a lo ancho.
- Cada imagen tiene un Subtítulo y un Texto ALT de la imagen. Usa el texto alternativo para describir la imagen: ayuda a los visitantes que usan lectores de pantalla, y también en Google Imágenes.
- Haga clic para abrir la presentación de diapositivas abre el lightbox. Configura Color de fondo (el fondo de la presentación) en blanco o negro para un aspecto limpio, y elige si se muestran las miniaturas, las flechas y el contador de imágenes.
- Desmarca Mostrar botón de descarga y Mostrar botón para compartir en redes sociales si no quieres que aparezcan en tus trabajos.
En una página de ancho fijo con Diseño centrado, usa en su lugar el widget Galería de imágenes. ¿Vienes de iWeb o Sandvox? Puedes traer tus galerías con Archivo > Importar > iWeb Photo Gallery From File... (galería de fotos de iWeb desde archivo) o Sandvox Photo Gallery From URL... (galería de fotos de Sandvox desde URL). Para saber más sobre los lightbox, consulta ¿Cómo abro una ventana emergente o amplío una foto cuando alguien hace clic?. Para ver más formas de mostrar tu trabajo, consulta Fotógrafos: muestra tus fotos en todo su esplendor sin ralentizar tu sitio web.
Imágenes grandes, bien hechas
Los archivos grandes hacen que las páginas vayan lentas y llenan el almacenamiento de tu alojamiento, que se comparte con tu correo electrónico.
- Expórtalas primero para la web. Cambia el tamaño en tu aplicación de fotos antes de añadir las imágenes a EverWeb. Si puedes, procura que cada imagen pese menos de 500KB.
- Prueba Exportar imágenes optimizadas en Archivo > Editar ajustes de publicación. EverWeb publica entonces copias WebP más pequeñas. Los colores pueden cambiar muy ligeramente, así que compara algunas de tus imágenes antes de dejarlo activado.
- Marca Imagen de carga diferida en Inspector > Opciones de forma para las imágenes que están más abajo en las páginas largas, de modo que se carguen a medida que los visitantes se desplazan.
- Mantén ordenada la lista de recursos. Para cambiar una foto en todos los sitios donde se usa, usa Reemplazar activo.... Para reducir el tamaño de tu archivo de proyecto, usa Buscar recursos no utilizados.... Consulta Sustituye una imagen o un PDF en todas partes a la vez y elimina los archivos que ya no usas (la lista Recursos).
Proteger tus fotos
Ningún sitio web puede impedir que alguien guarde una imagen que ve en pantalla, y EverWeb no tiene ningún ajuste que bloquee el clic derecho o añada una marca de agua. Lo que sí ayuda: añade una marca de agua en tu aplicación de fotos antes de añadir las imágenes, publica copias de tamaño web en lugar de archivos de tamaño de impresión y pon una línea de copyright en tus páginas. Consulta Protege tus fotos en internet: marcas de agua, tamaños de imagen y avisos de copyright.
Galerías privadas para clientes
| Simple Password | Membership Sites | |
|---|---|---|
| Ideal para | Galerías de prueba, un acceso por cliente o evento | Clientes o miembros con su propio acceso, o acceso de pago |
| Requiere | EverWeb + Hosting | EverWeb + Hosting, u otro proveedor de alojamiento con PHP |
| Precio | Incluido | Complemento aparte, con un plan Starter gratuito |
Para Simple Password, pon la galería de cada cliente en su propio directorio, ve a Inspector > Ajustes de la página > Protección con contraseña > Simple Password y añade un nombre de usuario y una contraseña. Desmarca Incluir la página en el menú de navegación para que no aparezca en tu menú. Las imágenes en sí no están protegidas con contraseña: cualquiera que tenga la dirección directa de una imagen puede abrirla. Para galerías de prueba no hay problema, pero no lo uses para imágenes confidenciales. Todos los pasos: ¿Puedo proteger mi sitio web con contraseña? Simple Password y Membership Sites y Páginas solo para miembros, inicios de sesión y suscripciones de pago: EverWeb Membership Sites. Para que tus clientes elijan sus favoritas, consulta Fotógrafos: comparte galerías privadas con tus clientes y deja que elijan sus fotos favoritas.
Vender copias impresas
- Unas pocas copias que envías tú: añade el Widget moderno de Paypal (PayPal Modern) o el widget Pago con Stripe junto a cada imagen. Los compradores pagan en la propia página de PayPal o de Stripe. Para los tamaños, usa Opciones con precios en el widget PayPal Modern. El precio de una opción se suma al Precio principal, así que pon el precio principal a 0 si cada tamaño tiene su precio completo. Consulta Cobra en tu sitio web con los widgets de PayPal y Stripe.
- Copias con opciones, paquetes o vales regalo (EverWeb 4.6 y posteriores): un formulario de contacto con pagos permite a los compradores elegir la foto, el tamaño, el papel y el marco, ver el total y pagar. Necesita el complemento Contact Forms Enhanced. Consulta Fotógrafos: vende copias impresas, paquetes y vales regalo desde tu sitio web.
- Impresas y enviadas por otros: vende a través de un laboratorio de impresión, Etsy o Shopify, y enlaza un botón Comprar copias a tu tienda, o pega el código de su botón de compra en el Widget de fragmento de HTML (HTML Snippet).
En cualquier caso, añade el candado (HTTPS) antes de cobrar: consulta Mi sitio dice 'No seguro': cómo tener HTTPS (SSL) en tu sitio web.
Novedades de EverWeb 4.6
- Reservas de sesiones y señales. Un Formulario de contacto avanzado puede preguntar el tipo de sesión, la fecha y la hora, y cobrar una señal con tarjeta o PayPal (complemento Contact Forms Enhanced). No consulta tu agenda, así que confirma cada reserva por correo electrónico. Consulta Fotógrafos: acepta reservas de sesiones y señales en tu sitio web.
- Autorizaciones de modelo, contratos y cuestionarios. El campo Signature (firma, con el complemento), junto con una casilla Consent (consentimiento) y la fecha, recoge un formulario firmado. Consulta con tu abogado o con tu asociación profesional si una firma en un formulario web es suficiente para tu caso. Consulta Fotógrafos: autorizaciones de modelo, contratos y cuestionarios para clientes en línea.
- Archivos de los clientes. Un campo File Upload (subida de archivos, con el complemento) acepta fotos de referencia o un logotipo para una sesión. Consulta Crea un formulario a medida: solicitudes de presupuesto, inscripciones y subida de archivos.
- Botones a juego. Configura una sola vez un botón Reservar una sesión con Estilos de botón en Formato > Estilos del sitio web.... Consulta Diseña botones que inviten a hacer clic: colores, esquinas redondeadas, sombras y efectos al pasar el cursor.
- Widget Flip Card. Una tarjeta que se da la vuelta para mostrar su reverso, por ejemplo una foto en el anverso y la historia que hay detrás en el reverso.
- Recursos como imágenes. La lista de recursos puede mostrar tus imágenes como una galería de miniaturas, para que encuentres antes la foto que buscas.
Más para fotógrafos y artistas
- Fotógrafos: acepta reservas de sesiones y señales en tu sitio web
- Fotógrafos: comparte galerías privadas con tus clientes y deja que elijan sus fotos favoritas
- Fotógrafos: autorizaciones de modelo, contratos y cuestionarios para clientes en línea
- Fotógrafos: muestra tus fotos en todo su esplendor sin ralentizar tu sitio web
- Fotógrafos: vende copias impresas, paquetes y vales regalo desde tu sitio web
- Protege tus fotos en internet: marcas de agua, tamaños de imagen y avisos de copyright
- Crea un sitio web para vender tu arte y aceptar encargos con EverWeb
Lista de comprobación antes de publicar
- Todas las galerías se abren en el lightbox y se ven bien en un teléfono: haz clic en Vista previa y elige Preview QR Code (código QR de vista previa).
- Ninguna imagen es más grande de lo necesario.
- El texto alternativo y los subtítulos están rellenados.
- Las galerías privadas piden contraseña en el sitio web publicado (en la vista previa no la piden) y no aparecen en tu menú.
- Cada botón de pago o formulario con precio muestra el precio y la divisa correctos, y una compra de prueba funciona.
- Publica con Archivo > Publicar sitio completo.
Artículos relacionados
- ¿Cómo abro una ventana emergente o amplío una foto cuando alguien hace clic?
- Sustituye una imagen o un PDF en todas partes a la vez y elimina los archivos que ya no usas (la lista Recursos)
- ¿Puedo proteger mi sitio web con contraseña? Simple Password y Membership Sites
- Cobra en tu sitio web con los widgets de PayPal y Stripe
- Crea una página adaptable con contenedores para que se apile bien en un teléfono