Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här skapar du chattrum i WordPress för dina användare

Drömmer du om att skapa en livlig website där besökarna kan ansluta sig och chatta med varandra? Maybe you run a fan community, an elearning portal, a support group, a gaming forum, or some other kind of community-focused website.

På WPBeginner frågar läsare oss ofta hur de kan få mer engagement, och ett chattrum är ett bra alternativ.

Ett chattrum allow visitors to interact with each other or even speak to you directly. Detta kan hålla människor kvar på din website längre, utan att vidarebefordra dem till en extern chattklient som Slack eller Discord.

I den här artikeln visar vi dig hur du tar din webbplats till nästa nivå och skapar en engagerande, interaktiv gemenskap. Så här skapar du ett chattrum i WordPress för dina användare.

Adding chat rooms to a WordPress website

Varför add to ett chattrum i WordPress?

If you run a membership website or an online forum, then you may want to create an instant messaging chat room for your users.

Du kan använda en tjänst från tredje part som gillar Slack, WhatsApp, Facebook-grupper eller Discord. Problemet med dessa metoder är att all kommunikation sker utanför din website, så du har ingen control över chattupplevelsen.

Detta tillvägagångssätt uppmuntrar också människor att lämna din website, vilket är dåliga nyheter för dina sidvisningar och avvisningsfrekvens i WordPress.

Genom att embedda ett chattrum på din website kan du få folk att stanna kvar längre på din site och bygga en starkare känsla av gemenskap.

Note: Chattrum tenderar att fungera bäst för små grupper av användare. Om du vill erbjuda live customer support, kontrollera vår lista över de bästa programvarorna för support för live chattsupport.

Med det sagt, låt oss ta en titt på hur du addar ett chattrum till din WordPress blogg eller website.

Lägga till chattrum i WordPress

Det enklaste sättet att add to chattrum i WordPress är genom att använda Simple Ajax Chat. Detta plugin allow you to add a simple chat room to any page, post, or widget-ready area.

Det låter dig också begränsa åtkomsten till inloggade användare eller till och med skapa ett chattrum som är helt öppet för allmänheten. För mer information, se vår Simple Ajax Chat-recension.

Chat room published on page

Note: I den här guiden använder vi det gratis Simple Ajax Chat-pluginet, eftersom det har allt du behöver för att skapa ett enda chattrum. Men om du vill skapa flera olika chattrum, måste du uppgradera till Plugin Planet Simple Ajax Chat.

Först måste du installera och aktivera pluginet. Om du behöver hjälp kan du vänligen läsa vår guide om hur du installerar ett plugin för WordPress.

När du är aktiverad går du till Settings ” Simple Ajax Chat för att ställa in ditt chattrum.

The Simple Ajax Chat plugin's settings

För att börja, click för att förstora ”Plugin Settings” section och ändra sedan ”Default name” till vad du vill.

You can also type in a ”Default message”, which will appear the first time someone visits your chat room.

Default chat room name

Därefter kan du bestämma om användarna måste vara inloggade för att använda chattrummet. Obligatorisk registrering av användare kan hjälpa you att bekämpa skräppost och troll, men ett offentligt chattrum kan få fler användare.

För att fatta detta beslut ska du antingen kontrollera eller avmarkera boxen bredvid ”Obligatoriskt för användare att vara inloggade för att kunna viewa och använda chattrutan”.

Du kanske också vill kontrollera boxen bredvid ”Logged-in username” så att WordPress visar personens användarnamn i chatten.

How to create a members-only WordPress chat room

Ett annat alternativ är att tillåta icke-registrerade besökare att läsa chatten men inte interagera. Människor som gillar vad de ser kanske skapar ett account för att kunna delta i konversationen, så du kanske vill kontrollera boxen bredvid ”Display chat messages as read-only”.

När det är gjort kan du customize chattrummet. Till exempel kan du add to din egen logga, customize färger och branding.

Du kan göra detta med hjälp av inställningarna i boxarna ’Times and Colors’ och ’Appearance’.

How to customize the chat window in WordPress

Du kan också ersätta standard icon för aviseringar med din egen image. Du kan till exempel använda din logga, icon eller någon annan image som du har skapat med hjälp av ett webbdesignprogram som Canva.

Om du vill lägga till din egen grafik hittar du fältet ”Standard notification icon” och klickar på ”Upload”.

Changing the default chat icon in WordPress

Du kan nu antingen välja en image från mediabiblioteket i WordPress eller uppladare en fil från din dator.

Om du gör några ändringar i den här sectionen, glöm inte att click på ”Save Settings”.

