Visste du att kontaktsidan för många webbplatser får fler sidvisningar än något annat avsnitt? Det är sant, särskilt för byråer och entreprenörer.
Medan många webbplatser ger upp en kontakt-sida som en snabb eftertanke, bör du ägna mycket mer tid och omsorg åt din kontaktsida, för många varumärken, det är början på din relation med potentiella kunder.
Idag tillhandahåller vi några bästa praxis för kontakt med oss och tittar på exempel på otroliga kontakt-sidor som visar olika stilar baserat på olika affärsmålgrupper och avsikter .
Låt oss börja med att titta på …
Något självklart Kontakta oss Sidans bästa metoder:
- Tänk på dina Ps och Qs: Även små grammatiska fel kan skrika på besökare. Du vill gå igenom din kontaktsida med en fintandad kam.
- Håll det enkelt: Du vill inte lägga för många hinder mellan webbplatsbesökarna och den kontaktinformation de letar efter. Håll din kontakta oss kort, söt och till sak.
- Ge folket vad de vill: Jag hatar kontaktformulär – på något sätt får jag bara en känsla av att när jag fyller en ut, jag hör aldrig tillbaka från dem. Det känns också som att jag på något sätt är otillförlitlig och inte förtjänar en riktig e-postadress. Att ge en riktig e-postadress öppnar dig naturligtvis för potentiella spammare, så det är verkligen lite av ett kast. Men du väljer att ställa in din kontaktsida, se till att det är extremt enkelt för människor att komma i kontakt med dig. Om du använder ett kontaktformulär, fråga bara om det viktigaste (namn, e-postadress och deras meddelande). Jag har sett kontaktformulär som kräver obligatoriska postadresser och telefonnummer. Formfält som de här är en stor avstängning.
- Ser underbara ut: När användare besöker din kontakta-sida börjar de en relation med dig. De vill veta mer om dig, och din kontakta oss sida design och stil kommer att vara en del av deras första intryck. Kom ihåg det! Se sexig ut, gör dessa läsare bara så glada att kontakta dig!
- Visa upp din personlighet: Som jag nämnde ovan vill användare som besöker din kontakta oss-sida lära sig mer om du. Tänk på hur du vill att din kopia ska återspegla din varumärkespersona. Om din publik är en avslappnad, rolig älskande publik, överväga en lättsam, till och med komisk ton för din kontakta oss sida.
MER: Prova GRATIS WordStream Landing Page Grader
Kontakta oss Exempel på sidor: Det stora och inte så stora
Låt oss kolla in några verkliga exempel. Vi gör poäng för dessa kontakt-sidsexempel på en skala från 1 10. 10 är en kontakta oss sida perfekt perfektion, 5 är okej och 1 är ”bränna det till marken.” Låt mig veta om du håller med om min poäng!
Vårt första exempel kommer från CoolApps. Deras kontakt-sida ger ett snabbt och enkelt kontaktformulär, en e-postadress som du kan använda om du föredrar det och olika sociala medieknappar om du hellre vill kontakta dem via ditt sociala nätverk.
Det som verkligen skiljer den här är naturligtvis stilen och den bedårande charmen. Det är väldigt roligt!
Poäng: 8. Ser fantastiskt ut, har gott om kontaktalternativ och visar personlighet.
Vårt nästa exempel från Black Sheep visar en kontaktsida som gör ett bra jobb med att använda en stil och design som matchar resten av webbplatsen. Det är rent, till punkt och ser bra ut!
Poäng: 6. Enkelt, snyggt och passar med temat.
Därefter har vi en kontakt-sida från ViperChill, en webbplats som drivs av den populära marknadsföringsmannen Glen. Innan Glen lämnar ut sin e-postadress ger han en FAQ som svarar på vanliga frågor som besökare har. Detta hjälper honom att spara tid och förhindrar att han blir överväldigad av onödiga e-postmeddelanden.
Medan byråer och serviceföretag kanske är hungriga efter e-postmeddelanden, arbetar personer som marknadsför sig själva som ett personligt varumärke ofta med ett team av ett. De kan inte samla in och samla e-postkontakter och måste istället vara mycket mer medvetna om sin tid.
Poäng: 6. Smart användning av informationshierarkin för att svara på användarnas frågor innan de skickar ett e-postmeddelande.
JetBlue erbjuder ytterligare ett exempel på en väl utformad kontakt-sida. Liksom exemplet ovan ger JetBlue en direktlänk till populära hjälpämnen och svar. För dem som inte får svar på frågorna i ämnesavsnittet finns kontaktalternativ för e-post och telefonnummer nedan. Den här sidan passar också bra in i märkets större JetBlue-design och färgschema.
Poäng: 7.JetBlue gör det väldigt enkelt att få information, antingen från vanliga frågor eller via e-post eller telefonfråga, samtidigt som man behåller en stil som lugnar besökare.
Så funktionsmässigt är Mashables sida att kontakta oss inte det värsta. Den innehåller all information du behöver för att komma i kontakt med Mashable-folk, med ett kontaktformulär och mer specifika e-postadresser nedan.
Det som är chockerande är hur hemsk den här sidan ser ut. Ingen stil, ingen karaktär, ingen personlighet alls. Om du precis såg den här kontaktsidan skulle du aldrig gissa att du tittade på en av de mest populära webbplatserna på nätet! Varför så monströs? Vem vet? Kanske upprätthåller Mashable med avsikt en ful kontaktsida så att deras e-postinkorgar inte blir lika översvämmade.
Poäng: 2. ful, tråkig och olämplig för Mashable.
Denna minimalistiska kontakt-sida från Mostly Serious är ett utmärkt exempel på en ren, skarp design. Även med så få exemplar lyckas Mostly Serious fortfarande att lägga till en touch av humor och personlighet.
Poäng: 7. Mostly Serious lyckas ta fram denna ultraminimalistiska design utan att försumma det roliga inslaget.
Code Quest erbjuder ytterligare en väl utförd kontakt-sida med en iögonfallande design , rolig grafik och en dos personlighet. Code Quest ger också en karta som visar deras platser, vilket är en bra idé om ditt företag är lokalt orienterat.
Poäng: 8. Vänligt, bekvämt och koncist, Code Quest gör det rätt.
Denna kontaktsida från QuickSprout är särskilt unik, med en rullningsinfografik som förklarar hur mycket e-post Neil Patel får varje dag och hur lite tid han har för att läsa dem alla! Du når Neils kontaktformulär först efter att du har bläddrat igenom denna infografik. Precis som i ViperChill-exemplet från tidigare, behöver Neil kunna filtrera bort alla orelaterade frågor för att spara tid.
Poäng: 8. Kanske kommer folk att tänka två gånger innan de skräppostar människor som Neil efter att ha kollat denna infografik! Denna kontaktsida är pedagogisk och funktionell.
Denna kontaktsida från Harpoon Brewery har mycket information inpackad, men det gör ett bra jobb med att skapa en informationshierarki. Överst har du adress och telefonnummer, tillsammans med vägbeskrivningar och parkeringsinstruktioner. Det här är förmodligen den information som de flesta kommer att söka efter på en bryggeriets kontaktsida.
Utöver denna högvärdiga information finns varningar om speciella händelser eller timändringar från bryggeriet, och nedan finns mer information om timmar för bryggerihallen.
Poäng: 6. Här finns mycket information som besökare från Harpoon Brewery kan behöva för sitt besök.
För ett företag som handlar om snygg, banbrytande produktdesign och stil är Apples kontakt-sida oväntat tydlig. Det finns inget som tyder på att vi har att göra med ett av de mest kända företagen i världen! Kom igen Apple, vi vet att du kan göra bättre. Vad ger?
Poäng: 3. Inte den typ av design vi förväntar oss av iPhone-skaparna.
tjänar så mycket pengar kan spara lite mer uppmärksamhet på deras kontaktsida.
Den jätte, oattraktiva, löjligt felaktiga banerbilden är bara ett sätt Ticketmaster ger dig inga tjänster.
Poäng: 2. Konstigt oattraktivt, den här behöver lite arbete.
Dropbox ger ytterligare ett exempel på en riktigt kvalitetssidesida. Mini-ikonerna matchar perfekt med Dropbox stora design och skapar en sammanhängande användarupplevelse. Jag uppskattar också hur Dropbox placerar ditt namn i kopian (förutsatt att du är inloggad) för att lägga till anpassning. Det får dig att känna dig som om du har en konversation med Dropbox snarare än en arg rant eller en stressig svarssökning.
Poäng: 8. Den här kontaktsidan är värt att förvara och lugnande och vänlig. bort.
Denna kontaktsida från Grover Web Design är vänlig, inbjudande och erbjuder en olika sätt att kontakta företaget antingen via e-post, telefon, ett kontaktformulär, sociala medier eller till och med personligen.
Poäng: 7. Söt och snabb, den här sidan levererar det du behöver med lite le.
Coca-Cola gör något ganska genialt med sin kontaktsida – de sätter en virtuellt chattagentfönster till höger fram och mitt.
I vår online-era föredrar många användare att chatta online med en hjälpagent snarare än att ringa personligen. Coca-Cola känner till demografin och ger ett snabbt och enkelt sätt att få hjälp.
Rätt under chattfönstret finns en FAQ och andra sätt att kontakta, vilket ger användarna deras val av kontaktmetod.
Jag är inte säker på hur jag tycker om det medföljande bildspelet bredvid chattfönstret. Det verkar ganska meningslöst och på sin plats, men det kan finnas en metod för galenskapen, eftersom det att se ett förtjusande foto av en Golden Retriever verkligen skulle minska alla omedelbara konsumentrasar som jag kanske skulle vilja dela ut. Titta på honom … så söt!
Poäng: 8. Med detta kreativa tillvägagångssätt visar Coca-Cola att de känner till sin publik.
Princess Cruises ger oss ytterligare ett exempel på en inte så utmärkt kontaktsida. I likhet med Apple-exemplet från tidigare händer det bara inget särskilt intressant här. Det är dock inte den enda anledningen till att den här sidan är dålig – den har också en olycklig informationshierarki som händer.
Den översta delen av kontaktinformationen har att göra med att boka en kryssning. Visserligen känner jag inte till Princess Cruises publik, men jag tvivlar verkligen på att många kallar kryssningar längre för att boka resor, snarare än att boka online.
Nästa avsnitt ger information som hjälper dig att beställa en broschyr (människor fortfarande göra detta?), ta reda på tips och alkoholpolicyer ombord (den här YouTube-videon om återförsegling av vattenflaskor bör hjälpa dig) och titta på tillgänglig sysselsättning. Det allra sista avsnittet innehåller äntligen en e-postadress för personer som vill lämna feedback eller ställa en fråga angående deras tidigare kryssningsupplevelse. Jag tycker att det är ganska bisarrt att sådan viktig information ligger begravd under veckan, längst ner på sidan. Jag tror att kundtjänstens e-postadress är vad en stor del av besökarna letar efter på kontaktsidan.
Poäng: 2. Denna informationshierarki för den här är helt ute av whack.
Många kontakt-sidor är tråkiga och tråkiga, men The Band Agency visar så behöver det inte vara. Den här kontaktsidan är min favorit bland alla som visas här. Den viktiga informationen är lättillgänglig, placerad smart lagrad över en karta över deras fysiska plats. Paraden av silhuettdjur tillför en vacker och förtjusande kvalitet som skiljer denna webbplats från resten!
Poäng: 10. Bedårande, charmig och funktionell, den här kontaktsidan har allt!
