Platform Guides 20. maj 2026

Videowidget til Magento og Adobe Commerce

Se, hvordan du installerer og tilpasser en videowidget i Magento og Adobe Commerce, og hvad du bør teste før udgivelse.

Videowidget til Magento og Adobe Commerce

Vigtigste pointer

  • En standardinstallation kan ofte klares hurtigt, men den faktiske tid afhænger af Magento-version, tema, adgang og test.
  • CompleteGreet giver dig kontrol over, hvornår widgetten vises, hvad den beder besøgende om, og hvordan den ser ud i butikken. Kontrollér funktionerne i din aktuelle plan.
  • Test websitet i flere browsere og på mobil, før du annoncerer noget. Tjek boble, navigation, formular og checkout.

Hvordan installerer du CompleteGreet på Magento?

En Magento-installation kræver adgang til tema eller CMS-konfiguration. Du indsætter et script i footer eller et godkendt kodefelt og tester derefter alle relevante sider.

Illustration af installation af CompleteGreet på Magento

Her er den typiske vej gennem Magento Admin.

  1. Log ind på CompleteGreet-dashboardet, og kopiér widgetkoden fra installationssektionen. Koden er et script med dit unikke website-ID.
  2. Gå i Magento Admin til Content, Design og Configuration. Her ser du store views og deres aktive temaer.
  3. Klik på Edit ved det tema, butikken bruger. Hvis du har flere store views, så vælg først den visning, hvor widgetten skal testes.
  4. Rul til Footer, og udvid sektionen. Find feltet Miscellaneous HTML, hvor Magento kan indsætte kode før det afsluttende body-tag.
  5. Indsæt CompleteGreet-scriptet i feltet. Pak det ikke ind i ekstra div- eller script-tags, da snippet allerede er selvstændigt.
  6. Gem konfigurationen, ryd Magento-cachen via System og Cache Management, og opdatér butikken hårdt for at kontrollere boblen i hjørnet.

Hvis du bruger Adobe Commerce Cloud, kan processen være anderledes. Filsystemet kan være skrivebeskyttet i produktion, så temaet skal ændres gennem XML-layout, CMS-blok eller den relevante deployment-pipeline. Den samme widgetkode kan bruges, men processen skal testes i dit miljø.

Multistore-opsætninger kræver et valg. Du kan installere widgetten globalt i standardtemaet eller målrette de enkelte store views i deres egne konfigurationer. Start gerne med én visning, før du ruller ud i hele kataloget.

Kontrollér sidens kildekode efter installationen. Scriptet bør ligge lige før det afsluttende body-tag på de sider, hvor widgetten skal være aktiv. Hvis det mangler, så se om temaet overskriver footer-skabelonen og filtrerer Miscellaneous HTML fra.

Hvad kan du tilpasse på Magento?

CompleteGreet giver dig kontrol over, hvornår widgetten vises, hvad den beder besøgende om, og hvordan den ser ud i butikken. Reglerne sættes i dashboardet og skal testes på Magento-siden.

Illustration af tilpasningsmuligheder for Magento og Adobe Commerce

Målretning og timing

