Så här addar du call-to-action-knappar i WordPress (utan kod)

Om du lägger till uppmaningsknappar i dina WordPress-inlägg eller sidor kan du öka konverteringen. Dessa knappar är iögonfallande och uppmanar användarna att vidta specifika åtgärder.

Du kan t.ex. använda dem för att skicka besökare till en prissida, produktsida eller servicesida. De kan också användas för att marknadsföra specialerbjudanden, nya produkter eller affiliatelänkar.

I den här artikeln visar vi dig hur du lägger till vackra call-to-action-knappar i WordPress. Det bästa är att du inte behöver skriva någon kod.

Låt oss utforska det enkla sättet att förbättra din WordPress-webbplats med dessa effektiva knappar.

Obs: Den här artikeln handlar om att lägga till anpassade uppmaningsknappar i WordPress. Om du vill lägga till knappar för sociala medier kan du läsa vår guide om hur du lägger till sociala delningsknappar i WordPress.

Lägga till knappar i WordPress Posts och Pages (Steg för Steg)

WordPress gör det superenkelt att add to knappar med ett built-in Button block. Det är en funktion som introducerades med Gutenberg WordPress block editor.

Vi kommer att visa dig flera sätt att lägga till uppmaningsknappar i WordPress-blogginlägg och -sidor. Du kan välja den lösning som bäst passar dina behov.

Använd gratis innehållsförteckningen under för att enkelt navigera genom denna artikel:

Table of contents:

Video Tutorial

Subscribe to WPBeginner

Om du inte gillar videoklippet eller behöver fler instruktioner kan du fortsätta läsa.

Lägga till knappar i WordPress Posts / Pages med hjälp av standard Editor

Enligt vår erfarenhet är den här metoden enkel och rekommenderas för alla användare. Den använder det inbyggda blocket ”Buttons” i WordPress blockredigerare. Om du fortfarande använder den äldre klassiska redigeraren kan du hoppa till nästa avsnitt.

Först måste du skapa ett nytt post eller edit ett befintligt där du vill lägga till en knapp.

På din post edit vy, click on the ’+’ icon and select the Buttons block from the Layout Elements section.

Därefter bör du kunna se blocket med knappar addat till content editor.

Klicka bara på ”Add text…” area och enter din knapp text.

Därefter klickar du på knappen Link i toolbaren för att lägga till en länk.

Du kan searcha efter en post eller page eller helt enkelt copy and paste in en URL i länkfältet.

När du är klar, tryck på ’Enter’ eller tryck på ’Tillämpa’ icon för att save your link.

Om du vill att knappen ska visas centrerat kan du klicka på ikonen ”Justify” och sedan välja ”Justify Center”. Du kan också ändra den vertikala justeringen av knappen från toolbaren.

Därefter kan du customize din knappstil och ändra text- och bakgrundsfärger från panelen för blockinställningar på höger sida.

Byt bara till tabben ”Styling” under block settings för att justera stilen på din knapp.

Du kan välja mellan tre olika knappar: standard, outline och squared. You can try each one by clicking on them and choosing the one that looks best.

Section Color Settings innehåller fem färgvariationer för både knappens bakgrund och knappens text. Inte bara det, utan du kan också använda en custom färg som du väljer genom att clicka på alternativet ”Custom Color”.

När du är nöjd med knappens design kan du save your post eller publicera den för att se en live preview.

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

Bonus: Om du vill se hur bra dina knappar utförs bör du använda MonsterInsights. Det har built-in event tracking för affiliate-länkar, utgående länkar och custom events, så att you kan se hur väl dina knappar utförd. För mer detaljer, se viktiga metrics för marknadsföring som du måste track i WordPress.

Skapa en WordPress-knapp i Classic Editor

Standardblockredigeraren i WordPress är modern, snabbare och enklare. Vissa användare använder fortfarande den gamla klassiska WordPress-redigeraren.