Efter det kan du clicka för att förstora sectionen ”Banned phrases” och sedan skriva in ord som aldrig får förekomma i din chatt. Det kan vara namnet på en konkurrent, stötande ord eller något annat som kan skada upplevelsen för besökarna och ditt rykte.

Separera helt enkelt varje ord med ett kommatecken.

Creating a ban list for your online WordPress chat room

Glöm inte att klicka på ”Save Settings” för att lagra dina ändringar.

Det finns många fler Settings att utforska, så det är värt att titta igenom dem och se vilka ändringar du kan göra. Det här är dock all information du behöver för att skapa ett enkelt chattrum, så låt oss se hur du kan add to din WordPress website.

Så här displayed du ditt chattrum i WordPress

När du är nöjd med hur chattrummet är inställt rullar du ner till området Shortcode & Template Tag och klickar för att öppna det.

Here, you’ll see the shortcode that you can add to any page, post, or widget-ready area.

Copy your chat room short code

För att lägga till chattrummet på en sida, gå bara till Pages ” Add New i WordPress dashpanelen.

Du kan nu skriva in en titel, ladda upp en featured image, add to kategorier och taggar, plus allt annat content som du vill visa på page.

How to add a chat room to a WordPress page

Du kan till och med gå ett steg längre och lägga till en undersökning om återkoppling av användarupplevelsen så att du kan få värdefulla förslag och idéer om hur du kan förbättra ditt chattrum.

För att embeda chattrummet klickar du på ”+”-tecknet och skriver sedan ”Shortcode”. Du kan nu selecta rätt block när det dyker upp.

Adding a chat room shortcode block to a WordPress blog or website

Efter det är det bara att add to [sac_happens] shortcode till Shortcode blocket.

Du kan nu clicka på ”Publicera” eller ”Update” för att göra chattsupporten live.

Adding live chat to a website using shortcode

Ett annat alternativ är att lägga till chattrummet i ett widgetfärdigt area. Detta är ett enkelt sätt att visa chattfönstret på flera pages.

Om du använder ett av de nyare blockbaserade temana kan du till och med add to chattrummet till områden på din site som du inte kan edit med WordPress standard content editor.

För Step-by-Step instruktioner, vänligen se vår guide om hur man lägger till och använder widgetar.

Adding a chat room to WordPress using the full site editor

Oavsett hur du addar chattrummet till WordPress är det viktigt att kontrollera att det ser bra ut och fungerar korrekt på alla enheter, genom att testa mobilversionen av din website.

För mer information om detta ämne, vänligen se våra experttips om hur du skapar en mobilvänlig website.

Testing your chat room on a mobile device

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar chattrum för dina WordPress-användare. Du kan också se våra guider om hur du lägger till reaktionsknappar för att öka engagement, och hur du gör en UX-granskning av din WordPress website.

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

21 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      The users do not need a WordPress account but you can require an account on your site if you wanted.

      Administratör

    • WPBeginner Support says

      We will be sure to look into alternatives with that option for future updates :)

      Administratör

  2. Ahmed Barwari says

    I installed and activated the plugin but its not working.

    403 Forbidden
    The website’s configuration prevents you from accessing this page.

  3. Saminu Eedris says

    This is great.

    I just got a job for an online bar, not really and online bar but there would be a platform where the visitors can interact with some of the brand ambassadors.

    I think I will try out this plugin to see how it works.

    Thanks,
    Saminu!

  4. asad ali says

    Hi

    i have chat room site and i want to use wordpress chat room their is any plugin that i can use on my blog right now i am using someone else chat room scrpit but i want to add mine chat room please suggest if their is any good chat room thanks

  5. Giorgios says

    I used that plugin on my website – it works fine but is too simple. Mainly no file sharing feature so I switched to Chatwee. It suits me better.

  6. HappyMoon says

    Hello. How do I create something like the top of your site, such as HOME »BLOG» WORDPRESS PLUGINS »HOW TO CREATE CHAT ROOMS …

  7. Khürt L. Williams says

    I’m always looking for way to increase the use of our organization’s WordPress install. We have a bulletin board running on another system but I want to centralize systems. Perhaps bbpress with this plugin is the way forward.

    • Thomas says

      Have to agree with this. Looked into both and the one you posted is way better! I’ve been looking for something JUST like this for my site at NE1UP.com so I really appreciate it!

      No worries, @WPBeginner, still love your site and it’s so beautiful. ;) Wouldn’t have figured this out if you hadn’t posted about WordPress chat in the first place!

      Thanks guys!

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.