Hur man lägger till anpassade widgetar efter inlägg i WordPress

När någon når slutet av ditt inlägg har de redan gett dig något värdefullt: sin uppmärksamhet. De läste igenom ditt innehåll och bestämmer sig nu för vad de ska göra härnäst.

En widget efter inlägget låter dig omvandla det ögonblicket till ett medvetet nästa steg istället för att besökarna helt enkelt lämnar. Vi har använt detta tillvägagångssätt på WPBeginner i flera år för att få fler e-postprenumeranter, öka våra sidvisningar och växa vår försäljning.

I den här guiden visar vi hur du enkelt lägger till anpassade widgetar efter inlägg i WordPress, steg för steg.

Exempel på anpassade widgetar efter inlägg i WordPress

Du kan lägga till nästan vad som helst i din widget efter inlägget, inklusive en uppmaning att gå med i din e-postlista, ett block med relaterade artiklar för att öka dina sidvisningar, eller till och med en produktbanner eller rabatt för att öka din försäljning.

Här är två enkla sätt att lägga till en anpassad widget efter inlägget till vilket WordPress-tema som helst.

Metod 1. Lägg till efter inläggsinnehåll med en plugin

Pluginet Add Widget After Content lägger till ett dedikerat widgetområde precis efter ditt inläggsinnehåll, och det fungerar med alla WordPress-teman, klassiska eller block.

Installera och aktivera det för att komma igång. Du kan följa vår guide om att installera en WordPress-plugin om du behöver hjälp. När den är aktiv, gå till Utseende » Widgetar.

På ett klassiskt tema finns den här skärmen redan, och pluginet lägger till ett Om Innehåll-område till den. På ett blocktema visar WordPress normalt inte Widgetar-skärmen, så pluginet lägger till den tillsammans med det nya Om Innehåll-området.

Klicka på plusikonen inuti det blocket för att lägga till vilken widget du vill. Vi lade till ett nyhetsbrevsanmälningsformulär, som byggdes med WPForms-pluginet för den här handledningen.

Konfigurera gärna den nyligen tillagda widgeten och klicka sedan på knappen 'Uppdatera' för att spara dina ändringar.

Som standard visar pluginet dina widgetar efter inlägget på varje inlägg och sida. Om du inte vill att de ska visas på vissa platser kan du utesluta hela kategorier eller inläggstyper från widgetområdet.

Gå helt enkelt till Utseende » Widget efter innehåll, välj de kategorier eller inläggstyper där du inte vill att widgetområdet ska visas, och klicka på 'Spara ändringar'.

Du kan också dölja widgetområdet på enskilda inlägg eller sidor.

För att göra detta, öppna inlägget eller sidan du vill utesluta och scrolla ner till meta-rutan 'Widget efter innehåll'. Markera kryssrutan bredvid 'Ta bort widget efter innehåll för detta inlägg.' och uppdatera sedan ditt inlägg.

Besök nu din webbplats och öppna ett inlägg där du konfigurerade för att visa widgeten, så ser du den dyka upp precis under inläggsinnehållet.

Metod 2. Lägg till innehåll efter inlägg med anpassad kod

Om du är bekväm med att lägga till kod kan du anpassa exakt vad som visas efter dina inlägg istället för att använda en widgets inbyggda layout.

Den minsta missen när du lägger till kod i dina temafiler kan dock bryta din webbplats.

Vi rekommenderar att använda det kostnadsfria WPCode-pluginet för att lägga till och hantera kodavsnittet på ett säkert sätt. Om du behöver hjälp, se vår handledning om hur man installerar ett WordPress-plugin.

När WPCode-pluginet är aktivt, gå till Code Snippets » + Add Snippet och välj alternativet ‘Add Your Custom Code (New Snippet)’.

På den nya skärmen, välj ‘PHP Snippet’ som kodtyp. Ge sedan kodavsnittet ett namn och kopiera följande kod till det.

function wpb_add_content_after_post( $content ) {

    if ( is_single() && in_the_loop() && is_main_query() ) {
        $custom_content  = '<div class="wpb-after-post-content">';
        $custom_content .= '<h4>Enjoyed This Post?</h4>';
        $custom_content .= '<p>Sign up for our <a href="https://example.com/newsletter/">newsletter</a> to get more tips like this.</p>';
        $custom_content .= '</div>';

        $content .= $custom_content;
    }

    return $content;
}
add_filter( 'the_content', 'wpb_add_content_after_post' );

Kontrollen is_single() begränsar innehållet till enskilda inlägg, så widgeten visas inte på sidor eller arkivlistningar. Resten av kodavsnittet lägger till en rubrik, ett meddelande och en länk till nyhetsbrevet efter inläggets innehåll. Se till att byta ut adressen example.com mot din egen nyhetsbrevsida innan du aktiverar kodavsnittet.

Ställ in kodavsnittet på ‘Active’ och spara det. Besök slutligen ett inlägg på din webbplats för att se ditt anpassade innehåll under artikeln.

Videohandledning

Om du föredrar videoinstruktioner, titta på den.

Widgetar efter inlägg FAQ

Vad är skillnaden mellan en widget och ett plugin?

En widget är ett litet innehållsblock som du kan placera i ett specifikt område på din webbplats, som en sidofält, sidfot eller området efter innehållet som täcks i den här guiden.

Ett plugin lägger till ny funktionalitet till hela din webbplats, och det är ofta det som ger dig nya widgets eller widgetområden att använda från början.

Hur lägger jag till en widget efter ett inlägg i WordPress?

Det enklaste sättet är med det kostnadsfria pluginet Add Widget After Content. Det lägger till ett widgetområde under ditt inläggsinnehåll där du kan lägga till widgets som en anmälningsformulär för nyhetsbrev eller relaterade inlägg.

Eller så kan du lägga till samma funktion med ett kodavsnitt. Vi rekommenderar att använda det kostnadsfria WPCode pluginet så att du inte av misstag förstör din webbplats med ditt kodavsnitt.

Varför visas inte min widget efter inlägget?

Den vanligaste orsaken är en exkludering i plugininställningarna. Kontrollera om du har dolt widgeten på det specifika inlägget eller sidan, eller exkluderat dess kategori eller inläggstyp under Appearance » Widget After Content.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till anpassade widgets efter inlägg i WordPress. Du kanske också vill se vår handledning om hur man skapar en anpassad WordPress-widget och vår guide om bästa WordPress-plugins.

Om du gillade den här artikeln, prenumerera gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.