Regler på sideniveau kan vise widgetten, hvor den giver mening. Du kan målrette URL-mønstre som /products/* eller /cart og skjule den på checkout. Forsinkelsen kan vælges efter sidetype. Mobilvisning er en separat indstilling, så du kan tilpasse oplevelsen til layoutet.

Placering betyder meget i Magento-butikker med flydende elementer. Boblen ligger typisk nederst til højre, men kan flyttes til venstre, hvis livechat eller cookie-banner ligger i vejen. Brug offset i dashboardet, og kontrollér resultatet på den faktiske skærm.

Call to action og kontaktformularer

Hver videohilsen kan slutte med en CTA-knap, som du skriver selv. Den kan åbne en kalender, vise en formular eller sende en besked til din indbakke. Brug en kort tekst, der passer til den konkrete side.

Den indbyggede formular kan have flere felter som navn, e-mail, virksomhed og telefon. Du kan sende data til dit CRM via webhook, hvis integrationen er understøttet. Kontroller de aktuelle integrationsmuligheder og databehandling, før du aktiverer den.

Branding og placering

Match farverne med brandet ved at bruge hexkoder. Boblebagrund, playknap og formularaccenter kan holdes i samme palette. Upload eventuelt logo til widgettens header, og brug et relevant miniaturebillede fra videoen.

En detalje, mange overser, er farven på lukkeknappen. På en mørk footer kan en mørk boble gøre X’et svært at se. Vælg hvid eller en tydelig kontrast, og test på flere temaer i stedet for at antage en fast procentvis forbedring.

Lyd er typisk slået fra som standard, hvilket ofte passer til B2B-besøgende. Du kan aktivere lyd efter den besøgendes handling, men test samtykke, browseradfærd og brugerens kontrol.

Hvad skal du kontrollere, før du går live?

Test websitet i Chrome, Safari og Firefox, før du annoncerer noget. Videoboblen skal ligge i et hjørne uden at dække sticky navigation eller knapper i footeren.

Magento-butikker bruger ofte sticky headers, som ændrer højde under scrolling. Rul ned og op igen, og kontrollér at widgetten hele tiden er fri af navigationen. Justér offset, hvis den overlapper.

Mobil betyder endnu mere.

Mange besøgende ser widgetten på en telefon. Åbn siden i iOS Safari og Android Chrome. Boblen skal tilpasse sig uden at tvinge fuldskærmsvideo frem, og lukkeknappen skal være let at nå. Test forside, produktside og kurv på mobil.

Målretningen skal også kontrolleres. Widgetten vises ofte på alle sider som standard, men mange Magento-butikker bør skjule den i checkout-flowet. Tilføj URL-regler for checkout, kurv og eventuelle onepage-stier, og behold den på relevante produkt-, kategori- og forsider.

Gennemfør en hastighedstest med Googles vejledning om Web Vitals efter installationen. Video kan øge sidens vægt. Hvis LCP ændrer sig negativt, så kontrollér asynkron indlæsning og filstørrelse, og mål den faktiske side igen.

Udfyld kontaktformularen i widgetten, og send den. Bekræft at leadet kommer frem i indbakke eller CRM. En ødelagt formular skader tilliden hurtigt.

Når alt er kontrolleret, er du klar til at oprette en gratis konto og sætte widgetten live.

Magento- og Adobe Commerce-butikker bruger ofte billeder og tekst til at forklare værdien, mens besøgende har begrænset opmærksomhed. En videowidget kan vise et menneske direkte i butikken uden at sende trafikken til en ekstern afspiller.

De følgende afsnit gennemgår de tekniske trin til at tilføje CompleteGreet til en Magento-installation.

Tekniske krav

CompleteGreet kræver adgang til tema eller mulighed for at redigere CMS-blokke via admin. Widgetten indlæses gennem et JavaScript-snippet, som placeres i footer, så den kan aktiveres på de relevante sider.

Før aktivering skal du kontrollere, at SSL-certifikatet er aktivt på alle butikkens domæner, og at Content Security Policy tillader de domæner, du faktisk bruger. Følg altid den aktuelle dokumentation.

CompleteGreet forbindes med Magento via en direkte scriptintegration i stedet for en native extension. Test versionskompatibilitet ved opdateringer af Adobe Commerce.

Oplysningerne om Build-planens priser skal hentes fra den aktuelle prisside. Brug ikke gamle DKK-beløb eller antagelser om ubegrænsede videobeskeder, før plan og vilkår er kontrolleret.

Videowidgets skal respektere privatlivsvalg og tilgængelighedsstandarder. Implementering af W3C’s tilgængelighedsvejledning kan hjælpe med tastaturnavigation og skærmlæserkompatibilitet for widgettens kontrolknap.

Butikker, der viser et menneske på sider med høj købsintention, kan opleve ændringer i adfærd uden at ændre checkout-flowet. Mål altid effekten, og sørg for at widgetten kan fjernes eller opdateres uden at skade katalog eller tema.

Ved Adobe Commerce Cloud skal scriptet placeres i den relevante XML-layoutsektion, så det indlæses efter DOM’en og sidens styles. Test deployment og cache i dit eget miljø.

Ofte stillede spørgsmål

Hvordan installerer jeg CompleteGreet på Magento uden at ændre temafiler?

Tilføj CompleteGreet gennem Magento Admin i det relevante kodefelt for dit aktive tema. Vælg Content, Design og Configuration, indsæt embedkoden efter den aktuelle vejledning, og ryd cachen. Test derefter den live butik. Om du kan undgå temafiler afhænger af din Magento-opsætning.

Hvorfor vises min CompleteGreet-videoboble ikke i Magento Page Builder?

Page Builder-forhåndsvisningen kan køre i en isoleret iframe, som blokerer eksterne scripts. Udgiv siden, og kontrollér den live butik, hvor den fulde sidekontekst og scripts indlæses.

Kan jeg målrette CompleteGreet til bestemte Magento-produktsider?

Ja, brug URL-regler i CompleteGreet-dashboardet til at inkludere eller udelukke produktsider efter sti eller kategori. Tilføj negative regler for kurv og checkout, hvis widgetten ikke skal vises der.

Påvirker CompleteGreet Magento-hastighed eller Core Web Vitals?

Det afhænger af side, video, netværk og øvrige scripts. Asynkron indlæsning kan mindske blokering, men mål PageSpeed og Core Web Vitals på den faktiske butik før og efter installationen.

Virker CompleteGreet med egne Magento-temaer og headless-opsætninger?

Det afhænger af, om temaet eller frontend-løsningen understøtter standard HTML- eller scriptintegration. Følg den aktuelle vejledning for headless React eller Vue, og test placering, samtykke og responsivitet.

Hvad koster CompleteGreet til en Magento-butik med 10.000 månedlige besøgende?

Prisen afhænger af den aktuelle plan, trafikken og de funktioner, du har brug for. Se prissiden for gældende priser, grænser og vilkår i stedet for gamle dollar- eller DKK-beløb.

Azad Habib

Azad Habib

CEO og stifter af CompleteGreet

Azad Habib er stifter af CompleteGreet. Med en baggrund i ecommerce og brugeroplevelse (UX) arbejder han i krydsfeltet mellem tillid, tydelighed og konvertering for at gøre websites mere menneskelige fra første klik.