Hur man installerar en chattwidget för webbplatsen för Base44

How to Install PushEngage Chat Widget on WordPress (5 Minutes, No Coding)

Stop losing sales to unanswered customer questions. Here’s how to add live chat to your WordPress site—for $49/year instead of $200/month.

By the end of this guide, you’ll have:

  • A professional chat widget on your WordPress site
  • Customer messages sent straight to your email, SMS, or WhatsApp
  • Zero new inboxes to check (conversations go to YOUR DMs)
  • Everything set up in under 5 minutes

Låt oss dyka in.

Skicka meddelanden via flera kanaler idag!

Push- och WhatsApp-meddelanden är supereffektiva, billiga marknadsföringsverktyg som hjälper dig att öka din återkommande trafik, engagemang och försäljning automatiskt.

Innan du börjar

Vad du behöver:

  • En WordPress-webbplats (vilken hostingleverantör som helst fungerar)
  • Ett PushEngage-konto (registrera dig gratis här)
  • 5 minuter

Vad du inte behöver:

  • Kodningskunskaper
  • Utvecklarhjälp
  • Teknisk kunskap
  • Dyra verktyg

Installation Methods

Välj den metod som fungerar bäst för dig:

Detta är det snabbaste sättet. Perfekt om du aldrig har installerat ett WordPress-plugin tidigare.

Step 1: Install the PushEngage Plugin

  1. Logga in på din WordPress-instrumentpanel
  2. Gå till PluginsLägg till nytt
  3. I sökfältet, skriv "PushEngage"
  4. Hitta det officiella PushEngage-pluginet
  5. Klicka på Installera nu
  6. När installationen är klar, klicka på Aktivera

Det var allt för plugin-programmet. Nu ska vi koppla det till ditt konto.

Step 2: Connect Your PushEngage Account

  1. I din WordPress-instrumentpanel, gå till PushEngageInställningar
  2. Klicka på Anslut med PushEngage
  3. Logga in på ditt PushEngage-konto (eller registrera dig om du inte redan har gjort det)
  4. Klicka på Auktorisera för att ge WordPress behörighet
  5. Din webbplats är nu ansluten

Step 3: Enable the Chat Widget

  1. Logga in på din PushEngage-instrumentpanel
  2. Gå till ChattwidgetInställningar
  3. Aktivera widgeten
  4. Anpassa widgetens utseende:
    • Widgetposition: Välj nedre högra eller nedre vänstra hörnet
    • Widgetfärg: Matcha dina varumärkesfärger
    • Välkomstmeddelande: Skriv något vänligt (t.ex. ”Hej! Behöver du hjälp? Fråga mig vad som helst”)
    • Teamnamn: Ditt företagsnamn eller ”Supportteam”

Step 4: Connect Your Preferred Channels

Det är här magin sker – ingen separat inkorg att kontrollera.

  1. I din PushEngage-instrumentpanel, gå till ChattwidgetKanaler
  2. Anslut dina föredragna meddelandekanaler:
Välj chattkanaler

E-post (Rekommenderas för nybörjare):

  • Klicka på Lägg till e-post
  • Ange din e-postadress
  • Verifiera den (kontrollera din inkorg)
  • Klart – kundmeddelanden går nu direkt till din e-post

SMS (Få notiser på din telefon):

  • Klicka på Lägg till SMS
  • Ange ditt telefonnummer
  • Du kommer att få en verifieringskod
  • Ange koden – du är ansluten

WhatsApp (Chatta där dina kunder redan är):

  • Klicka på Lägg till WhatsApp
  • Skanna QR-koden med WhatsApp
  • Kundmeddelanden dirigeras nu till WhatsApp

Andra alternativ:

  • Slack (för teamsamarbete)
  • Telegram (för integritetsfokuserade konversationer)

Du kan ansluta flera kanaler och dirigera olika typer av förfrågningar till olika teammedlemmar.

