Les pàgines de productes són l'últim que veuen els compradors abans de fer la compra.
O, si les coses no van com estava previst, l’últim que veuen abans d’arribar a la sortida.
Desglossem sis botigues de sis nínxols diferents, cadascuna amb pàgines de productes impressionants. Posarem les seves pàgines de productes (totes creades amb Shopify) al microscopi per veure què fan i que podeu replicar a la vostra botiga.
Publicar contingut
com crear un canal de youtube 2017
- La pàgina estàndard del producte
- Allbirds
- Ell
- Cicles purs
- Una paraula ràpida sobre els vídeos de la pàgina del producte
- Màster i dinàmic
- Subministrament de diumenge
- Studio Neat
- Conclusions a les pàgines del producte
- Voleu obtenir més informació?

No espereu que ho faci algú altre. Contracteu-vos i comenceu a atacar.
OPTAD-3
Comenceu gratuïtament
La pàgina estàndard del producte
El més probable és que sigui quina sigui la plantilla de disseny que utilitzeu per a la vostra botiga Shopify, el dorsal de la pàgina del producte serà així:
És més o menys com surten les pàgines de productes de la caixa: imatge a la descripció esquerra i Afegeix a la cistella botó opcional de la dreta, com ara botons socials, selector de quantitat, etc.
Quan es publiquin pàgines així, s'assemblaran més o menys a aquesta:
No passa res amb això. Tot allò essencial hi és. Imatges múltiples, opcions de color i (per descomptat) Afegeix a la cistella botó.
Però vegem com un grapat de botigues enginyoses converteixen les pàgines de productes estàndard en pàgines de productes atractives.
Allbirds
Allbirds, que ven sabates, va crear la pàgina del producte que vam mirar més amunt. Saps, l’aspecte normal.
Però les pàgines de productes d’Allbirds només són normals si no desplaceu-vos cap avall. Un cop us submergiu, trobareu algunes de les millors pàgines de productes.
Hi ha moltes coses per fer cervesa aquí. En primer lloc, Allbirds s’adhereix al vell adagi que “la forma segueix la funció”. És a dir, tenen una descripció del producte que s’adapta perfectament a l’espai proporcionat, al costat de la imatge destacada, sense perjudicar la simetria del disseny.
Però no hi falta informació. Perquè quan feu clic a Més informació, se us redirigirà a una àncora inferior de la pàgina del producte.
Aquí és on trobareu una secció massiva i colorida dedicada als detalls que no s’adapten netament a la part superior:
No hi ha cap norma que digui que les descripcions de productes s’han de limitar a aquell petit racó situat a sobre del botó del carretó. Si baixeu aquests detalls, Allbirds ofereix el millor dels dos mons: tones de detalls i imatges que ressalten el producte, i un disseny que és intuïtiu. (Aquest disseny també garanteix que el fitxer Afegeix a la cistella el botó es queda fixat a sobre del plec. Que és on pertany.)
Una altra cosa impressionant de les pàgines de productes d’Allbirds són els descarats vídeos que contenen:
Quan feu clic a aquesta 'imatge', es tracta d'un vídeo en lloc d'una altra imatge del producte. El vídeo és senzill: només són uns segons. Aquí no hi ha nominacions als Emmy. Però aquest tipus de tocs poden revolucionar les vostres pàgines de producte.
https://www.datocms-assets.com/22581/1603987525-woolloungerfemale1-1.mp4Un parell de coses més a destacar amb les pàgines de productes d’Allbirds.
Voleu que les vostres pàgines de producte siguin memorables? Què tal una imatge d'alta definició d'un animal estrany:
A continuació, hi ha una sèrie d’avantatges que van des de la comoditat fins a la comoditat i els problemes ambientals, cadascun amb la seva pròpia icona enginyosa:
Connectors de xarxes socials en una pàgina de producte? Sí, per què no:
Veure més: exemples de pàgines del producte Allbirds
Ell
El següent és Hem, una marca de mobles escandinaus. Hem utilitza algunes tàctiques intel·ligents per convertir les pàgines de productes en una experiència pròpia.
Molt bé, aquí teniu la pàgina bàsica del producte: sigueu la part superior del plec. Si algú ja hagués decidit comprar, podria seguir endavant i fer la seva comanda immediatament.
Hem té la seva pròpia manera de ser econòmic amb detalls addicionals. En lloc d'enllaçar-se a altres parts de la pàgina del producte, utilitzen una funció de col·lapse. Això ...
... es converteix en això:
Aquest disseny fa que no hàgiu de desplaçar-vos cap avall per obtenir informació vital. Per descomptat, si tu fer desplaceu-vos cap avall, les coses es tornen força interessants.
Aquestes són les dues primeres imatges amb què topeu: una és un vídeo i l’altra és un cactus.
No recordo haver vist mai un cactus assegut en un sofà. Dit això, no he oblidat aquest cactus del sofà des que el vaig veure. És simplement ... genial. Un sofà car, d’una banda, un sofà que compta amb tota la classe que podríeu esperar del disseny escandinau de gamma alta, i una mica de cactus, de l’altra. L’estranyesa aconsegueix crear una escena estranyament memorable.
I després el vídeo. Una vegada més, no es tracta de videografia a nivell de festival de cinema. Però són imatges en moviment i a la gent li encanten les imatges en moviment. El vídeo de 26 segons mostra el sofà des de infinitat d’angles i il·lustra el fàcil que és construir.
Després d’això, més imatges (grans i magnífiques) amb una mica de paraula escrita per donar als compradors els detalls que puguin faltar.
Veure més: exemples de pàgines de productes Hem
com compartir la publicació d’Instagram a la història
Chaise de 2 places Palo a l'esquerra
Cicles purs
El creador de bicicletes Pure Cycles incorpora més d’uns quants elements enginyosos a les seves pàgines de productes.
Posem a zero quatre tocs subtils però brillants.
1. Aquest coret
Aquest cor us permet afegir alguna cosa a la vostra llista de desitjos. Aquest és un bon toc per alguns motius: en primer lloc, facilita les compres futures, cosa que sempre és bona. En segon lloc, convida a la gent a informar-se de les seves dades de contacte, cosa que permet a Pure Cycles accelerar una compra futura amb correus electrònics i codis de descompte.
2. Aquesta opció de Messenger
Això pot ser molt convenient per als compradors. Probablement tampoc no perjudica els esforços de Pure Cycles’ove Facebook que els compradors interaccionin amb la plataforma de xarxes socials a les pàgines de productes.
3. Més contingut!
Pure Cycles us indica que hi ha contingut addicional a la part inferior de la pàgina del producte. Per si algú pensava erròniament que aquesta pàgina començava i acabava amb una simple compra.
4. Preciós vídeo
Finalment, el vídeo incrustat entre les fotos del producte.
Feu clic a això i obtindreu això. No passa res amb 50 segons de dues persones guapes que gaudeixen de la vida amb les seves bicicletes Pure Cycles:
La resta de la pàgina del producte Pure Cycles és previsiblement bonica. Pure Cycles ho carrega amb ressenyes de clients, fotos, endolls de xarxes socials i detalls d’enviament: coses que definitivament no hi cabrien al costat de Afegeix a la cistella botó.
I per a aquells que desitgin alguns detalls concrets, Pure Cycles us ofereix:
Veure més: exemples de pàgines del producte Pure Cycles
Una paraula ràpida sobre els vídeos de la pàgina del producte
Ara, si només veieu aquest vídeo de Pure Cycles, podríeu estar pensant: 'Com crearé una cosa així? &% $ ^?'
Sens dubte, aquest vídeo és força elegant. Coses així no apareixen sense res.
Però els vídeos no són impossibles.
No em creieu? Suposem que Oberlo va començar a vendre dessuadores. Les dessuadores són un article així que sens dubte podria fer servir un vídeo a la pàgina del producte, així que en vam preparar un. Es va crear en uns 45 minuts, des del rodatge fins a l'edició, fins a l'exportació i la càrrega.
És clar, aquest vídeo no obtindrà ovacions. I se us perdona si no us esteu morint per comprar una d’aquestes dessuadores. Però no torneu els ulls a la idea de fer vídeo. Això no és només per a grans marques. La barrera d’entrada s’ha reduït a prendre un cafè fort i un iPhone.
D’acord, passem a la nostra pròxima botiga.
Màster i dinàmic
Master & Dynamic ven accessoris d’àudio de gamma alta. La part superior de la pàgina del producte és relativament normal ...
... però llavors les coses es posen francament elegants mentre mires al teu voltant.
Aquí teniu la pàgina del producte Master & Dynamic que hi ha a sota del plec, una quasi línia de temps de funcions:
Això és bastant brillant: utilitzar el disseny del producte real per alimentar el disseny. És clar, el cable dels auriculars és especialment perfecte. Però, fins i tot si veneu filadors de trastorns, estoretes de ioga o alguna cosa més, crear la pàgina del producte al voltant del producte us proporciona una estructura coherent amb la qual treballar.
Cap a la part inferior, després de rebre una sèrie de fotos fascinants, obtindreu les especificacions tècniques.
Veure més: exemples de pàgines de productes Master & Dynamic
Auriculars over-ear sense fils MW60
Subministrament de diumenge
Sunday Supply, una botiga australiana que ven paraigües de platja, va molt bé amb les seves pàgines de productes. Com, literalment, gran.
Ignoren el disseny estàndard de 'producte a l'esquerra, detalls a la dreta' i, en canvi, fan tot el possible amb imatges enormes:
Fins i tot la pàgina del producte de la targeta regal porta una imatge enorme:
No cal anar molt lluny per trobar el Afegeix a la cistella , que es troba just a sota d'aquesta imatge. (Els botons de Sunday Supply diuen 'Afegeix a la bossa' perquè, ja se sap, té un tema de platja).
A continuació, trobareu alguns detalls del producte que s’escriuen amb una veu irresistiblement encantadora, donant al paraigües qualitats humanes com ser “un amant dels llargs dies al sol i un gran company”.
grans fracassos dels extremadament reeixits
A la pàgina hi ha més detalls com ara 'Doble a 1,2 M X 0,2 M X 0,2 M' o '~ 7,0 KG de pes' a la pàgina, de manera que això és tot. Però, per què no conduir amb les coses divertides?
Com seria prudent fer qualsevol botiga que venia articles de platja, Sunday Supply també mostra els seus productes a la natura. Quan podeu utilitzar l’oceà com a teló de fons, per què no?
Veure més: exemples de pàgines del producte Sunday Supply
Paraigües de platja Natural Instinct
Paraigua de platja Animal Kingdom
Studio Neat
Les unitats d’emmagatzematge i càrrega de dispositius de Studio Neat tenen pàgines de productes tan elegants com els articles elegants que venen.
La infraestructura de la pàgina és estàndard, però excepcionalment executada. Les dues frases del text de la descripció us permeten visualitzar l’aspecte de l’element al vostre lloc - 'A la tauleta de nit o al taulell ...' - i els tocs com la imatge circular li donen una mica de pop.
Just a sota d’això, ens topem amb un vídeo net i polit, però res que requereixi coneixements de Hollywood.
Com puc compartir una foto a Instagram?https://www.datocms-assets.com/22581/1603987527-studio-neat.mp4
A continuació, la pàgina del producte es converteix en un recorregut visual per les funcions que podríeu esperar si comprés aquesta estació d'acoblament. Mentrestant, hi ha accents de text informal ('Així que, independentment de la forma de rodar, tindreu un lloc per als vostres dispositius').
Finalment, la pàgina del producte inclou algunes captures d'aquest moll de telèfon a la casa i l'oficina.
Els dissenys de les pàgines de productes de Studio Neat varien i són fantàstics. Aquí, per exemple, hi ha algunes fotos de la pàgina del producte per obtenir un pin de la pantalla tàctil. Aquesta lliçó d’anatomia és alhora divulgativa i atractiva.
Mentrestant, aquest primer pla de la ploma en acció fa que vulguis jugar amb un.
Veure més: exemples de pàgines del producte Studio Neat
Conclusions a les pàgines del producte
Totes aquestes pàgines de productes comparteixen algunes coses en comú. Aconseguim-los a l'estil tldr.
Hi ha molt d’espai: utilitzeu-lo
Aquestes pàgines de productes no deixen perdre els píxels ni tampoc defugen una mica el desplaçament del comprador. Les pàgines de productes van néixer a revistes i diaris, on l’espai era preciós. Però, en línia, no cal que escolliu entre aquesta imatge addicional o aquella informació addicional detallada. Utilitzeu-ho tot.
Vídeos i imatges enormes
Hem tocat vídeos. Hauríeu de fer vídeos! I, per descomptat, no oblideu les fotos. Aquestes pàgines tenen imatges exquisides. Si sou un dropshipper, això vol dir que no només heu d’utilitzar les fotos dels vostres proveïdors. Demaneu els vostres productes i feu-ne els vostres. No necessiteu vendre bicicletes ni equips d’àudio d’alta tecnologia perquè les fotos dels vostres productes tinguin vida.
La conversió encara és possible a la part superior de la pàgina
Aquestes pàgines de productes increïbles ajudaran a convertir les persones que estan a la vora de la compra. Per això, veiem fotos i vídeos i dissenys elegants. Però no us oblideu de les persones que ja tenen les seves targetes de crèdit. Si algú està a punt per comprar, feu el que fan aquestes botigues i permeteu comprar articles sense desplaçar-vos ni cercar.
Voleu obtenir més informació?
Aquests són alguns altres articles que us ajudaran a clavar les vostres pàgines de productes.
- Generador de consignes
- Com escriure descripcions èpiques de productes
- 15 consells increïbles per a la fotografia de productes
- 12 idees de disseny de llocs web per a botigues de comerç electrònic