Hur man lägger till en klick-för-att-ringa-knapp i WordPress (steg för steg)

Att lägga till en klick-för-att-ringa-knapp på din webbplats gör det enkelt för användare att kontakta dig från sina smartphones, vilket leder till bättre engagemang och högre konverteringar.

Vi har drivit olika onlinebutiker och företag som kommunicerar med kunder dagligen. Detta har lärt oss de bästa sätten att hjälpa företag att koppla samman med sina användare via telefon, e-post och online.

Faktum är att vi utvecklade det första pluginet som presenterades i den här handledningen eftersom vi såg ett växande behov av en enkel och effektiv lösning för klick-för-att-ringa.

I den här artikeln visar vi hur du enkelt lägger till en klick-för-att-ringa-knapp på din WordPress-webbplats.

Varför lägga till en klick-för-samtal-knapp i WordPress?

Många småföretagswebbplatser är beroende av att kunder kontaktar dem för offerter, förhandsinformation eller support.

Därför rekommenderar vi att lägga till ett kontaktformulär för alla webbplatsägare.

Beroende på bransch kan dock vissa användare vilja prata med en person direkt.

I takt med att mobilt webbtrafik ökar runt om i världen, finner användare det ofta bekvämare att bara trycka för att ringa och få den information de behöver.

Dessutom kan tillägget av en klick-för-att-ringa-knapp också förbättra din SEO genom att göra din WordPress-webbplats mer mobilvänlig

Om du precis startar ett företag, rekommenderar vi att du tittar på en professionell företagstelefontjänst så att du kan göra vidarekoppling av samtal, dela nummer med anställda och svara på samtal med din mobiltelefon var som helst (istället för en fast telefon).

Med det sagt, låt oss titta på hur du enkelt lägger till en klick-för-att-ringa-knapp i WordPress:

• Metod 1: Lägga till en Klick-för-att-ringa-nu-knapp i WordPress
• Metod 2: Lägg manuellt till knappen Klicka för att ringa i WordPress
• Lägga till en klick-för-att-ringa-länk i WordPress navigeringsmenyer
• Bonus: Lägg till en WhatsApp-chatt i WordPress
• Videohandledning

Metod 1: Lägga till en Klick-för-att-ringa-nu-knapp i WordPress

Denna metod är enklare och rekommenderas för alla användare. Den låter dig enkelt skapa en klick-för-att-ringa-knapp i Gutenberg, Classic-redigeraren, WordPress-sidofältswidgeten och till och med en fast flytande samtalsknapp.

Först måste du installera och aktivera pluginet WP Call Button på din webbplats. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering, besök sidan Inställningar » WP Call Button från WordPress admin-sidomenyn för att konfigurera plugin-inställningarna.

Den första inställningssidan är för den mest efterfrågade funktionen, den klibbiga samtalsknappen, som rullar med användaren när de surfar på din webbplats.

Denna högt konverteringsoptimerade funktion hjälper dig att få fler samtal och slutföra fler affärer snabbare.

Du måste börja med att ange det företags telefonnummer som du vill att folk ska ringa.

WP Call Button-plugin använder fältet för smartphone, vilket innebär att du helt enkelt kan välja ditt land, och det kommer automatiskt att lägga till landskoden i rätt format.

Därefter har du möjlighet att lägga till texten för samtalsknappen, välja placering och välja knappens färg.

Som standard lägger pluginet till en klick-för-att-ringa-knapp på alla sidor och enheter. Du kan dock välja att visa den endast på vissa sidor eller endast på mobila enheter.

När du är klar klickar du bara på aktiveringsreglaget högst upp och klickar sedan på knappen 'Spara ändringar' för att spara dina inställningar.

Därefter kan du besöka din webbplats för att se samtalsknappen i aktion.

Om du vill lägga till en statisk samtalsknapp på din WordPress kontaktsida, om-sida eller något annat inlägg/sida, har du två alternativ.

Om du använder WordPress blockredigerare, skapa eller redigera en befintlig sida.

Klicka sedan på knappen 'Lägg till block' i det övre vänstra hörnet av skärmen för att öppna blockmenyn. Lägg här till WP Call Button-blocket på sidan.

WordPress Call Button-blocket kommer med många anpassningsalternativ, såsom möjligheten att anpassa knappfärg, knapptext, teckenstorlek och möjligheten att visa eller dölja telefonikonen.

När du har lagt till knappen kommer den att tillåta användare att klicka och ringa det telefonnummer du har angett på WP Call Button-inställningssidan.

Efter knappanpassning, klicka bara på knappen ‘Publicera’ eller ‘Uppdatera’ för att spara dina inställningar.

Om du använder WordPress klassiska redigerare behöver du använda generatorn för statiska samtalsknappar för att få en kortkod.

Gå helt enkelt till Inställningar » WP Call Button och klicka på menyn 'Statisk samtalsknapp' högst upp.

Därefter kan du anpassa texten och färgen på samtalsknappen och välja om du vill visa eller dölja telefonikonen.

Skrolla sedan ner och kopiera kortkoden för att lägga till samtalsknappen på en sida eller ett inlägg.

Öppna sedan sidan eller inlägget där du vill lägga till knappen och klistra in kortkoden i den.

Du har nu framgångsrikt lagt till samtalsknappen i den klassiska redigeraren.

WP Call Button-pluginet låter dig också lägga till samtalsknappen i din webbplats sidofält med hjälp av widgetblocket för sidofältet.

För att göra detta måste du besöka sidan Utseende » Widgetar från WordPress adminområde och klicka på '+' -knappen för att öppna blockmenyn.

Härifrån, lägg till WP Call Button-blocket i ditt widget-redo område.

Därefter kan du ytterligare anpassa utseendet på din samtalsknapp från panelen till höger.

