Kampanj HTML-mallar

Rena promo HTML-mallar för strukturerade kampanjsidor

Kampanjsidor ändrar vad de säljer betydligt oftare än hur de är uppbyggda. En snabbrea och en webbinarieanmälan marknadsför olika saker, men båda behöver en rubrik, ett erbjudande och en uppmaning till handling. Båda har också tillhörande villkor. Promo HTML-mallar ger varje del en fast plats i källkoden, och varje ny kampanj fyller på samma element på nytt.

Var erbjudandets detaljer ligger i markupen

I en kampanjmall delas erbjudandet oftast upp i element med separata uppgifter:

1. En rubrikordning med kampanjtiteln först och erbjudandets namn direkt därunder.
2. Pris, rabatt och slutdatum som separata element som kan ändras ett i taget.
3. Länkar och knappar riktade mot en bestämd destination, oavsett om det är produkten, varukorgen eller ett kupongformulär.
4. Ett eget villkorsblock, ofta en kort lista, placerat nära det erbjudande som det begränsar.

Markupen definierar vad som är ett pris, ett villkor eller en åtgärd, och det visuella utseendet kommer därefter. Formulär kräver samma noggrannhet, med en tydlig etikett på varje fält vid en kupongförfrågan eller anmälan till ett evenemang. Nicepage-block och element fungerar som färdigbyggda innehållsenheter, vilket gör att ett prisblock eller formulär hamnar i rätt ordning, redo för efterföljande visuella justeringar.

Vad mobilläsare ser först

På en mobiltelefon staplas sektioner i markupens ordning, vilket gör att en bild som på datorn visas bredvid priset hamnar ovanför eller under det på mobilen. För de flesta erbjudanden är denna läsordning mest logisk:

1. Erbjudandets namn och rabattens storlek.
2. Priset och slutdatumet, hållna tillsammans.
3. Huvudåtgärden, före eventuella långa förklaringar.
4. Villkor och kompletterande detaljer, lättåtkomliga men inte i vägen.

Nicepage Responsive Modes hjälper till att bekräfta att surfplattor och telefoner visar denna ordning samt att kupongvillkor förblir läsbara utan att skymma själva erbjudandet.

Flytta sektioner till nästa kampanj

En sommarutförsäljning kan återanvända sektionerna för erbjudande, fördelar och villkor från vårrean och enbart byta ut produktdata och datum. Samma block kan flyttas till en evenemangssida, eftersom varje block har sin egen rubrik, sitt eget innehåll och sin egen åtgärd. Exporterad kod kan tas ännu längre, direkt till en sida som en utvecklare underhåller i en annan miljö.

Återanvändning har dock en gräns. En mall som byggs för att passa alla tänkbara kampanjer fylls med sektioner som ingen använder, och en tom nedräkningstimer ser sämre ut än en mer koncis sida.

Kontrollera att rubrikerna löper logiskt från kampanjtitel ner till detaljer, att villkoren har ett eget block och att varje knapp leder till en bestämd destination. En promo HTML-mall som uppfyller dessa krav gör att nästa månads erbjudande, pris och datum enkelt kan passas in i samma element, med endast villkoren omformulerade.