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

Så här addar du videoklipp till dina WooCommerce gallerier

Vill du addera videoklipp till dina gallerier i WooCommerce?

Videoklipp kan ge mer detaljerade och engagerande demonstrationer av dina produkter. Dessutom kan de hjälpa till att göra din WooCommerce store mer visuellt tilltalande och engagerande.

I den här artikeln kommer vi att visa you hur man enkelt addar videoklipp till dina WooCommerce gallerier, steg för steg.

Adding product videos to your WooCommerce gallery

Varför add WooCommerce produktvideoklipp till din store?

Genom att lägga till produktvideor i din WooCommerce store kan du effektivt visa upp dina produkter på ett mer detaljerat och informativt sätt. Detta kan ge dina kunder en bättre förståelse för din produkts funktioner och fördelar.

Detta kan leda till ökad konvertering eftersom besökare som tittar på videoklipp är 73% mer benägna att göra ett köp.

Genom att visa dina produkter i action med hjälp av videoklipp kan du dessutom bygga upp förtroende och trovärdighet hos potentiella kunder, vilket gör att de känner sig mer säkra på sina köp.

Om du till exempel har en store som säljer hörlurar kan du få fler konverteringar genom att lägga till ett videoklipp som visar ljudkvaliteten och utvalda funktioner i headsetet.

Headphone WooCommerce product video preview

Att lägga till produktvideor i dina WooCommerce gallerier kan också öka din webbplats sökmotorsoptimering eftersom search engines prioriterar webbplatser som har multimediainnehåll, inklusive videoklipp.

Higher visibility in the search results can lead to more people visiting your store and buying products.

Med detta sagt, låt oss se hur du enkelt kan add to produkt videoklipp till dina WooCommerce gallerier. Du kan använda länkarna under för att hoppa till den metod du vill använda:

Metod 1: Add to WooCommerce Product Video med hjälp av YITH WooCommerce Featured Audio & Video Content (Gratis & Premium)

För denna metod kommer vi att visa you hur man addar produkt videoklipp till WooCommerce galleries med hjälp av ett premium plugin. Vi rekommenderar den här metoden om du vill ha mer control över dina inställningar för visning och uppspelning av videoklipp.

Först måste du installera och aktivera pluginet YITH WooCommerce Featured Audio & Video Content. För detaljerade instruktioner, se vår guide för nybörjare om hur man installerar ett plugin för WordPress.

Med detta plugin kan du add to en video från YouTube och Vimeo eller your egen video från mediabiblioteket till WooCommerce gallery.

Note: Det finns också ett gratis YITH WooCommerce Featured Video plugin. Det tillåter dock inte att du konfigurerar de flesta inställningarna för videoklipp, modal och gallery.

Konfigurera allmänna Settings för tillägget

Efter aktivering, heada över till YITH ” Featured Audio & Video Content page från WordPress admin sidebar.

Detta öppnar inställningarna för videoklipp. Härifrån kan du börja med att välja ett bildförhållande för produktvideon från dropdown-menyn.

Om du använder den gratis versionen är detta den enda inställningen som är available för you.

Choose the aspect ratio for the product video

Därefter toggle ’AutoPlay’ switch till aktiv om du vill att videoklippet ska börja spela så snart sidan hämtar.

You can also toggle the ’Loop’ switch so that the videoklipp will start over as soon as it ends.

När du har gjort det måste du flytta slidern bredvid alternativet ”Volym” för att justera volymen på videoklippet. Sedan är det bara att toggle på knappen ”Stoppable videos” för att allow användare att pausa ett videoklipp.

Configure the General settings for the video

Därefter rullar du ner till ”YouTube Settings” section och toggle ”Show Related” switch på om du vill rekommendera andra YouTube-videor från samma kanal som din video. Denna Settings är endast nödvändig om du embedar ett produktvideoklipp från YouTube.

Efter det kan du välja ett tema och en stil för YouTube-videospelaren.

Configure YouTube video settings

När du har gjort det måste du rulla ner till ”Vimeo Settings” section och toggle på ”Show Video Rubrik” switch för att visa video titeln i Vimeo player. You will only need to change this setting if your product videos are hosted on Vimeo.

