Hvordan legge til anropsknapper i WordPress (uten kode)

Ønsker du å legge til samtale til handlingsknapper i WordPress-innleggene eller -sidene?


Knapper er en flott måte å øke konverteringer på. De merkes veldig, noe som gjør dem ypperlige til å omdirigere brukerens oppmerksomhet til et ønsket samspill.

Du kan for eksempel bruke en oppfordringsknapp for å navigere brukere til en transaksjonsside som prisside, produktside, serviceside og andre på nettstedet ditt.

Du kan også bruke call to action-knapper for å markedsføre spesialtilbud, nye produkter eller tilknyttede lenker som viser til partnerwebsider.

I denne artikkelen vil vi vise deg hvordan du enkelt kan legge til vakre oppfordring til handlingsknapper i WordPress uten å skrive noen kode.

Legge til knapper i WordPress trinn for trinn

Merk: Denne artikkelen er for å legge til tilpassede oppfordring til handlingsknapper i WordPress. Hvis du vil legge til sosiale delingsknapper, kan du se vår guide for hvordan du legger til sosiale delingsknapper i WordPress.

Legge til knapper i WordPress-innlegg og sider (trinn for trinn)

WordPress gjør det superenkelt å legge til knapper med en innebygd ‘Button’ -blokk.

Det er en ny funksjon introdusert i WordPress 5.0, sammen med den nye Gutenberg WordPress-blokkereditoren.

I denne artikkelen vil vi vise deg tre forskjellige måter å legge til kall til handlingsknapper i WordPress blogginnlegg og sider. Du kan velge den løsningen som best passer dine behov.

Bruk gjerne innholdsfortegnelsen nedenfor til å navigere gjennom denne artikkelen enkelt.

