Hur man lägger till dynamiskt innehåll i WordPress (nybörjarguide)

Att lägga till dynamiskt innehåll på din WordPress-webbplats kan avsevärt förbättra användarnas engagemang och den övergripande webbplatsens prestanda.

Detta är innehåll som ändras baserat på användarinteraktion, beteende eller andra faktorer i realtid, vilket erbjuder en mer personlig surfupplevelse för dina besökare. Oavsett om du är en bloggare, företagare eller webbplatsadministratör är användningen av dynamiskt innehåll ett kraftfullt sätt att få din webbplats att sticka ut.

På WPBeginner använder vi regelbundet dynamiskt innehåll för att bättre engagera vår publik. Till exempel är alla våra e-postutskick adresserade till den individ vi skickar dem till.

Detta är en enkel men effektiv användning av dynamiskt innehåll, där kärnan i e-postmeddelandet förblir densamma, men mottagarens namn ändras beroende på vem som tar emot det. Vi älskar att lägga till denna personliga touch och har sett i första hand hur denna typ av dynamiskt innehåll ökar engagemanget.

I den här artikeln visar vi dig hur du enkelt lägger till dynamiskt innehåll på din WordPress-webbplats.

Varför lägga till dynamiskt innehåll i WordPress?

Dynamisk text hänvisar till innehåll som ändras på en webbplats beroende på olika faktorer, inklusive användarbeteende, tid, plats, namn och mer.

Att ställa in dynamisk text gör det möjligt för användare på din WordPress-webbplats att se olika meddelanden beroende på olika faktorer.

Till exempel kan du visa namnet på användaren som för närvarande är inloggad på din webbplats med hjälp av dynamisk text. 

Att visa personligt innehåll kan hålla besökare engagerade på din webbplats under längre perioder, vilket kan minska avvisningsfrekvensen och förbättra din webbplats SEO-ranking.

Det kan till och med hjälpa till att omvandla besökare till kunder eller prenumeranter genom att visa att din webbplats bryr sig om sina besökare. Detta kan skapa ett positivt intryck och bygga förtroende.

Dessutom kan dynamiskt innehåll öka försäljningen och registreringarna på din webbplats. Du kan till exempel visa det aktuella datumet dynamiskt för en nedräkningsförsäljning eller rabatterbjudande, och det kommer automatiskt att uppdateras varje dag. Detta kan skapa en känsla av brådska och leda till fler konverteringar.

Med det sagt, låt oss titta på hur man lägger till dynamiskt innehåll i WordPress. Du kan använda snabblänkarna nedan för att hoppa till den metod du vill använda:

• Metod 1: Skapa en dynamisk landningssida med SeedProd
• Metod 2: Lägg till dynamiskt innehåll med OptinMonster
• Bonus: Lägg till dynamisk fältpopulering i WordPress-formulär

Metod 1: Skapa en dynamisk landningssida med SeedProd

Om du vill skapa en landningssida med dynamiskt innehåll, då är den här metoden för dig.

SeedProd är den bästa WordPress sidbyggaren på marknaden som hjälper dig att skapa attraktiva landningssidor och teman utan att använda någon kod.

Dessutom testade vi utförligt dess dynamiska textfunktion, som låter dig lägga till dynamiskt innehåll i dina rubriker och text med bara några klick. För att lära dig mer, se vår SeedProd-recension.

Först måste du installera och aktivera pluginet SeedProd. För mer information, se vår nybörjarguide om hur man installerar ett WordPress-plugin.

Efter aktivering, gå till sidan SeedProd » Inställningar för att ange pluginets licensnyckel.

Du hittar denna information på ditt konto på SeedProd-webbplatsen.

Gå sedan till SeedProd » Landningssidor från WordPress admin-sidomenyn.

När du är där klickar du på knappen 'Add New Landing Page'.

Detta leder dig till skärmen ‘Välj en ny sidmall’, där du kan välja någon av de färdiga mallarna för din landningssida.

När du har valt en mall kommer du att bli ombedd att ange ett sidnamn och välja en URL.

Efter att ha angett denna information, klicka bara på knappen ‘Spara och börja redigera sidan’ för att fortsätta.