Dessutom kan du välja en färg för uppspelningskontroll för Vimeo-spelaren.

Configure Vimeo Settings

Därefter flyttar du till sektionen ’VideoJS Player Style’ och väljer ’Custom’ som alternativet ’Style’.

Detta öppnar customize-inställningarna, där du kan konfigurera bakgrundsfärg, slider-färg, knappfärg och mer av videoklippet.

När du är klar klickar du på knappen ”Save Options” för att spara dina inställningar.

Configure color settings for the video

Konfigurera Settings för Modal ( endast Premium Plugin)

Nu måste du byta till tabben ”Modal Settings” från högst upp på sidan. Tänk på att den här tabben inte kommer att vara available om du använder det gratis pluginet.

När du väl är där, toggle helt enkelt ”Video in modal”-omkopplaren om du vill visa det utvalda videoklippet i ett modalt fönster. Detta kommer att visa videoklippet i en lightbox framför det andra innehållet på sidan.

När du har gjort det kan du också välja en ”Modal displaying effect” från dropdown.

Configure Modal Settings

Klicka sedan på knappen ”Save Options” för att spara dina inställningar.

Konfigurera Settings för Gallery (endast premium plugin)

Nu måste du växla till fliken ”Gallery Settings” högst upp. Den här tabben är endast tillgänglig i premiumversionen.

Härifrån måste du välja alternativet ”WooCommerce Gallery” som ”Video and Audio gallery mode” för att visa produktvideoklippen i WooCommerce gallery.

Choose the WooCommerce Gallery option

Alternativt, genom att välja alternativet ”Plugin Gallery”, kommer det utvalda videoklippet att visas i ett related to gallery.

Å andra sidan kan du också toggle omkopplaren ”Video and Audio in sidebar” om du vill visa produktvideon i sidebaren istället för WooCommerce eller related to gallery.

När du är klar, glöm inte att klicka på knappen ”Save Options” för att spara dina inställningar.

Show the video in the sidebar

Add produktvideon till WooCommerce Gallery

Nu är det dags för dig att add to WooCommerce-produktens videoklipp till WooCommerce gallery.

Först besöker du sidan Produkter ” Alla produkter från WordPress admin sidebar. När du är där klickar du bara på länken ”Edit” under ett produktnamn för att öppna upp sidan ”Edit Product”.

Click the Edit link under the products page

Därefter rullar du ner till sektionen ”Product Data” och klickar på tabben ”Video” i den vänstra colonnen.

Nu måste du välja hur du vill lägga till videoklippet från dropdown-menyn ”Add Video”. För denna tutorial kommer vi att välja alternativet ”By URL” eftersom vi kommer att lägga till en YouTube-video URL.

Switch to the Video tab and choose By URL option from the dropdown menu

Alternativt kan du uppladare ett videoklipp med hjälp av mediabiblioteket i WordPress. Vi rekommenderar dock inte denna metod eftersom uppladdare av videoklipp använder mycket bandbredd.

För detaljer kan du läsa vår guide för nybörjare om varför du aldrig ska uploada ett videoklipp till WordPress.

You will then be asked to type a name for the product video into the ”Video Name” box.

När du har gjort det klistrar du bara in YouTube-videons URL i boxen ”Video URL” och klickar på knappen ”Add Video”.

Paste YouTube video URL

Klicka slutligen på knappen ”Update” eller ”Publicera” högst upp för att save your changes.

Du kan nu besöka din online-butik för att kontrollera om videoklippet har lagts till i WooCommerce gallery för din produkt.

Så här såg produktvideoklippet ut på vår demo website.

Preview for WooCommerce product video

Metod 2: Add WooCommerce produktvideor med hjälp av riktigt enkel utvald video (gratis)

Om du letar efter ett gratis och enkelt sätt att add to WooCommerce produkt videoklipp, då är denna metod något för dig.

Först måste du installera och aktivera pluginet Really Simple Featured Video. För mer detaljer, se vår tutorial om hur du installerar ett plugin för WordPress.

Konfigurera tilläggets Settings

Efter aktivering, heada över till Settings ” Really Simple Featured Video page från WordPress dashboard.

