Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

13 bästa exempel på design av footer i WordPress (+ bästa praxis)

Letar du efter de bästa exemplen på design av footer för att hjälpa dig att bli inspirerad?

Footern är det area som finns längst ner på din website, och websiteägare förbiser det ofta. By checking out great website footers, you can get design inspiration and improve your footer.

I den här artikeln kommer vi att visa dig några av de bästa exemplen på design av footers och erbjuda bästa praxis och tips som hjälper dig att vidta åtgärder.

Best WordPress footer design examples (+ best practices)

Varför är det viktigt med en bra design av WordPress Footer?

Footern är det area på din website som visas längst ner på sidan. Den finns normalt på varje page på din website i WordPress.

Här är ett exempel på vår footer på WPBeginner som miljontals läsare ser varje månad.

Vi inkluderar länkar till våra gratis tools och webbplatser för produkter och sätt för användare att lära sig mer om oss, hitta jobb hos oss, följa oss på sociala media med mera.

WPBeginner footer

De flesta Beginnare glömmer att optimera detta area eftersom det är beläget längst ner på website.

Men din website footer är ett viktigt area eftersom det låter dig visa viktiga details och slutliga takeaways på ett ställe.

Genom att customize din footer kan du förbättra den övergripande användarupplevelsen på din website och även optimera din site för sökmotorsoptimering i WordPress.

Dessutom är besökare som rullar längst ner på sidan mycket engagerade, så du kan genomföra deras uppmärksamhet med en call-to-action, en box för att prenumerera på email eller skicka dem till de viktigaste pages på din website.

Med detta sagt, låt oss visa dig några av de bästa exemplen på footer-design och bästa praxis för att optimera din WordPress footer.

Bästa exempel på design av WordPress footer

Vi har sammanställt några av de högst upp footer design exempel för att hjälpa dig att få design inspiration för din footer area.

1. WPForms

WPForms footer

WPForms har en footer med all slags användbara links. Du hittar länkar som går till de mest hjälpsamma företagssidorna, de högst upp funktionerna i plugin och några användbara WordPress-länkar.

Detta säkerställer att när läsaren kommer längst ner på sidan och fortfarande har frågor, kommer de att hitta exakt de resurser de behöver. Det finns också ett flytande alert-fält längst ner på sidan med en call-to-action.

2. OptinMonster

OptinMonster footer

OptinMonster är den bästa programvaran för leadgenerering och konvertering i världen. Deras webbplats har en footer som erbjuder läsare länkar till viktiga företagssidor, toppfunktioner, användbara produktlänkar och mycket mer.

Footern innehåller också enkla ikoner för social media, förtroendeikoner och en logga för varumärkesbyggande.

3. Neil Patel

Neil Patel footer

Neil Patel har en kompakt och enkel footer som erbjuder läsarna snabba links för navigation. Menyn i footern är densamma som navigationsmenyn högst upp på webbplatsen.

Dessutom har läsare alternativet att följa Neil Patel på sociala medier också.

4. Michael Hyatt

Michael Hyatt footer

Michael Hyatt har en annan enkel och kompakt footer. Den lyfter fram copyrightdatum, enkla delningsknappar för sociala medier och länkar till pages som gillar Användarvillkor och integritetspolicy.

Direkt ovanför footern ser du en call-to-action för att downloada en gratis guide, vilket kan konvertera många besökare som tar sig längst ner på sidan.

5. ReddBar

Reddbar footer

ReddBar är en WooCommerce store med en footer som uppmuntrar email registreringar. Direkt ovanför länkarna i footern finns det en massiv registreringsbox för läsare.

Några av de användbara länkarna inkluderar en länk till sidan Vanliga frågor, kontaktsidan, sidan för grossistpriser och mer.

6. Läsarens Digest

Reader's Digest footer

Läsare’s Digest footer innehåller mycket information för besökare. Du hittar länkar till deras category pages, andra företagsvarumärken, delningsknappar för sociala medier och mycket mer.

Dessutom finns det en iögonfallande box för registrering av e-post för att uppmuntra visitorerna att gå med i deras email list.

7. IsItWP

IsItWP footer

IsItWP:s footer har en snabb section om vad webbplatsen handlar om och links till andra webbplatser och företagssidor.

Den har också en unik rullgardinsmeny för site links som låter läsarna clicka för att hitta exakt den typ av content de letar efter på bloggen.

8. MonsterInsights

MonsterInsights footer

MonsterInsights är det bästa WordPress Google Analytics pluginet. Det har en enkel footer som fokuserar på att hjälpa läsarna att hitta den information de behöver.

Det finns länkar till deras utvalda funktioner, företagsresurser och andra varumärkeslänkar. Dessutom finns det en call-to-action för att leda besökare till prissidan. Det finns också sociala icons.

9. Tryckning New York

Printing NewYork

