Köp HTML-mallar

Färdiga köp-HTML-mallar för erbjudanden, planer och kampanjer

Ett varumärke som lanserar en enskild produkt behöver en annan skärmlayout än en tjänst som ber användare att jämföra Standard- och Unlimited-abonnemang. Köp-HTML-mallar täcker båda dessa situationer, tillsammans med popup-fönster för förstagångsköpare och banners utformade kring sista datum för en rea. Varje design levereras som en komplett uppsättning sektioner, redo för dina egna produkter och priser.

Vad som ryms i en erbjudandelayout

Se bortom demobilderna och granska hur erbjudandet är uppbyggt. Layouter som säljer bra delar vanligtvis fyra delar, ungefär i denna ordning:

1. en produktsidtopp som håller ihop titeln och huvudbilden;
2. ett prisområde som rymmer ett tidigare pris intill det aktuella, eller faktureringsperiod för abonnemang;
3. utrymme för alternativ som storlek eller paket ovanför huvudknappen;
4. en kort notis om leverans eller returer precis under samma knapp.

Ett lagersaldobesked avgör om det är värt att trycka på knappen och hör därför hemma intill priset. En rad om returvillkor sänker tröskeln för att prova något nytt och hjälper mest där besökaren tvekar. I en katalog upprepar sig denna struktur kort efter kort.

Koppla samman produktdetaljer med betalning

Nicepage-dokumentationen för att hantera produkter beskriver att produkter kan hanteras i produktpanelen och kopplas till en betalknapp. De kan även visas via element och mallar för produktlistor och produktdetaljer. En genomtänkt layout bör hålla erbjudandets information och knappen sida vid sida, så att besökaren köper exakt det de nyss läst om. En digital nedladdning kräver utrymme för licensvillkor och en rad om hur filen levereras. En fysisk vara kräver mer plats, eftersom produktval, lagersaldo och frakt konkurrerar om samma yta i layouten.

Innan du bestämmer dig för en design bör du öppna förhandsgranskningen och se hur erbjudandet leder till köp:

1. var priset är placerat i förhållande till titel och bild;
2. om knappen fortfarande drar blickarna till sig när din text ersätter demotexten;
3. hur mycket utrymme som finns kvar för produktval och lagerstatus intill priset;
4. om knapparna förblir i linje när ett produktnamn blir betydligt längre än övriga.

Anpassa verkliga varor till demosektioner

De bästa köp-HTML-mallarna tar emot ditt innehåll utan motstånd. Du byter ut fotografierna, justerar prisraden och länkar knappen till din produkt medan sektionerna behåller sin form. Readesigner kräver ett extra test, eftersom varje tidsfrist löper ut och bannern behöver en mer neutral version utan datum. När en layout redan följer köpbeteendet lägger du din tid på säljande produkttexter och slipper flytta runt block i onödan.