Härifrån toggle ’Produkter’ -omkopplaren för att aktivera support för videoklipp för WooCommerce. Efter det klickar du bara på knappen ”Save Changes” för att lagra dina inställningar.

Toggle the Products switch

Därefter måste du byta till ”Controls” tabs från högst upp. Här kan du konfigurera inställningar för .[WordPress] som drivs på en egen server och inbäddade videoklipp.

Nu är det bara att gå till section ”Self-hosted videos” och börja med att toggle ”Controls”-knappen för att add to controls to the video player.

Efter det kan du också toggle ’Loop’-omkopplaren för att fortsätta spela videoklippet på en slinga. Dessutom kan du också stänga av videoklippet som standard genom att toggle omkopplaren bredvid ”Mute sound”.

När du har gjort det är det bara att toggle på ”Autoplay”-knappen om du vill att videoklippet ska börja spelas automatiskt.

Toggle the controls switch

Därefter rullar du ner till sektionen ”Embed videos”, där du hittar alla dessa alternativ upprepade för inbäddad video.

Konfigurera helt enkelt dessa inställningar som du gillar och klicka på knappen ”Save Changes” för att spara dina inställningar.

Add produktvideon till WooCommerce Gallery

För att add a product video to the WooCommerce gallery, head over to the Products ” All Products page from the admin sidebar.

Härifrån går du vidare och klickar på länken ”Edit” under ett produktnamn för att öppna det.

Edit the products page

När du väl är där rullar du ner till sektionen ”Featured Video” i den högra colonnen och väljer en videokälla.

Om du vill uppladare en video från din dator eller ditt mediabibliotek måste du selecta alternativet ”Self”. Men om du vill embedda ett videoklipp från YouTube eller någon annan plattform måste du välja alternativet ”Embed”.

Note: Vi rekommenderar inte att du uppladdar videoklipp på din website eftersom de använder mycket bandbredd. För mer detaljer, läs vår guide om varför du aldrig bör uploada ett videoklipp i WordPress.

För denna tutorial väljer vi alternativet ”Embed” eftersom vi vill add to en YouTube video.

Choose the Embed option and paste the video URL

När du väljer det alternativet visas fältet ”Video URL goes here”. Add helt enkelt videolänken till YouTube, Vimeo eller Dailymotion till fältet.

Slutligen klickar du på knappen ”Update” eller ”Publicera” högst upp för att save your changes.

Nu kan du besöka din website för att kontrollera WooCommerce-produktens videoklipp.

headphones preview

Bonus: Lägg till WooCommerce Product Gallery i din store

Förutom videoklipp är det också en bra idé att lägga till gallerier med images för produkterna på din website.

Flera images kan hjälpa till att visa upp olika funktioner i dina produkter och öka kundernas engagement i din WooCommerce store.

Dessutom är dessa gallerier också ett utmärkt sätt att visa upp olika produktvarianter, till exempel färger, storlekar eller stilar, vilket hjälper potentiella köpare att fatta ett välgrundat beslut.

Dessutom kan gallerier med images också optimeras för search engines för att hjälpa din website att ranka högre.

Du kan enkelt add to ett image gallery för produkterna i din WooCommerce store med hjälp av Envira Gallery. Det är det bästa tillägget för gallerier i WordPress på marknaden som låter dig skapa helt responsiva och beautiful gallerier i WordPress.

Envira Gallery website

Det är supersnabbt och kommer med många funktioner som en lightbox popup, enkel image navigation, en drag and drop-byggare, vattenstämplar och professionella templates för gallery. För detaljer kan du se vår kompletta Envira Gallery review.

Pluginet gör det superenkelt att skapa produktgallerier och låter dig även add to tags och taxonomies-termer för att hjälpa din produktsida att ranka högre.

För detaljerade instruktioner, se vår tutorial om hur man skapar ett WooCommerce produkt image gallery.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du addar videoklipp till dina WooCommerce gallerier. You may also want to see our tutorial on how to schedule coupons in WooCommerce and our top picks for the best WooCommerce plugins to grow your site.

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

Kommentarer

  1. Grattis, du har möjlighet att bli den första kommentatorn på den här artikeln.
    Har du en fråga eller ett förslag? Lämna gärna en kommentar för att starta diskussionen.

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.