Till exempel finns det alternativ för att ändra knappens storlek, dölja telefonikonen, centrera knappen och redigera bakgrunds- och textfärger.

När du har gjort ändringarna, glöm inte att klicka på knappen 'Uppdatera'.

Efter att ha läst detta kan du förmodligen se varför WP Call Button är det absolut enklaste och mest omfattande WordPress-pluginet för klick-för-att-ringa-knappar på marknaden.

Det bästa är att det är 100% gratis och har sömlös integration med Google Analytics.

Allt du behöver göra är att använda pluginet MonsterInsights, så spårar det automatiskt hur många som klickar på din samtalsknapp och vilka sidor som ger dig flest leads, så att du kan fokusera på det som fungerar för att växa din verksamhet snabbare!

Metod 2: Lägg manuellt till knappen Klicka för att ringa i WordPress

Den här metoden låter dig manuellt lägga till knappar och länkar för klick-för-samtal var som helst på din WordPress-blogg.

Det enklaste sättet att lägga till ett klickbart telefonnummer på din webbplats är att lägga till det så här:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->

<a href="tel:+15555551212">+1 (555) 555-1212</a> 

<a href="tel:15555551212">Call Me</a>

Dessa länkar öppnar telefonappen på mobila enheter. På stationära datorer kommer Mac-användare att se ett alternativ för att öppna länken i Facetime, medan Windows 10/11-användare kommer att se alternativet att öppna den i Skype.

Du kan också använda HTML för att lägga till en bild eller en ikon bredvid textlänken för klick-för-att-ringa.

Låt oss titta på hur man gör detta.

Först måste du besöka sidan Media » Lägg till ny och ladda upp bilden du vill använda. Efter att ha laddat upp bilden måste du klicka på länken 'Redigera' för att fortsätta.

Detta tar dig till skärmen för att redigera media, där du måste kopiera filens URL. Du kommer att behöva den i nästa steg.

Du kan nu redigera inlägget, sidan eller widgeten för anpassad HTML där du vill visa telefonikonen för klick-för-att-ringa. I redigeringsområdet kan du nu lägga till telefonikonbilden innesluten i tel:-länken.

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a> 

När du är klar kan du besöka din webbplats för att se klick-för-att-ringa-länken med den bild du laddade upp.

Du kan anpassa detta ytterligare genom att lägga till mer text före eller efter länken och använda anpassad CSS för att styla den.

Så här ser det ut på vår demosida.

Lägga till en klick-för-att-ringa-länk i WordPress navigeringsmenyer

Du kan också lägga till klick-för-att-ringa-länken i din WordPress-navigeringsmeny.

Besök helt enkelt sidan Utseende » Menyer och klicka på fliken anpassade länkar från den högra kolumnen. Nu kan du lägga till telefonnumret i länkrutan i följande format:

tel:+155555555

Lägg sedan till texten du vill visa och klicka sedan på knappen ‘Lägg till i meny’.

Besök sedan din webbplats för att se din klick-för-att-ringa-länk i praktiken.

Om du däremot använder ett blockbaserat tema, måste du besöka sidan Utseende » Redigerare från WordPress admin sidofält.

Detta startar redigeraren för hela webbplatsen, där du måste välja 'Header' som mallkomponent som du vill redigera.

Därefter tas du till nästa skärm, där din WordPress-header visas.

Härifrån klickar du på 'Redigera'-ikonen för att börja anpassa din navigeringsmeny.

Klicka sedan på '+'-knappen i din navigeringsmeny för att öppna prompten 'Lägg till länk'.

Här skriver du helt enkelt ditt telefonnummer och trycker sedan på 'Enter'-knappen för att lägga till det i navigeringsmenyn.

När du har gjort det kan du ändra dess etikett från blockpanelen i det övre högra hörnet av skärmen.

Slutligen klickar du på knappen 'Spara' högst upp för att spara dina inställningar.

Nu kan användare som klickar på länken ‘Ring mig’ i din navigeringsmeny nå dig.

Bonus: Lägg till en WhatsApp-chatt i WordPress

Om du inte har tid att svara på samtal från kunder kan du lägga till en enkel WhatsApp-chattruta på din webbplats där besökare kan lämna sina meddelanden. Du kan sedan svara dem via text istället för via samtal.

Detta kan vara fördelaktigt för kundförfrågningar eftersom över 2 miljarder människor använder WhatsApp för meddelanden.

För att lägga till en WhatsApp-chattruta måste du installera och aktivera pluginet Click to Chat. För detaljer kan du se vår nybörjarguide om hur man installerar ett WordPress-plugin.

Vid aktivering, besök helt enkelt fliken Klick för att chatta i WordPress-instrumentpanelen och ange ditt företags telefonnummer. Detta kommer att vara numret där du tar emot meddelanden från användare.

Du kan sedan anpassa chattfönstret och välja de inlägg eller sidor där du vill visa den för kunder. När du är klar, besök helt enkelt blockredigeraren och lägg till kortkoden för WhatsApp-chattfönstret.

Klicka sedan på knappen 'Uppdatera' eller 'Publicera' för att spara dina inställningar.

Du har nu framgångsrikt lagt till en WhatsApp-chattruta där användare kan lämna meddelanden om de inte vill delta i ett telefonsamtal.

För mer detaljerade instruktioner kan du se vår handledning om hur man lägger till WhatsApp-chattbox och dela-knapp i WordPress.

Videohandledning

Om du inte gillar skriftliga instruktioner kan du titta på vår videoguide:

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en klick-för-att-ringa-knapp i WordPress. Du kanske också vill se vår nybörjarguide om hur du skapar en gratis företags-e-postadress eller vårt experttips om bästa SMS-marknadsföringspluginer.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.