Step 5: Test Your Chat Widget

  1. Öppna din webbplats i ett nytt webbläsarfönster (eller inkognitoläge)
  2. Du bör se chattwidgeten i det hörn du valde
  3. Klicka på den och skicka ett testmeddelande till dig själv
  4. Kontrollera din anslutna kanal (e-post, SMS, WhatsApp) – ditt testmeddelande bör komma fram inom några sekunder

Om du ser meddelandet är du klar. Din chattwidget är aktiv och fungerar.

Method 2: Manual Code Installation (For Advanced Users)

Om du föredrar att lägga till kod manuellt eller om ditt tema kräver det, gör du så här.

Step 1: Get Your Installation Code

  1. Logga in på din PushEngage-instrumentpanel
  2. Gå till ChattwidgetInstallation
  3. Kopiera kodavsnittet för installation (ser ut så här):
<!-- PushEngage Chat Widget Code -->
<script>
  (function(w,d,s,u){
    w.PushEngage=w.PushEngage||[];
    w.PushEngage.push(function(){
      PushEngage.init({
        appId: "your-app-id-here"
      });
    });
    var js = d.createElement(s); 
    js.src = u; 
    js.async = 1; 
    var fjs = d.getElementsByTagName(s)[0];
    fjs.parentNode.insertBefore(js, fjs);
  })(window,document,"script","https://clientcdn.pushengage.com/core/chat.js");
</script>
<!-- End PushEngage Chat Widget Code -->

Step 2: Add Code to WordPress

Alternativ A: Använda plugin för temaheader/footer

  1. Installera pluginet "Insert Headers and Footers" (gratis)
  2. Gå till InställningarInsert Headers and Footers
  3. Klistra in din PushEngage-kod i avsnittet Footer
  4. Klicka på Spara

Alternativ B: Redigera temafiler direkt

  1. Gå till UtseendeTemafilredigerare
  2. Hitta footer.php i sidofältet till höger
  3. Klistra in din kod precis före den avslutande taggen </body>
  4. Klicka på Uppdatera fil

⚠️ Varning: Att redigera temafiler direkt kan orsaka problem på din webbplats om det görs felaktigt. Använd Alternativ A om du inte är bekväm med kod.

Step 3: Configure Chat Widget Settings

Följ steg 3-5 från Metod 1 ovan för att:

  • Aktivera och anpassa din widget
  • Anslut dina meddelandekanaler
  • Testa att allt fungerar

Common Issues & How to Fix Them

“I don’t see the chat widget on my site”

Try this:

  1. Clear your browser cache (Ctrl+Shift+Delete on Windows, Cmd+Shift+Delete on Mac)
  2. Check if the widget is toggled ON in your PushEngage dashboard
  3. Make sure you’re not logged into WordPress while testing (the widget might be hidden for admins)
  4. Try opening your site in an incognito/private browser window

Still not working?

  • Check if another plugin is conflicting (try disabling other chat/popup plugins temporarily)
  • Verify the code is installed correctly (view your page source and search for “pushengage”)

“I installed it but I’m not getting messages”

Check these:

  1. Did you verify your email/phone number in the Channels settings?
  2. Is your email going to spam? (Check your spam folder, mark as “not spam”)
  3. Test with a different channel (try SMS or WhatsApp)
  4. Make sure you completed the test in Step 5

“Can I customize the widget appearance?”

Yes! In your PushEngage dashboard:

  • Gå till ChattwidgetInställningar
  • Change colors, position, text, and avatar
  • Upload your logo or team photo
  • Customize the greeting message

“How do I add multiple team members?”

  1. Go to Chat WidgetTeam
  2. Click Add Team Member
  3. Enter their email, name, and role
  4. Choose which channel they’ll receive messages on
  5. They’ll get an invite to join

Each team member can connect their own preferred channel. You might handle email inquiries while a teammate handles WhatsApp messages.

“Can I set up automatic replies?”

