🛡 Legge til tillitsmerker i WooCommerce-kassen: 3 måter fra enkel til avansert

En kunde kom til kassen, la inn adressen sin, valgte levering og forlot siden. Betalte ikke. Hvorfor?

19% av forlatte handlekurver skyldes at betalingssiden ikke ser sikker ut. Det er Baymard Institutes data for 2025, og bak hvert prosentpoeng ligger reell tapt omsetning.

Tillitsmerker, sikkerhetsikoner, logoer for betalingssystemer og pengene-tilbake-garantier fjerner den frykten på minutter. Vi viser tre måter å legge dem til i WooCommerce-kassen din: fra den innebygde blokkredigereren (helt uten utvidelser) til en PHP-hook for dem som ønsker full kontroll.

Hva tillitsmerker er og hvorfor du bør plassere dem i kassen

💡 Rask oversikt:

• Bestem hvilken type merke du trenger: sikkerhet, betaling, garanti, anmeldelser
• Velg en plasseringsmetode: blokkredigerer, utvidelse eller kode
• Last ned bilder fra offisielle merkevaresentre for betalingssystemer
• Plasser merkene nær «Legg inn bestilling»-knappen
• Sjekk at merkene er synlige i mobilversjonen av kassen

Et tillitsmerke er et lite ikon eller banner på kassesiden som forteller kunden «det er trygt her». Det kan være et SSL-ikon, Visa- og Mastercard-logoer, et «30 dagers returrett»-banner eller et Norton Secured-segl.

Mekanismen er enkel. En person ser en kjent logo for et betalingssystem og stoler ubevisst på den. Ser «Pengene-tilbake-garanti» og den opplevde risikoen faller. Ser «Vurdert til 4,9/5 av over 13 000 kunder» og sosial beviskraft slår inn.

Som standard viser WooCommerce ingenting annet enn skjemafelter og en «Legg inn bestilling»-knapp. Ingen sikkerhetssignaler overhodet. Det er nettopp derfor tillitsmerker ikke er dekorasjon, de er et konverteringsverktøy.

7 Typer tillitsmerker som faktisk konverterer

Ikke alle merker fungerer like godt. De syv kategoriene nedenfor dekker praktisk talt ethvert behov, fra betalingssikkerhet til sosial beviskraft.

Viktig merknad: sertifiseringsmerker (Norton, McAfee, BBB) kan ikke bare lastes ned fra internett og vises. Å gjøre det bryter med FTC-reglene i USA og skader omdømmet ditt hvis det oppdages. Norton Secured-merket er kun tilgjengelig etter kjøp av et DigiCert SSL-sertifikat, og McAfee Secure kun etter en nettsideskanning gjennom TrustedSite (fra $30/måned). Betalingslogoer kan lastes ned lovlig fra offisielle merkevaresentre: Visa Brand Center, Mastercard Brand Center, PayPal Logo Center, Stripes merkevareside.

Metode 1: WordPress blokkredigerer (ingen utvidelser)

Den enkleste veien er å bruke den innebygde blokkredigereren. Siden WooCommerce 8.3 (november 2023) har kasseblokken blitt standard for alle nye butikker, og du kan legge til bilder direkte fra administrasjonspanelet.

Last først opp ikoner til WordPress-mediebiblioteket: Media → Legg til ny. Vi anbefaler komprimerte PNG- eller SVG-filer på opptil 100 KB hver.

Åpne deretter kassesiden: Sider → Kasse (eller Utseende → Rediger → Sider → Kasse hvis du har et blokktema). Klikk «+» over eller under kasseblokken, legg til en «Bilde»-blokk for et enkelt merke eller en «Galleri»-blokk for en rad med betalingslogoer.

I blokkinnstillingene setter du midtstilling, en maksimal bredde på 60-120 piksler per merke, og sørg for å fylle ut alt-tekst, noe som er viktig både for universell utforming og SEO. Lagre siden.

Metodens begrensning: blokkredigereren lar deg plassere merker rundt kasseblokken, men ikke inni den, for eksempel rett under «Legg inn bestilling»-knappen. Hvis du trenger presis plassering, gå videre til metode 2 eller 3.

Metode 2: PHP-snutt via WPCode

Den klassiske metoden er å legge til kode i barnetemaets functions.php. Men vi anbefaler ikke å redigere temafiler direkte: en syntaksfeil og nettstedet ditt går ned med «white screen of death». Det er tryggere å bruke den gratis utvidelsen WPCode (tidligere Code Snippets): den gir en sandkasse for PHP-kode og beskyttelse mot fatale feil.

Installer WPCode fra WordPress.org-depotet, opprett en ny snutt (Code Snippets → Legg til snutt → Legg til din egendefinerte kode), og lim inn:

1
add_action( 'woocommerce_review_order_after_payment', 'ts_display_trust_seal_on_checkout_page' );
2
function ts_display_trust_seal_on_checkout_page() {
3
    $trust_seal_image_url = 'https://your-site.com/wp-content/uploads/trust-seal.png';
4
    echo '<div class="trust-badge-wrapper"><img src="' . esc_url( $trust_seal_image_url ) . '" alt="Secure checkout — SSL encrypted" /></div>';
5
}

Hoken woocommerce_review_order_after_payment plasserer merket rett etter betalingsblokken, før «Legg inn bestilling»-knappen. Bytt ut URL-en med banen til bildet ditt. Funksjonen esc_url() sikrer URL-en for trygg utdata.

Aktiver snutten ved hjelp av «Aktiv»-bryteren i WPCode. Etter det åpner du kassen fra frontend og bekrefter at merket vises på plass.

Andre nyttige WooCommerce-hooks for merkeplassering:

• woocommerce_review_order_before_payment, før betalingsblokken;
• woocommerce_before_checkout_form, helt i begynnelsen av kasseskjemaet;
• woocommerce_after_checkout_form, etter hele skjemaet.

Bytt hook til du treffer riktig posisjon. Ingen temaredigeringer, alt gjennom WPCode.

Metode 3: FunnelKit funnel builder-utvidelsen

Hvis du ikke bare vil legge til merker, men bygge om hele kassen for konvertering, gå for FunnelKit Funnel Builder. Dette er en utvidelse med ferdige kassesidemaler der tillitsmerker allerede er innebygd i designet.

Etter at du har installert FunnelKit, gå til FunnelKit → Store Checkout → Create Store Checkout. Velg en mal, importer den og åpne den i redigereren. Utvidelsen er kompatibel med Elementor, Divi, Bricks, Oxygen og Gutenberg.

Merker legges til ved å dra widgeter inn i ønsket malsone. Du kan plassere sikkerhetsikoner under ordretotalen, betalingssystemlogoer ved siden av betalingsmetodevalget og et garantibanner rett over knappen. Gratisversjonen av FunnelKit gir grunnleggende funksjonalitet; Pro-versjonen låser opp flertrinns kasse, A/B-testing og flere maler.

Hvor du får tak i bilder til tillitsmerker: en rask guide

De riktige bildene er halve resultatet. Et PayPal-ikon kopiert fra Google Images ser uklart ut og kan bryte merkevareregler. Her er lovlige kilder:

Offisielle merkevaresentre (gratis, lisensmessig rene):

• Visa Brand Center, Visa-logoer;
• Mastercard Brand Center, Mastercard-symboler;
• PayPal Logo Center, PayPal-knapper og -ikoner;
• Stripe Brand Page, logoer og «Powered by Stripe»-merker.

Generatorer og arkivsider (for garantier, frakt, anmeldelser):

• Canva, hundrevis av redigerbare maler for «trust badge»;
• Freepik og Flaticon, vektorikoner for betalingssystemer og sikkerhet (Freepik krever kreditering på gratisplanen).

Hva du ikke bør gjøre:

• Kopiere Norton/McAfee/BBB-ikoner hvis du ikke er sertifisert, det er et brudd;
• Bruke uklare JPEG-er, kun PNG eller SVG;
• Vise en betalingssystemlogo for en metode du ikke aksepterer.

⁉️🤔 Ofte stilte spørsmål

Hva er tillitsmerker for WooCommerce?

Ikoner eller bannere på kassesiden som viser kunden at butikken er trygg: SSL-sertifikater, ikoner for betalingssystemer, pengene-tilbake-garantier, Norton- og McAfee-segl, Trustpilot-vurderinger.

Hjelper tillitsmerker med å øke konverteringen?

Ja. Baymard Institutes data for 2025 viser: 19% av brukerne forlater handlekurven spesifikt fordi kassen ikke ser sikker ut. Merker med kjente betalingssystem- og SSL-logoer adresserer den frykten direkte.

Hvor er det beste stedet å plassere tillitsmerker i kassen?

Nær «Legg inn bestilling»-knappen eller rett under betalingsblokken. Kunden tar den endelige beslutningen i akkurat det øyeblikket, og et merke fjerner tvil i siste sekund.

Hvilken metode bør jeg velge: kode, utvidelse eller blokkredigerer?

Blokkredigerer: hvis du har WooCommerce 8.3+ og bare trenger å plassere ikoner rundt kasseblokken. FunnelKit-utvidelsen: hvis du vil ha ferdige maler og ingen kode. WPCode: hvis du trenger presis plassering eller en spesifikk hook.

Er et SSL-sertifikat og et tillitsmerke det samme?

Nei. Et SSL-sertifikat krypterer data mellom nettleseren og serveren, det er teknisk beskyttelse. Et tillitsmerke er et visuelt signal: det viser brukeren at beskyttelse finnes. Det ene uten det andre fungerer ikke: et merke uten SSL villeder kunden, SSL uten et merke mister konverteringseffekten.

Hvor kan jeg skaffe bilder til tillitsmerker på lovlig vis?

Hent logoer fra offisielle merkevaresentre: Visa Brand Center, Mastercard Brand Center, PayPal Logo Center. Bruk komprimerte PNG-er opptil 100 KB eller SVG. For egendefinerte merker som «Pengene-tilbake-garanti» og «Gratis frakt» fungerer Canva-maler eller Freepik-vektorikoner godt.

Oppsummering: hvilken metode du bør velge for din oppgave

Å velge en metode koker ned til tre spørsmål: din WooCommerce-versjon, din vilje til å røre kode, og om du trenger en fullstendig ombygging av kassen.

Hvis du er på WooCommerce 8.3 eller nyere og bare trenger å legge til et par ikoner, bruk blokkredigereren. Det er gratis, ingen utvidelser, gjort på fem minutter.

Hvis du trenger presis plassering (under knappen, mellom skjemafelter), installer WPCode og bruk WooCommerce-hooks. Den samme woocommerce_review_order_after_payment fungerer på alle versjoner og er ikke avhengig av temaet.

Hvis du er klar til å investere i konvertering seriøst, gir FunnelKit deg en ferdig optimalisert kasse med merker, A/B-tester og et flertrinnsskjema. Gratisversjonen dekker grunnleggende behov, Pro er for butikker med reell omsetning.

Hovedregelen avhenger ikke av metoden: merkene må være ekte. Ikke vis et Norton-ikon hvis du ikke har et DigiCert-sertifikat. Ikke vis Stripe hvis du ikke har koblet til Stripe. Ett avslørende skjermbilde på sosiale medier koster mer enn noen konverteringsgevinst.