Detta startar SeedProds dra-och-släpp-sidbyggare, där du nu kan börja redigera din sida. För mer detaljerade instruktioner, se vår guide om hur man skapar en landningssida i WordPress.

Dra och släpp sedan helt enkelt blocket Rubrik eller Text från sidofältet till vänster till landningssidan. Klicka sedan på blocket för att öppna dess inställningar i den vänstra kolumnen.

När du har gjort det klickar du på knappen 'Infoga dynamisk text'.

Detta öppnar en prompt för 'Dynamisk textersättning' på skärmen.

Härifrån bör du välja alternativet 'DateTime' om du vill ställa in en tid eller ett datum dynamiskt. Detta kan vara användbart om du vill visa tidsgränsen för ett försäljnings- eller rabatterbjudande på din webbplats.

Därefter väljer du helt enkelt ett datumformat från rullgardinsmenyn och klickar på knappen 'Infoga'.

Om du inte ser ditt föredragna format i rullgardinsmenyn kan du klicka på länken 'Läs mer' högst upp för att se andra format.

Om du vill lägga till en plats, namn, land, stöd för flera språk, sidtitel, e-postadress, postnummer eller annat dynamiskt innehåll, måste du välja alternativet ‘Frågeparameter’.

Lägg sedan till den dynamiska textfaktorn under alternativet ‘Parameternamn’.

Om du till exempel lägger till dynamisk text för namn i alternativet 'Parameternamn', kommer alla som är inloggade på din webbplats att se sitt namn, som 'Hej John', istället för 'Hej där' på sidan.

Eller om du lägger till dynamisk text för en e-postadress, då kommer användarna att visas sin e-postadress på din landningssida varje gång de loggar in.

Likaså, om du vill visa varje användares plats dynamiskt kan du ange 'location' som parameternamn.

Lägg sedan till standardvärdet som den dynamiska texten kommer att återgå till om platsen inte finns i URL-parametern.

Till exempel, om en besökare öppnar din webbplats och deras plats inte är tillgänglig i URL:en, kan den dynamiska texten säga 'Butiker nära dig' istället för 'Butiker nära Florida'.

Därefter klickar du helt enkelt på knappen 'Infoga' för att lägga till den dynamiska texten.

När du har gjort det klickar du på knappen 'Spara' högst upp för att lagra dina inställningar. Klicka slutligen på knappen 'Publicera' för att göra din landningssida live.

Besök nu din webbplats för att se det dynamiska innehållet i praktiken.

Så här ser det ut på vår demosida.

Metod 2: Lägg till dynamiskt innehåll med OptinMonster

Om du vill lägga till dynamiskt innehåll i dina annonskampanjer, inklusive popup-fönster eller flytande fält, då är den här metoden något för dig.

OptinMonster är det bästa verktyget för leadgenerering och konverteringsoptimering på marknaden. Det låter dig visa personliga kampanjer för användare utan att använda någon kod.

Den levereras också med en funktion för ersättning av dynamisk text som gör det möjligt för dig att lägga till dynamiskt innehåll i dina kampanjer med hjälp av smarta taggar.

För mer information, se vår kompletta OptinMonster-recension

Först måste du registrera dig för ett OptinMonster-konto eftersom det betalda verktyget låter dig lägga till dynamiskt innehåll.

Besök helt enkelt OptinMonster-webbplatsen och klicka på knappen 'Skaffa OptinMonster nu' för att skapa ett konto.

Därefter måste du installera och aktivera gratis OptinMonster-plugin på din WordPress-webbplats. För detaljerade instruktioner, se vår handledning om hur man installerar ett WordPress-plugin.

Vid aktivering ser du OptinMonster-installationsguiden i WordPress-instrumentpanelen.

Så här ser det ut på vår demosida.

Härifrån klickar du på knappen 'Anslut ditt befintliga konto' för att ansluta din WordPress-webbplats till ditt OptinMonster-konto.

Därefter öppnas ett nytt fönster på skärmen.

Klicka helt enkelt på knappen 'Anslut till WordPress' för att fortsätta.

När du har anslutit ditt OptinMonster-konto till WordPress, gå till sidan OptinMonster » Kampanjer från WordPress admin-sidofältet.

Klicka sedan på knappen ‘Skapa din första kampanj’ för att starta en kampanj.