Not yet—but you can set a welcome message that appears instantly when someone opens the chat. This sets expectations while you respond. For now, PushEngage Chat Widget focuses on getting conversations to you quickly so you can respond personally and close more sales.

Pro Tips to Close More Sales

1. Write a compelling welcome message

Instead of “Hi, how can I help?”

Prova: “Hej! Har du frågor om [din produkt]? Jag hjälper dig gärna att hitta precis det du behöver 😊”

Det här känns personligt och visar besökare att du är redo att hjälpa till.

2. Add chat widget to key pages

Din chatt-widget visas på hela webbplatsen som standard, men var särskilt uppmärksam på:

  • Produktsidor (fånga köpfrågor)
  • Kassasidan (minska övergivna varukorgar)
  • Prissidan (svara på invändningar omedelbart)
  • Hem sidan (support för förstagångsbesökare)

3. Respond fast

Ju snabbare du svarar, desto fler försäljningar gör du. Sikta på:

  • Under 5 minuter: Utmärkt (kunderna är fortfarande engagerade)
  • Under 1 timme: Bra (många kommer fortfarande att konvertera)
  • Över 3 timmar: Du förlorar försäljning

Aktivera SMS- eller WhatsApp-aviseringar så att du fångar förfrågningar på din telefon.

4. Track which messages lead to sales

Håll ett enkelt kalkylblad:

  • Kundfråga
  • Ditt svar
  • Köpte de?
  • Ordervärde

Med tiden kommer du att upptäcka mönster. Kanske konverterar frågor som “Skickar ni till Kanada?” med 80%, medan frågor som “Vad är er returpolicy?” konverterar med 20%. Detta talar om för dig vilka invändningar du bör adressera proaktivt på din webbplats.

5. Use saved responses for common questions

Ännu inte inbyggt i widgeten, men du kan:

  • Ha ett Google-dokument med svar på vanliga frågor
  • Kopiera och klistra in när kunder frågar
  • Sparar tid och säkerställer konsekventa, kvalitativa svar

Vanliga frågor att förbereda sig för:

  • Fraktkostnader och tider
  • Retur-/återbetalningspolicy
  • Produktskompatibilitet
  • Rabattkoder
  • Lagertillgänglighet

Nästa steg

Din chatt-widget är live. Här är vad du ska göra nu:

Idag:

  • Skicka ett testmeddelande till dig själv från din webbplats
  • Verifiera att du fick det i din föredragna kanal
  • Anpassa ditt välkomstmeddelande
  • Ställ in notifieringsinställningar (e-postaviseringar vs. direkt)

Denna vecka:

  • Lägg till teammedlemmar om du har några
  • Förbered svar på dina 5 vanligaste frågor
  • Aktivera WhatsApp eller SMS för omedelbara mobilaviseringar
  • Testa widgeten på mobil och dator

Denna månad:

  • Spåra vilka chattförfrågningar som leder till försäljning
  • Justera ditt välkomstmeddelande baserat på kundfeedback
  • Utforska att lägga till flera kanaler för olika avdelningar (försäljning vs. support)

Vanliga frågor

Hur mycket kostar PushEngage Chat Widget?

49 USD/år—det är allt. Inga månadsavgifter, inga avgifter per agent, inga dolda kostnader.

Jämför det med LiveChat för 200 USD+/månad (2 400 USD/år). Du sparar över 2 350 USD årligen.

Behöver jag en betald plan från PushEngage?

Chattwidgeten fungerar på både gratis och betalda planer. Gratisplanen inkluderar:

  • Obegränsade chattkonversationer
  • 1 ansluten kanal (e-post, SMS eller WhatsApp)
  • Grundläggande anpassning av widgeten

Betalda planer lägger till:

  • Flera kanaler samtidigt
  • Flera agenter som hanterar förfrågningar
  • Avancerad anpassning
  • Prioriterad support

De flesta småföretag börjar med gratisplanen och uppgraderar när de växer.

