Att se din WordPress-avvisningsfrekvens klättra medan konkurrenterna enkelt fångar uppmärksamhet kan vara frustrerande. Ofta beror skillnaden på en sak: rörelse.
Statiska sidor kämpar för att behålla intresset, vilket gör att besökare scrollar förbi utan att engagera sig.
Ett sätt att fixa detta? Lägga till en videoslider.
Videosliders väcker ditt innehåll till liv genom att kombinera rörelse, visuella element och berättande. De hjälper till att fånga uppmärksamhet på sätt som statiska bilder helt enkelt inte kan och uppmuntrar användare att stanna längre på din webbplats.
I den här handledningen visar vi dig hur du skapar en videoslider i WordPress utan någon kodning. I slutet kommer du att ha en dynamisk startsida som gör din webbplats mer övertygande och håller besökarna engagerade. 🙌
📕 Snabb sammanfattning: Det enklaste sättet att skapa en videoslider i WordPress utan kodning är att använda pluginet Soliloquy. Detta verktyg låter dig bädda in optimerade YouTube-, Vimeo- eller Wistia-videor i mobilanpassade sliders.
Varför använda ett videobildspel i WordPress?
Videobildspelare är ett enkelt sätt att göra din WordPress-webbplats mer engagerande och minnesvärd.
Till skillnad från statiska bilder fångar videor omedelbart uppmärksamhet och kan visa mer på kortare tid, vilket ökar tiden på sidan med upp till 88%. Ett starkt första intryck kan vara skillnaden mellan att en besökare stannar kvar och lämnar din webbplats.
Videosliders är också otroligt mångsidiga. Du kan använda dem för att lyfta fram produktdemonstrationer, dela kundrecensioner eller visa upp kampanjinnehåll.
Till exempel:
- En resewebbplats kan lyfta fram hotellrekommendationer, destinationer och reseupplevelser.
- En fastighetswebbplats kan visa virtuella fastighetsgenomgångar.
I grunden är videobildspel helt enkelt bildspel som använder videor istället för bilder. Detta kan göra din webbplats mer levande och interaktiv.
Här är några praktiska sätt att använda videoslutare på din WordPress-webbplats:
- 🛍️ Visa upp produkt- eller tjänstrecensioner.
- 🧑🏫 Demonstrera funktioner och hur produkter fungerar.
- 📢 Dela korta uttalanden från nöjda kunder.
- 📚 Lyft fram detaljerade fallstudier.
Med detta i åtanke kommer vi att gå igenom hur du enkelt kan skapa videosliders i WordPress så att du kan engagera din publik.
Här är en snabb översikt över alla steg vi kommer att täcka i den här guiden:
Redo? Låt oss hoppa rakt in!
Lägga till ett videobildspel på din WordPress-webbplats
Det enklaste sättet att lägga till videosliders på din webbplats är att använda ett plugin.
Vi rekommenderar Soliloquy eftersom det är det bästa WordPress-sliderpluginet på marknaden. I mina tester på en live WordPress-webbplats fann jag att Soliloquy var exceptionellt snabbt utan att påverka laddningstiderna för sidor.
Det stöder populära videoplattformar som YouTube, Vimeo och Wistia, vilket gör att du helt enkelt kan klistra in en videolänk för att lägga till den i din slider. Det är också helt mobilanpassat, så dina videoslider kommer att se bra ut på alla enheter.
Dessutom är du inte begränsad till videor – du kan blanda in bilder och annat innehåll för att skapa mer engagerande sliders. Du kan läsa mer om det i vår kompletta Soliloquy-recension.
Nu är det första du behöver göra att skapa ett Soliloquy-konto via Soliloquy-webbplatsen och ladda upp zip-filen till din WordPress-webbplats för att installera det.
💡 Obs! Det finns ett gratis Soliloquy-plugin som låter dig skapa videosliders. Men vi kommer att använda Soliloquy Pro-pluginet för vår handledning eftersom det har inbyggt stöd för YouTube, Vimeo och Wistia, tillsammans med fler inställningar för videokontroll.
För mer information om installation kan du kolla in vårt inlägg om hur man installerar ett WordPress-plugin.
Efter aktivering, navigera helt enkelt till Soliloquy » Lägg till ny.
På nästa skärm måste du ge ditt nya videobildspel en titel. Klicka sedan på knappen som säger 'Välj filer från andra källor'.
🧑💻 Proffstips: Soliloquy låter dig ladda upp videor direkt, men detta rekommenderas inte. Att ladda upp videor till ditt WordPress-bibliotek kan sakta ner din webbplats, så det är bättre att använda en videohosting-tjänst som YouTube, Vimeo eller Wistia.
För mer information, se vår guide om varför du aldrig ska ladda upp en video till WordPress.
Ett popup-fönster visas där du behöver klicka på alternativet 'Infoga videoslide'. Härifrån kan du lägga till titel, videolänk, bildtext och alt-text för din video.
Du kan börja med att ge din slide ett tydligt namn så att det är lättare att organisera senare.
Ange sedan din videolänk i fältet ‘Video URL’. Du kan använda en länk från ditt mediebibliotek eller, företrädesvis, en videohostingwebbplats som YouTube, Vimeo eller Wistia. Klistra helt enkelt in standard-videolänken från din webbläsare – ingen inbäddningskod behövs.
Om du använder en video från ditt mediamaterial behöver du ladda upp en omslagsbild till fältet 'Bild-URL'. Den här bilden visas innan videon spelas upp och hjälper till att förbättra prestandan genom att förhindra att videon laddas direkt.
Med det sagt, om du använder en länk från YouTube, Vimeo eller Wistia, kommer Soliloquy automatiskt att dölja fältet 'Bild-URL' åt dig.
Du kan också lägga till en bildtext om du vill. Detta är en utmärkt plats att kortfattat förklara vad videon handlar om och uppmuntra användare att klicka på play.
Om du vill lägga till ytterligare en videoslide, klickar du bara på knappen 'Lägg till ytterligare en videoslide'.
Därifrån behöver du ladda upp titeln, videons URL, bildens URL, bildtexten och alternativtexten för nästa video.
När det är gjort kan du upprepa processen för alla videobilder du vill lägga till.
Klicka sedan helt enkelt på knappen 'Infoga i slider'.
Dina videoslides kommer att visas på skärmen för nya slides så här.
Om du behöver göra ändringar i dem kan du alltid klicka på pennikonen för att redigera videon eller klicka på ikonen 'Inaktiv' för att göra den inaktiv.
Härifrån kan du gå till fliken 'Konfiguration' för att anpassa hur du vill att din videoslider ska visas.
På den här skärmen kan du växla flera inställningar.
Till exempel kan du ändra bildspelens dimensioner så att de passar din webbdesign. Du kan också anpassa reglaget och bildtextens position så att de stämmer överens med andra element på din sida.
Ett annat alternativ du kanske vill överväga är om du vill tillåta automatisk uppspelning av video eller inte.
Du kan ställa in videosliden så att den spelas automatiskt när en besökare landar på sidan, så att de tvingas titta på ditt innehåll.
Tänk dock på att det kan sänka sidans hastighet eftersom webbläsaren också måste ladda videon. Dessutom blockerar moderna webbläsare ofta automatiskt spelande videor om de inte är avstängda.
Det bra med Soliloquy är att pluginet också kan optimera ditt videoslideshow för mobila enheter, men du måste konfigurera dessa inställningar manuellt.
För att göra detta, låt oss gå till fliken 'Mobil'.
Väl inne kan du skapa mobilbildspel och visa bildtexter så att folk vet vad de kommer att titta på innan de klickar för att spela upp.
Nu är du redo att lägga till slutaren till din WordPress-blogg eller webbplats.
Klicka på knappen 'Publicera' i panelen till höger.
Visa videobildspelet i WordPress
För att bädda in din slider kan du vilja skapa eller redigera ett inlägg eller en sida där du vill visa den.
I WordPress-redigeraren kan du klicka på knappen ‘+’ för att lägga till Soliloquy-blocket på din sida. För att göra processen enklare kan du skriva in ‘Soliloquy’ i sökfältet.
Välj sedan videosliden du just skapat från Soliloquy-widgeten och infoga den på din sida.
När det är gjort, klicka på knappen 'Publicera' eller 'Uppdatera' högst upp.
Det var allt. Du kan nu förhandsgranska ditt inlägg för att se dina videoslides i aktion.
Så här kan det se ut:
Om du fortfarande använder den klassiska WordPress-redigeraren kan du också lägga till en videobildspel till valfri WordPress-sida eller inlägg.
Du måste kopiera kortkoden som finns på Soliloquy-sidan, där alla dina videosliders lagras. Infoga sedan helt enkelt den kortkoden i ditt innehåll.
För mer information kan du läsa vår guide om hur man infogar en kortkod i WordPress.
Bonus: Lägg till en framträdande innehållsslider till WordPress
Utöver att lägga till videosliders på din webbplats kanske du också vill lägga till en slider för utvalt innehåll på dina WordPress-sidor.
Förutom att visa upp dina bästa blogginlägg kan du lägga till bildspel med utvalda innehåll för att lyfta fram utvalda produkter från din webbutik, dela recensioner, visa upp portfölj-objekt eller visa populära kategorier.
Till skillnad från videosliders kan en slider med utvalt innehåll visa en kombination av bilder och länkar på bilden.
Allt du behöver göra är att installera 'Featured Content Addon' i Soliloquy.
Nästa steg är att lägga till innehåll, länkar och beskrivningar av dina multimediefiler genom att välja dina filer, ladda upp dem till tillägget och fylla i respektive titel- och beskrivningsfält.
För en mer djupgående handledning kan du läsa vårt blogginlägg om hur man korrekt lägger till ett bildspel med utvalda innehåll i WordPress.
Vanliga frågor: Skapa videobildspel i WordPress
Om du fortfarande undrar hur videosliders påverkar din webbplats eller hur du använder dem effektivt, täcker dessa vanliga frågor de viktigaste punkterna.
Kommer en videoslider att sakta ner min webbplats?
Det kan det, men plugins som Soliloquy är designade för prestanda. De använder lat laddning, så videon laddas bara när en användare klickar på play. Att använda en videohostingtjänst som YouTube, Vimeo eller Wistia istället för att ladda upp direkt till WordPress håller också din webbplats snabb.
Kan jag blanda videor och bilder i samma bildspel?
Ja. Soliloquy stöder flera bildspelstyper, så du kan kombinera videor, bilder och till och med anpassat HTML-innehåll i ett enda bildspel.
För videor kan du ange en platshållarbild (posterbild) som visas innan videon spelas upp. Detta förbättrar prestandan och säkerställer att ditt bildspel ser bra ut under laddning.
Är Soliloquys videobildspel mobilvänliga?
Absolut. Från vår testning är Soliloquy fullt responsiv, så bildspel anpassar sig automatiskt för att passa stationära datorer, surfplattor och smartphones.
Behöver jag kunna koda för att lägga till en videoslider?
Inte alls. Om du följer den här handledningen kommer den att vara helt kodfri. Detta gör det möjligt för vem som helst, inklusive förstagångsanvändare, att enkelt bygga, anpassa och lägga till en videobildspel.
Nästa steg för att använda mediefiler i WordPress
Vi hoppas att den här artikeln hjälpte dig att lägga till videoslides i WordPress med Soliloquy.
Därefter kanske du också vill ta en titt på våra guider om:
- Nybörjarguide till WordPress bildstorlekar (+ bästa praxis)
- Hur man lägger till flera inläggstummare / utvalda bilder i WordPress
- Hur man bäddar in Apple Podcasts i WordPress
- Hur man startar en podcast och gör den framgångsrik
- Bästa videohosting-sajter för bloggare, marknadsförare och företag
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.
kzain
Jag har velat lägga till en videobildspelare på min webbplats men var inte säker på var jag skulle börja. Genomgången av olika bildspelare-plugins och anpassningsalternativ är superhjälpsam. Nu kan jag skapa en visuellt tilltalande bildspelare för att visa upp mitt videoinnehåll. Tack för att du delade!
Moinuddin Waheed
Detta behövs verkligen för många webbplatser för att visa korta videor för instruktionsändamål, såsom produktbeskrivningar, erbjudna tjänster och guider för hur man gör.
Jag har alltid hoppat över idén att bädda in en videobildspel enbart på grund av webbplatsens hastighetsproblem.
Eftersom Soliloquy tar hand om hastigheten och tillåter inbäddning av YouTube-videor i bildspelet, är det vettigt att använda det på alla webbplatser som kräver det.
Tack wpbeginner för den här guiden, jag kommer definitivt att prova detta.