Vi rekommenderar inte att du använder den klassiska WordPress-redigeraren. Den är föråldrad och har inte tillräckligt med funktioner för att användarna ska kunna skapa fantastiskt innehåll. Om du fortfarande använder den rekommenderar vi att du stänger av den och börjar använda blockredigeraren.

Å andra sidan kanske vissa användare fortfarande vill använda det. I så fall behöver du en alternativ lösning för att lägga till knappar på din WordPress site.

Det finns tre alternativ tillgängliga för att lägga till knappar i WordPress Classic Editor:

1. Lägg till en knapp i WordPress med HTML / CSS-kod.
2. Lägg till knappar med ett plugin för knappkortkoder för WordPress.
3. Lägg till en knapp i WordPress utan att använda shortcodes.

Av de tre alternativen är det första kodningsmetoden. Du måste skriva HTML / CSS-kod och lägga till den på din webbplats var du än behöver en knapp. Det är inte Beginner-vänligt.

Det andra alternativet är den mest använda metoden. Det beror på att de flesta tillägg för knappar i WordPress tillhandahåller shortcodes för att lägga till knappar.

Det tredje alternativet är det bästa eftersom det tillåter dig att enkelt add knappar till dina posts och pages utan att behöva komma ihåg shortcode.

Låt oss ta en titt på hur du kan add to knappar i WordPress utan att använda shortcodes.

Det första du behöver göra är att installera och aktivera pluginet Forget About Shortcode Buttons. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

När du har aktiverat pluginet skapar du ett nytt inlägg eller redigerar ett befintligt. I redigeraren kommer du att se en ny knapp märkt ”Infoga knapp” i den visuella redigeraren.

För att insert en new knapp i din post måste du click på ’Insert Button’ icon.

Detta kommer att visa ett popup-fönster där du kan designa din nya knapp.

Först måste du add to texten till din knapp och din URL. När du addar texten till din knapp kan du se en live preview i boxen under.

Därefter kan du add to en nofollow tag till din Link och öppna länken i en new tab genom att click på checkboxes alternativen under.

Efter det kan du välja en icon för din knapp. Om du klickar på tabben ”Icons” kommer du att kunna se de icons som du kan add to före eller efter texten i dina knappar.

Dessa icons är faktiskt icon fonts (lär dig hur du använder icon fonts i WordPress post editor).

Därefter kan du välja textfärg och bakgrundsfärg för din knapp genom att clicka på Color box icon.

Därefter klickar du på rullgardinsmenyn för att välja stil på knappen.

Det finns åtta olika knappar som är klara att användas.

På samma sätt kan du också välja storlek på knappen från extra small till extra large.

När du är nöjd med utseendet klickar du helt enkelt på knappen ”Update”.

Du kommer att kunna se din knapp som den ser ut i ditt post, direkt i post editor.

Du kan också ställa in knapparnas justering genom att helt enkelt välja knapptexten och använda knapparna i toolbaren i den klassiska Editorn.

Om du dubbelklickar på knappen visas popupen Infoga knapp, och du kan redigera din knapp om du gillar det.

När du är nöjd med designen kan du publicera eller updaten din post och se den i action. Så här ser den snygga knappen ut på vår demo website WordPress.

Lägga till en Click-to-Call-knapp i WordPress

Förutom de vanliga call-to-action-knapparna kan du också lägga till click-to-call-knappar på din website för att öka leads och konverteringar.

En click-to-call-knapp är en specifik typ av call-to-action-knapp som tillåter dina användare att ringa ett telefonsamtal till ditt team med bara ett tap.

Med hjälp av knapparna tap-to-call kan besökarna på din site omedelbart prata med ditt team personligen och få den information de behöver. Om det gäller diskussion om en request, information före försäljning eller en issue med support, går det snabbt att ringa.

I takt med att antalet användare av smartphones ökar blir det allt viktigare att lägga till knappar för anrop.

Om du inte har en företagstelefon kanske du vill överväga att skaffa ett virtuellt företagstelefonnummer.

