Estantería 3D interactiva
Una estantería 3D para la web de tu librería
InShelf monta una estantería 3D con los libros de tu tienda Shopify. Tus clientes pasean la vista por los lomos, sacan un libro para ver portada y precio, y lo añaden al carrito ahí mismo, en el ordenador o en el móvil.
Una estantería de verdad, no un dibujo
Muchas «estanterías 3D» para webs son un adorno: una imagen bonita de libros que no lleva a ninguna parte. En InShelf, cada libro de la balda es un producto real de tu tienda, con su precio, y cada balda es una de tus colecciones.
La estantería se abre a pantalla completa encima de la página en la que esté el cliente, desde un enlace del menú a #shelf, un botón flotante o un bloque del tema. Al cerrarla, vuelve a donde estaba. Tus fichas de producto y el proceso de pago siguen igual.
Aquí hablamos de lo que ve tu cliente. Si lo que buscas es cómo se instala y cuánto cuesta, lo tienes en la página de la app de Shopify para librerías.
Lo que hace tu cliente en la estantería
Sacar un libro
Pulsa un lomo y el libro sale de la balda con su portada, título, autor y precio.
Comprar sin irse
El botón de añadir al carrito usa el carrito de tu tema, así que el pedido sigue su camino de siempre.
Ordenar cada balda
Por recomendado, precio, A–Z o color. Ordenada por color, la balda se convierte en un degradado de lomos.
Ver los distintivos
Nuevo, Firmado o el descuento aparecen en la portada, como la pegatina de una mesa de novedades.
Curiosear en el móvil
Pellizca para acercarte, toca un libro para abrirlo y desliza para pasar al siguiente.
Por qué una balda invita a curiosear
La cuadrícula de siempre enseña pocas portadas, todas del mismo tamaño. Una balda enseña muchos más títulos en el mismo espacio, porque los lomos son estrechos. Es lo que hace cualquier librería con una pared entera, y es buena parte de lo que diferencia pasear entre estanterías de escribir en un buscador.
Además, tus colecciones dejan de estar escondidas en el menú. «Recomendados de la casa», «Novela negra» o «Menos de 15 €» pasan a ser algo que se ve y se recorre. Un color o un nombre llaman la atención y basta un toque para tener el libro delante.
Y la tienda gana algo que en la web suele faltar: sensación de lugar. Si buscas más formas de darle personalidad, echa un vistazo a nuestras ideas para la web de una librería o a la estantería virtual.
3D, pero ligera
Es lógico preguntarse si una escena 3D va a hacer más lenta la tienda. InShelf deja lo pesado para cuando hace falta:
- El motor 3D solo se descarga cuando alguien abre la estantería. Si la página tiene un bloque de estantería, espera a que el resto haya terminado de cargar.
- En el móvil, la escena es más ligera.
- Funciona con cualquier tema Online Store 2.0, como Dawn y Horizon, sin tocar su código.
- Si desinstalas la app, la tienda queda como estaba.
La estantería que ve el cliente está traducida a 15 idiomas, así que también sirve si vendes fuera de España.
Dónde ponerla en tu tema
Hero de la estantería
Un titular junto a una balda 3D, pensado para la parte de arriba de la portada.
Estantería (sin fondo)
Una balda, o la estantería entera, dentro de cualquier sección de una página, sin habitación alrededor.
Tira de estantería
Una balda baja que se desliza mientras bajas por la página; el libro del centro sale a enseñar su portada. Puede usar una colección o toda la estantería.
Botón de la estantería
Un botón que abre la estantería a pantalla completa desde donde lo coloques.
Que se parezca a tu librería
Cada libro recibe un lomo generado a partir de su portada: el color principal, el título y el autor con la tipografía que elijas y un contraste que se lee bien. Los productos sin imagen llevan una portada tipográfica. Si quieres ver la idea con un solo libro, prueba nuestro generador de lomos.
Después eliges el aspecto: 12 estilos listos (Classic, Minimal, Nordic, Night, Kids, Vintage, Gallery, Forest, Coastal, Terracotta, Blush y Midnight), la madera, los colores y las tipografías, con vista previa en vivo.
La escena Estudio está en todos los planes; la escena Salón, la de la demo, viene con el plan Pro. Lo que incluye cada plan está en precios, y la tira puedes probarla en la portada.
Preguntas frecuentes
¿Puedo poner una estantería 3D en mi tienda Shopify sin programar?
Sí. Instalas InShelf, dejas que importe el catálogo y añades un enlace a #shelf en el menú o uno de sus bloques en el editor de temas. No se toca el código del tema.
¿La estantería 3D funciona en el móvil?
Sí. Se pellizca para acercarse, se toca un libro para abrirlo y se desliza para pasar al siguiente. En el móvil la escena es más ligera que en el ordenador.
¿Hace más lenta la web?
El motor 3D no forma parte de la carga normal de la página. Se descarga cuando alguien abre la estantería, o cuando la página ha terminado de cargar si tiene un bloque de estantería.
¿Se puede buscar un libro dentro de la estantería?
Todavía no. No hay buscador dentro de la estantería; para un título concreto, el cliente usa el buscador de tu tema. La estantería es para curiosear y ordenar.
¿Necesito modelos 3D o imágenes de los lomos?
No. Los libros se construyen con las portadas de tus productos. InShelf genera cada lomo solo, y los productos sin imagen reciben una portada tipográfica.