Detta tar dig till sidan 'Templates', där OptinMonster erbjuder olika kampanjtyper som du kan använda för att visa dina användare olika typer av innehåll eller riktade meddelanden.

Dessa inkluderar popups, flytande fält, spelifierade kampanjer, inline-kampanjer, slide-in popups och mer.

Om du till exempel vill visa dynamiskt innehåll inuti ett WordPress-inlägg eller en sida kan du välja kampanjtypen Inline.

Efter att ha valt en kampanjtyp kan du välja någon av de fördefinierade mallarna för den specifika kampanjen.

Du kommer sedan att bli ombedd att ange ett namn för det och klicka på knappen 'Start Building'.

Detta tar dig till OptinMonsters gränssnitt för kampanjbyggande. Det är ett dra-och-släpp-verktyg där du kan designa din kampanj med en liveförhandsgranskning.

Dra och släpp sedan Text- eller Rubrikblocket från sidofältet till vänster in i kampanjen. Välj sedan bara lite text i blocket för att öppna textredigeraren högst upp på det.

Klicka sedan på ikonen ‘Smarta taggar’ i textredigerarens högra hörn för att öppna en rullgardinsmeny med en lista över smarta taggar

Härifrån kan du välja någon av smarta taggar för att lägga till dynamiskt innehåll i din kampanj.

Du kan till exempel använda smarttaggen {{form_first_name}} för att lägga till användarens namn högst upp för att få kampanjen att kännas mer personlig.

Nu kommer alla inloggade användare på din webbplats att se sina namn i kampanjen.

Andra smarta taggar visar kampanjnamn, e-postadress, postnummer, land, provins, år, månad, datum, kupongkod, sidans URL och mer.

Till exempel, genom att använda smarttaggen för länder visas namnet på det land där varje användare som har loggat in och för närvarande tittar på din kampanj.

På samma sätt hjälper användningen av en datum-smart tagg dig att visa tidsgränsen för en försäljning utan att manuellt uppdatera den varje gång.

När du har valt dina smarta taggar, klicka bara på knappen ‘Spara’ högst upp för att lagra dina inställningar.

Slutligen, växla till fliken 'Publicera' högst upp och klicka på knappen 'Publicera' för att göra din kampanj live.

Nu kan du besöka din webbplats frontend för att se kampanjen med dynamiskt innehåll.

Så här ser det ut på vår demosida.

Bonus: Lägg till dynamisk fältpopulering i WordPress-formulär

Förutom att lägga till dynamiskt innehåll kan du även lägga till dynamisk fältpopulation i dina WordPress-formulär. Detta gör att du automatiskt kan fylla i formulärfält baserat på användarens val, formulärtyp, frågesträngar eller villkorlig logik.

Till exempel, om du har en WooCommerce-butik, kan du lägga till ett formulär där produktfältet fylls i dynamiskt med befintliga produkter i butiken.

Detta kan minska fel vid datainmatning, förbättra användarupplevelsen och effektivisera ditt formulärs arbetsflöde.

Du kan enkelt lägga till dynamisk fältpopulering i dina formulär med hjälp av WPForms. Det är den bästa WordPress-kontaktformulärspluggen på marknaden som kommer med dynamisk fältpopulering, villkorlig logik och avancerade formulärfält.

Detta gör att du kan skapa smartare och mer interaktiva formulär på din webbplats.

Allt du behöver göra är att växla alternativet 'URL-parametrar'. När du har gjort det kommer WPForms att börja acceptera dynamiska formulärfält som skickas via URL-parametrar i ett specifikt format.

För detaljerade instruktioner, se vår handledning om hur man använder dynamisk fältpopulation i WordPress för att automatiskt fylla i formulär.

Dessutom erbjuder WPForms även färdiga mallar, dra-och-släpp-byggare och komplett spam-skydd för att göra dina WordPress-formulär säkra.

För mer information, se vår kompletta WPForms-recension.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till dynamiskt innehåll i WordPress. Du kanske också vill se vår steg-för-steg-handledning om hur du lägger till ett dynamiskt copyrightdatum i WordPress sidfot och våra toppval för bästa designelementen för en effektiv WordPress-webbplats.

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