Med det sagt, låt oss titta på hur du lägger till click-to-call knappar i WordPress steg för steg.

Det första du behöver göra är att installera och aktivera pluginet WP Call Button. För detaljerade instruktioner kan du se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Efter aktivering måste du besöka Settings ” WP Call Button page för att konfigurera plugin-inställningarna och designa din click-to-call knapp.

Först kommer du att se inställningarna för Sticky Call-knappen. Den klibbiga anropsknappen är en konverteringsoptimerad funktion som flyttar anropsknappen tillsammans med användarna när de surfar på din webbplats.

Du kan börja med att aktivera statusen för knappen Anropa nu. Klicka helt enkelt på switch toggle för att aktivera den.

Efter det måste du ange ditt telefonnummer. WP Call Button har ett telefonnummerfält med din landskod. Välj bara ditt land och ange ditt företags telefonnummer.

Om du inte har ett företagsnummer kan du få ett från Nextiva. Det är en pålitlig VoIP-provider för företag.

Därefter kan you edit your call button text and choose the call button position and color.

You can also select where to show the sticky call button on your website. Som standard visas knappen för anrop på alla pages och på alla devices. You can show or hide the button on certain pages and show it only on mobile devices.

När du har reviewat alla alternativ kan du klicka på knappen ”Save Changes” längst ner. Efter det kan du besöka din website och se den sticky call now-knappen i action.

Notis: Förutom de klistriga knapparna kan du också lägga till statiska knappar på dina WordPress pages, posts och sidebars med hjälp av detta plugin.

Om du använder WordPress Block Editor kan du enkelt lägga till knappen Call Now på dina pages med hjälp av WP Call Button-blocket.

Skapa en new page eller edit en befintlig page och add to WP Call Button block med hjälp av your page editor.

Därefter kan du customize knapptexten, knappfärgen, textfärgen och fontstorleken och visa eller dölja telefonikonen.

När du är nöjd med designen kan du publicera eller updating din page.

Om du använder den klassiska WordPress-redigeraren måste du använda generatorn Static Call Button för att få en kortkod.

Gå till Settings ” WP Call Button och klicka på menyn ”Static Call Button” högst upp.

Customize helt enkelt alternativen för knappen och kopiera sedan shortcoden. Efter det kan du använda shortcoden i valfri post eller page på din website.

WP Call Button plugin tillåter dig också att lägga till knappen för anrop på din WordPress sidebar och andra widget-klara områden.

Gå bara till Appearance ” Widgets och dra WP Call Button-widgeten till ett widgetfärdigt område där du vill visa knappen för anrop.

Nu kan du add to en rubrik, en description och customize knappen för anrop från Advanced Settings section. När du är klar sparar du din widget.

Det var allt! Om du vill se en mer detaljerad tutorial kan du kontrollera vår steg-för-steg guide om hur du lägger till en knapp för click-to-call i WordPress.

Bonustips för att lägga till customize-knappar i WordPress

Att bara lägga till en call-to-action knapp är inte alltid tillräckligt. Du kanske också vill customize sidan eller posten med en hero image, menyer och en custom layout.

I så fall rekommenderar vi att du använder ett drag and drop WordPress page builder plugin som SeedProd eller Thrive Architect.

Dessa page builders hjälper dig att skapa custom landing pages med snygga call-to-action knappar precis som du vill ha dem.

Vad du än gör är det viktigt att du trackar hur dina knappar utförs eftersom gissning inte är den bästa strategin för företagstillväxt.

Vi rekommenderar att du använder MonsterInsights. Det har built-in event tracking för affiliate-länkar, utgående länkar och custom events, så att you kan se hur bra dina knappar utförd. För mer detaljer, se viktiga marknadsföringsmetrics som du måste tracka i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt lägger till knappar i WordPress. Du kanske också vill se vår kompletta guide om konverteringsspårning i WordPress eller vår lista över de bästa WordPress-pluginsen för att få din webbplats att växa.

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.