:

    Videoopplæring

    Abonner på WPBeginner

    Hvis du ikke liker videoen eller trenger flere instruksjoner, kan du fortsette å lese.

    Legge til knapper i WordPress-innlegg / sider ved hjelp av standardredigeringsprogram

    Denne metoden er enklere og anbefales for de fleste brukere. Den bruker den innebygde knappblokken i den nye WordPress-redigereren. Hvis du fremdeles bruker den eldre klassiske redigereren, kan du hoppe til neste seksjon.

    Først må du opprette et nytt innlegg eller redigere et eksisterende der du vil legge til en knapp.

    På skjermbildet for redigering av innlegg, klikk på ‘+’ -ikonet for å legge til en ny blokkering og velg knappen Blokk under delen Oppsettelementer.

    Legg til knappblokk i WordPress Block Editor

    Deretter skal du kunne se knappeblokken lagt til innholdsredigereren

    Knappeblokk lagt til WordPress Post Editor

    Bare klikk på området “Legg til tekst …” og skriv inn knappeteksten.

    Etter det må du lime inn URL-adressen til siden du vil koble til i feltet “Lim inn URL eller skriv for å søke” under knappen.

    Når du er ferdig, klikker du på Bruk ikonet.

    Skriv inn knappetekst og lenke i WordPress

    Hvis du vil vise knappen i midten, kan du klikke på Juster senter-ikonet i blokkeringsverktøylinjen ovenfor.

    Juster midt på knappen i WordPress Block Editor

    Deretter kan du tilpasse knappestilen, endre bakgrunnsfarge og endre tekstfarge fra blokkeringsinnstillingspanelet på høyre side.

    Velg knappestil i WordPress-blokkeringsinnstillinger

    Det er tre knappestiler du kan velge mellom: standard, omriss og kvadrat. Du kan prøve hver ved å klikke på dem og velge den som ser best ut.

    Delen Fargeinnstillinger inkluderer fem fargevariasjoner for både knappbakgrunn og knappetekst. Ikke bare det, men du kan også bruke en tilpasset farge etter eget valg ved å klikke på Tilpasset farge.

    Velg tilpasset farge på WordPress-knappen

    Når du er fornøyd med knappdesignet, kan du lagre innlegget ditt eller publisere for å se en live-forhåndsvisning.

    Slik så det ut på demo-nettstedet vårt.

    Forhåndsvisning av WordPress-knapp

    Bonus: Hvis du vil se hvor bra knappene dine presterer, bør du bruke MonsterInsights. Den har innebygd sporing av hendelser for tilknyttede lenker, utgående lenker og tilpassede hendelser, slik at du kan se hvor bra knappene dine presterer. For viktige detaljer, se viktige markedsføringsberegninger som du må spore i WordPress.

    Opprette en WordPress-knapp i Classic Editor

    Selv om Gutenberg-blokkereditor er raskere og enklere, foretrekker fortsatt mange brukere den gamle Classic WordPress-redaktøren. Hvis du er en av dem, må du finne en alternativ løsning for å legge til knapper på ditt WordPress-nettsted.

    Det er hovedsakelig tre alternativer som er tilgjengelige for å legge til knapper i WordPress Classic Editor.

    1. Legg til-knapp i WordPress med HTML / CSS-kode.
    2. Legg til-knapp i WordPress med WordPress-knapp-kodekodeplugin.
    3. Legg til knapp i WordPress uten å bruke kortkoder.

    Av de tre alternativene er det første kodingsmetoden. Du må skrive HTML / CSS-kode og legge til nettstedet ditt uansett hvor du trenger en knapp. Det er ikke nybegynnervennlig.

    Det andre alternativet er den mest brukte metoden. Det er fordi de fleste av WordPress-knapptilleggene inneholder snarveier for å legge til knapper.

    Det tredje alternativet er det beste fordi det lar deg enkelt legge til knapper i innleggene og sidene dine uten å måtte huske kortkode.

    La oss se på hvordan du legger til knapper i WordPress uten å bruke kortkoder.

    Det første du trenger å gjøre er å installere og aktivere Forget About Shortcode Buttons plugin. For mer informasjon, se vår trinnvise guide for hvordan du installerer en WordPress-plugin.

    Når du har aktivert plugin-modulen, oppretter du et nytt innlegg eller redigerer et eksisterende. I redaktøren vil du se en ny knapp i Visual Editor merket Sett inn knapp.

    Sett inn knappikonet i klassisk WordPress Editor

    For å sette inn en ny knapp i innlegget ditt, må du klikke på Sett inn-knappen. Dette vil få opp et popup-vindu der du kan designe den nye knappen.

    Skriv inn knappetekst og URL i Classic Editor

    Først må du legge til knappetekst og URL. Når du legger til knappeteksten, kan du se en direkte forhåndsvisning i boksen nedenfor.

    Deretter kan du legge til nofollow-taggen til lenken din og åpne lenken i en ny fane ved å klikke på avmerkingsruten under.

    Etter det kan du velge et ikon for knappen din. Hvis du klikker på fanen Ikoner, vil du kunne se ikonene du kan legge til før eller etter teksten i knappene dine.

    Legg ikon til knappen i Classic Editor

    Disse ikonene er faktisk ikonfonter (lær hvordan du bruker ikonfonter i WordPress post editor).

    Deretter kan du velge tekstfarge og bakgrunnsfarge for knappen ved å klikke på ikonet Farge-boksen.

    Endre bakgrunnsfarge i knapp i WordPress Classic Editor

    Klikk deretter på rullegardinmenyen for å velge knappestil. Det er åtte forskjellige knappestiler klare til bruk.

    Velg en knappestil i klassisk WordPress Editor

    På samme måte kan du også velge knappestørrelse fra ekstra liten til ekstra stor.

    Når du er fornøyd med utseendet, klikker du bare på Oppdater-knappen.

    Du vil kunne se knappen din slik den ser ut i innlegget ditt, rett innenfor innleggsredigereren.

    Du kan også angi knappjustering ved å velge knappeteksten og bruke verktøylinjeknappene i den klassiske editoren.

    Midtrett juster knappen i Classic Editor

    Ved å dobbeltklikke på knappen får du opp popup-knappen for Sett inn knapp, og du kan redigere knappen om du vil.

    Når du er fornøyd med designen, kan du publisere eller oppdatere innlegget og se det i aksjon. Slik dukket den fancy knappen ut på vår demo WordPress-webside.

    Forhåndsvisning av knapp - Innebygd Classic Editor

    Legge til en Click-to-Call-knapp i WordPress

    I tillegg til de vanlige oppfordringsknappene, kan du også legge til klikk-for-ringe-knapper på nettstedet ditt for å øke potensielle kunder og konverteringer.

    En klikk for å ringe-knapp er en spesifikk type call to action-knapp som lar brukerne dine ringe til teamet ditt med bare et trykk.

    Ved å bruke knappene for å ringe, kan besøkende på nettstedet umiddelbart snakke med teamet ditt personlig og få den informasjonen de trenger. Enten du diskuterer en prisforespørsel, informasjon før salg, eller supportproblemer, er telefonsamtaler raskt.

    Når antallet smarttelefonbrukere øker, er det enda mer aktuelt å legge til samtale-knapper i dag.

    Hvis du ikke har en forretningstelefon, kan det være lurt å undersøke å få et virtuelt bedrifttelefonnummer.

    Når det er sagt, la oss se på hvordan du legger til klikk-for-ringe-knapper i WordPress trinn for trinn.

    Det første du trenger å gjøre er å installere og aktivere WP Call Button plugin. For detaljerte instruksjoner, kan du se vår trinnvise guide for hvordan du installerer en WordPress-plugin.

    Ved aktivering må du besøke Innstillinger »WP-anropsknapp side for å konfigurere plugin-innstillingene og designe klikk-for-ringe-knappen.

    Innstillinger for klebrig anropsknapp i WordPress

    Først ser du innstillingene for Sticky Call-knappen. Den klebrig anropsknappen er en konverteringsoptimalisert funksjon som beveger anropsknappen sammen med brukere når de surfer på nettstedet ditt.

    Du kan starte med å aktivere Call Now-knappen Status. Bare trykk på bryteren for å aktivere det.

    Etter det må du oppgi telefonnummeret ditt. WP Call Button har et smart telefonnummerfelt med landskoden. Bare velg ditt land og skriv inn bedriftens telefonnummer.

    Hvis du ikke har et forretningsnummer, kan du få et fra Nextiva. Det er en pålitelig VoIP-leverandør.

    Deretter kan du redigere anropsknappteksten, velge anropsknappens plassering og farge.

    Du kan også velge hvor du vil vise den klissete anropsknappen på nettstedet ditt. Som standard viser det ringeknappen på alle sider og på alle enheter. Du kan velge å vise eller skjule knappen på bestemte sider, og bare vise på mobile enheter.

    Når du har lest alle alternativene, kan du klikke på Lagre endringer-knappen nederst. Etter det kan du besøke nettstedet ditt og se den klistrende samtalen nå-knappen i aksjon.

    WordPress Klikk for å ringe-knappen

    Bortsett fra de klebrig anropsknappene, kan du også legge til statiske anropsknapper på WordPress-sidene, innleggene og sidefeltene ved å bruke denne plugin-modulen.

    Hvis du bruker den nye WordPress-blokkeringsredigereren, kan du enkelt legge til anropsknappen på sidene dine ved å bruke WP Call Button-blokken.

    Opprett en ny side eller rediger en eksisterende side og legg til WP Call Button-blokken i sideditoren.

    Legge til WP-anropsknappeblokk i WordPress

    Etter det kan du tilpasse knappeteksten, knappefargen, tekstfargen, skriftstørrelsen og vise eller skjule telefonikonet.

    Tilpasse anropsknapp i WordPress Page Editor

    Når du er fornøyd med designen, kan du publisere eller oppdatere siden din.

    Hvis du bruker Classic WordPress-editor, må du bruke Static Call Button-generatoren for å få en kortkode. Gå til Innstillinger »WP-anropsknapp og klikk på menyen Static Call Button øverst.

    Statiske anropsknapper i WordPress-innstillinger

    Bare tilpasse knappalternativene og kopier deretter kortkoden. Etter det kan du bruke kortkoden i ethvert innlegg eller side på nettstedet ditt.

    Med WP Call Button-plugin kan du også legge til anropsknappen på WordPress-sidefeltet og andre widget-klare områder.

    Bare gå til Utseende »Widegts og dra WP Call Button-widgeten til et widget-klart område der du vil vise anropsknappen.

    WordPress Call Button Sidebar Widget

    Nå kan du legge til en tittel, beskrivelse og tilpasse anropsknappen fra delen Avanserte innstillinger. Når du er ferdig, lagrer du widgeten.

    Det er det! Hvis du vil se en mer detaljert opplæring, kan du sjekke vår trinnvise guide for hvordan du legger til en klikk for å ringe-knapp i WordPress.

    Bonustips for å legge til tilpassede knapper i WordPress

    Hvis du vil legge til helt tilpassede oppfordringsknapper til handling i WordPress, leter du sannsynligvis etter en løsning som også lar deg legge til egendefinerte seksjoner så vel som tilpassede knapper i nettstedets topptekst, menyer og andre områder.

    I så fall anbefaler vi å bruke en dra og slipp WordPress-sidebygger-plugin som Beaver Builder eller Divi.

    Disse sidebyggerne vil hjelpe deg med å lage tilpassede destinasjonssider med fancy call to action-knapper nøyaktig hvordan du vil ha det.

    Uansett hva du gjør, er det viktig at du sporer hvordan knappene dine presterer fordi å gjette ikke er den beste forretningsvekststrategien.

    Vi anbefaler å bruke MonsterInsights. Den har innebygd sporing av hendelser for tilknyttede lenker, utgående lenker og tilpassede hendelser, slik at du kan se hvor bra knappene dine presterer. For viktige detaljer, se viktige markedsføringsberegninger som du må spore i WordPress.

    Vi håper denne artikkelen hjalp deg med å lære hvordan du enkelt kan legge til knapper i WordPress. Det kan også være lurt å se listen vår over de beste WordPress-plugins og de beste e-postmarkedsføringstjenestene for små bedrifter.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map