Printing New York är en online store som skickar över hela världen. Footern lyfter fram deras adress, tjänster och populära produkter.

De använder strukturen på sina links för att öka sin lokala SEO och search engine ranking.

10. Nalgene

Nalgene footer

Nalgene har en ren och välorganiserad footer section. Direkt ovanför footern finns det ett enkelt registreringsformulär för email.

Efter det finns det välorganiserade länkar som hjälper besökarna att hitta exakt de produkter de letar efter, tillsammans med företagsrelaterade länkar.

11. ProBlogger

ProBlogger footer

ProBlogger footer har länkar till deras mest populära inlägg, populäraste inläggen / bästa inläggen och nya jobb publicerade på deras jobbforum.

Det finns också ett stort anmälningsformulär för email direkt ovanför footern och en liten navigationsmeny i footern med samma alternativ som navigationen i headern.

12. TrustPulse

TrustPulse Footer

TrustPulse är det bästa WordPress-tillägget för socialt bevis på marknaden. Istället för att inkludera flera navigationsmenyer eller links till pages, har de utvalt en box för registrering av email-nyhetsbrev.

Även om det skiljer sig från de flesta andra varumärken, kan en minimalistisk footer som denna konvertera bra eftersom det finns färre distraktioner eller actions som besökaren kan göra.

13. Nästa webb

The Next Web

The Next Web har en footer som sticker ut från resten av webbplatsen. Den har delningsknappar för sociala medier, länkar till viktiga pages och mycket mer.

Du kommer att se en social proof section direkt ovanför footern där de utvald logotyper från populära varumärken och webbplatser där de har nämnts eller presenterats.

Design av footer i WordPress – Tips och bästa praxis

Det finns många sätt som du kan förbättra upplevelsen för användarna och skapa en bättre footer för din WordPress blogg.

Låt oss ta en snabb titt på några av de bästa metoderna att tänka på när du redigerar din website footer.

Inkludera kontaktuppgifter till ditt företag

Det är viktigt att ha kontaktinformation på din site. Du bör ha en separat page med ett kontaktformulär på din website så att dina besökare kan kontakta dig.

Men footern är också en utmärkt plats att inkludera din kontaktinformation, särskilt om du har lokala kunder som kommer att leta efter din fysiska adress.

Business contact information example

För Local Business gäller att ju fler sätt du kan utvala din kontaktinformation, adress och till och med öppettider på, desto bättre.

Add Links to Important Website Pages (länkar till viktiga pages)

Det är viktigt att ha en clear navigation på hela din website. Det är därför det är vanligt att webbplatser inkluderar links i sina footers.

You can add links for your most important product pages, popularste blogginlägg / bästa inläggen, about pages, and more.

Footer links example

Tänk på de mest värdefulla pages på din website och vad dina visitors kommer att ha mest nytta av.

Att lägga till och optimera dina links kan också ge dig en sökmotorsoptimering och öka din ranking i search engine.

Add social proof för att förbättra konvertering

En sak du kanske har sett vissa websites göra i sin footer är att add to social proof. Detta kan hjälpa dig att förtjäna dina kunders förtroende och positionera you som en expert inom ditt område.

Det kan vara så enkelt som en testimonial från en kund eller en samling loggor från populära websites där you har blivit utvald.

Till exempel visar TrustPulse en popup i footern på sin website som visar antalet personer som har köpt tillägget under 24 timmar.

Footer social proof

Add to en call-to-action

När dina besökare kommer längst ner på din website vill du berätta för dem exakt vilken action de ska vidta och hur de ska göra det.

För vissa websites är detta en call-to-action för att registrera sig för deras email-nyhetsbrev. För andra kan det vara links för att utforska populära produktfunktioner eller till och med en call-to-action knapp.

Call to action button footer example

Din footer är sista chansen att få dina besökares uppmärksamhet och uppmuntra dem att bli prenumeranter och customers eller helt enkelt spendera mer tid på din website.

Related Guides till footern i WordPress

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

3 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi says

    well…my footer design is quite simple on my software affiliate blog. I have the logo and address on the left side. In the middle section, I’ve hand-picked 5 links to my ”money pages” articles, which are my most valuable content. On the right part, I’ve placed links to important pages like Contact Us and About Us.
    for the Contact Us page, I’ve added CSS to make it appear bold, so potential sponsors who want to reach out will be attracted to the bold ”Contact Us” link. I’ve also included links to legal pages like the Privacy Policy, Affiliate Disclosure, Cookie Policy, and Terms of Service.
    i just love keepping things simple

  3. Moinuddin Waheed says

    Footer area is one of the most focused and go to place on the website by the visitors.
    Many of the useful navigation does come there only as we can’t include all of the navigation directly in the header.
    Also good footer design is always consistent with the overall design of the website.
    Thanks for all the mentioned footers for inspiration.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.