Kan jag använda detta med WooCommerce?

Ja! Chattwidgeten fungerar på alla WordPress-webbplatser, inklusive:

  • WooCommerce-butiker
  • Bloggwebbplatser
  • Företagswebbplatser
  • Medlemskapswebbplatser
  • Landningssidor

Ingen speciell konfiguration behövs.

Fungerar detta på mobilen?

Absolut. Chattwidgeten är helt responsiv och fungerar på:

  • Smartphones (iOS och Android)
  • Surfplattor
  • Stationära datorer

Dina kunder kan nå dig från vilken enhet som helst, och du kan svara från din telefon via SMS eller WhatsApp.

Vad händer om jag redan använder LiveChat eller Intercom?

Du kan köra PushEngage parallellt med dem (även om det är överkurs), eller helt enkelt ersätta dem och spara tusentals per år.

För att byta:

  1. Installera PushEngage enligt den här guiden
  2. Testa att det fungerar
  3. När du är säker, avaktivera din gamla chattplugin
  4. Avbryt din gamla prenumeration

Klart. Du sparar nu över 2 000 USD per år.

Kan jag anpassa vilka sidor som visar widgeten?

Ja. I din PushEngage-instrumentpanel:

  1. Gå till ChattwidgetVisningsregler
  2. Välj Visa på specifika sidor eller Dölj på specifika sidor
  3. Ange URL:erna

Till exempel, dölj den på din tack-sida (de har redan köpt) eller administratörssidor.

Hur många meddelanden kan jag ta emot?

Obegränsat. Det finns inga meddelandegränser på någon plan.

Oavsett om du får 5 meddelanden per månad eller 500, ingår allt.

Finns det en mobilapp?

Ännu inte – men du behöver ingen. Det är hela poängen.

Meddelanden går direkt till dina befintliga e-post-, SMS- eller WhatsApp-appar. Ingen extra app att ladda ner, installera eller komma ihåg att kontrollera.

Vilka språk stöder widgeten?

Widget-gränssnittet stöder flera språk. Du kan översätta:

  • Välkomstmeddelande
  • Knapptext
  • Platshållartext
  • Automatiska meddelanden

Skriv dem bara på ditt språk i inställningarna. Widgeten visar den text du anger.

Kan jag ta bort "Drivs av PushEngage"-varumärket?

Ja, på betalda planer. Gratisplaner inkluderar den lilla varumärkesbrickan, men den är diskret.

För att ta bort den:

  1. Uppgradera till en betald plan
  2. Gå till ChattwidgetVarumärke
  3. Stäng av "Visa PushEngage-varumärke"

Behöver du fortfarande hjälp?

Om du stöter på problem under installationen:

Alternativ 1: Kontakta PushEngage Support

  • E-post: [email protected]
  • Livechatt: Besök pushengage.com (använd deras egen chattwidget!)
  • Svarstid: Vanligtvis inom 24 timmar, ofta mycket snabbare

Alternativ 2: Kontrollera kunskapsbasen

  • Besök: help.pushengage.com
  • Sök efter: "WordPress-installation" eller ditt specifika problem
  • Över 100 artiklar som täcker installation, felsökning och bästa praxis

Alternativ 3: Communityforum

  • Anslut med andra PushEngage-användare
  • Dela tips och ställ frågor
  • Lär dig av framgångsrika implementeringar

Prova PushEngages chattwidget gratis och se hur många försäljningar du har missat.

Redo att sluta missa kundfrågor?

Den bästa tiden att lägga till livechatt var när du lanserade. Den näst bästa tiden är nu.

Kom igång idag!

Lägg till en kommentar

Vi är glada att du har valt att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår integritetspolicy, och alla länkar är nofollow. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.

Engagera och behåll besökare efter att de har lämnat din webbplats

Öka värdet av varje webbesök med push-notiser som är svåra att missa.

  • Evigt gratis-plan
  • Enkel installation
  • 5-stjärnig support