HubSpot Kunskapsbas

Lägg till videor i dina uppmaningar till handling (CTA)

Skriven av HubSpot Support | Sep 23, 2023 11:56:53 AM

När du skapar en call-to-action (CTA) kan du lägga till videor för att locka och engagera webbplatsbesökare. Du kan lägga till videor direkt i HubSpot eller använda videor från externa källor, t.ex. YouTube.

Om du använder en video som laddats upp till HubSpots filverktyg måste alternativet för avancerade funktioner vara aktiverat. Om inte kommer videon inte att visas som ett alternativ.

När du analyserar din CTA-prestanda kommer klick på videomodulen, till exempel att klicka på uppspelningsknappen, inte att läggas till i klickmåttet . Läs mer om hur du analyserar dina CTA:s prestanda.

Så här lägger du till en video när du skapar en CTA:

  • Klicka på Skapa längst upp till höger.
  • Du kan skapa en ny CTA från början eller från en mall:
    • Om du vill skapa en ny CTA från en mall klickar du på HubSpot-mallar i den vänstra panelen. Välj sedan en mall som matchar dina mål.
    • Om du vill skapa en ny CTA från början klickar du på Starta från början i den vänstra panelen. Välj sedan en CTA-typ:
      • Sticky Banner: en permanent banner som är fäst längst upp eller längst ner på sidan. Bannern kommer att finnas kvar när besökarna scrollar igenom din sida.
      • Popup-ruta: en popup-ruta som visas enligt ett visst schema.
      • Slide-In: en banner som glider in från ett hörn på din webbplats. Bannern ligger kvar när besökarna scrollar igenom sidan.
      • Inbäddad: en knapp som du kan använda på ditt HubSpot-innehåll för att leda potentiella kunder till specifika sidor.
  • I den vänstra panelen, från fliken Lägg till , klickar du på och drar videomodulen direkt till den högra panelen i redigeraren.

  • För att redigera videopositionen håller du muspekaren över videomodulen och klickar och drar den till en ny position.
  • Om du vill använda en video från en URL klickar du på Bädda in under Videotyp. Klicka sedan på Bädda in URL och fortsätt att konfigurera din video:
    • Video URL: ange URL:en för videon.
    • Förhandsgranska: visa en förhandsgranskning av videon.
    • Storlek: ställ in videon så att den automatiskt justeras baserat på CTA, eller ange en specifik höjd och bredd.
    • Maximal storlek: ange den maximala storlek som videon kan skalas till. Klicka på rullgardinsmenyn Maximal storlek och välj ett alternativ:
      • Originalstorlek: videon kommer inte att skalas till att bli större än sin originalstorlek.
      • Full bredd: videon tar upp hela bredden på den enhet den visas på.
      • Anpassad: videon kommer inte att överskrida en viss bredd och höjd som ställts in i sidofältsredigeraren. Ange pixelvärden för dess dimensioner i rutorna Maximalbredd och Maximalhöjd.
    • Anpassad miniatyrbild: ändra förhandsgranskningsbilden för din video. Du kan ladda upp en anpassad miniatyrbild eller välja en anpassad miniatyrbild från din filhanterare.

  • Om du vill använda en videos inbäddningskod klickar du på Bädda in under Videotyp. Klicka sedan på Inbäddningskod och fortsätt att konfigurera videon:
    • Inbäddningskod: klistra in inbäddningskoden för din video. Videoelementet och andra detaljer som storlek och miniatyrbild kommer automatiskt att återges baserat på inbäddningskoden.
    • Förhandsgranska: visa en förhandsgranskning av den tillagda videon.

  • Om du vill använda en HubSpot-video klickar du på HubSpot-video under Videotyp. När du gör det måste alternativet för avancerade funktioner för videon vara aktiverat.
    • Du kan ladda upp en ny video till din filhanterare eller använda en befintlig video:
      • För att ladda upp en ny video klickar du på Ladda upp. Välj sedan en videofil från filväljaren. Som standard är avancerade funktioner aktiverade för nya videofiler som laddas upp i innehållsredigeraren.
      • Om du vill använda en video från filhanteraren klickar du på Bläddra bland videor. Klicka sedan på den video som du vill infoga i den högra panelen.
    • Maximal storlek: ställ in den maximala storleken som videon kan skalas till, klicka på rullgardinsmenyn Maximal storlek och välj ett alternativ:
      • Originalstorlek: videon kommer inte att skalas till att bli större än sin originalstorlek.
      • Full bredd: videon kommer att ta upp hela bredden på den enhet den visas på.
      • Anpassad: videon kommer inte att överskrida en viss bredd och höjd som ställts in i sidofältsredigeraren. Ange pixelvärden för dess dimensioner i rutorna Maximalbredd och Maximalhöjd.
    • Videodetaljer: klicka på Redigera för att anpassa videon ytterligare. I den högra panelen kan du ange en titeltext, beskrivning och metataggar. Detta hjälper sökmotorerna att förstå innehållet i din video.
    • Avancerade alternativ: markera kryssrutan bredvid vart och ett av följande alternativ för att slå på alternativet.
      • Loop video: loopa videon automatiskt.
      • Mute by default: när videon spelas upp, ställ in ljudet så att det är avstängt som standard.
      • Autoplay: starta videon automatiskt när sidan laddas.

        När du använder det här alternativet rekommenderar vi starkt att du väljer alternativet Ljud av som standard för att följa webbläsarens begränsningar. I allmänhet kommer videor med ljud att stängas av eller blockeras från att spelas upp automatiskt.

        • Google Chrome: autospelande videor måste stängas av. Videor som tittaren ofta besöker får spelas upp automatiskt med ljud. Läs mer om Googles poängsystem.
        • Safari: autospelande videormåstevara avstängda.Tittarekan välja att blockera eller tillåta autoplay utan ljud för specifika domäner i sin installation. Läs mer om hur du hanterar autoplay-videor i Safari.
        • Mozilla Firefox: autospelande videor måste vara avstängda. Tittare kan välja att blockera eller tillåta autoplay utan ljud för specifika domäner i sina inställningar. Läs mer om hur du hanterar autospelande videor i Firefox.
      • Dölj kontroller: dölj videokontrollalternativ som t.ex. förloppsindikatorn, ljudkontroller och videoinställningar.
    • Stilalternativ: anpassa uppspelningsknappen. Ange ett hexvärde eller klicka på färgväljaren och välj en färg.

  • När du har konfigurerat din video klickar du på Spara och tillämpa längst ner.
  • För att duplicera videomodulen, håll muspekaren över elementet och klicka på duplicateklonikonen.
  • Om du vill ta bort elementet håller du muspekaren över elementet och klickar på deletepapperskorgsikon.
  • Fortsätt skapa din CTA.