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.
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.
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.
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.
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.
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’.
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”.
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.
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.
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.
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.
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.
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.
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.
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.
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!
Aks says
Hey, does everyone who wants to partake in the chat require a wordpress account?
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
Alexi says
Wow, great article!
WPBeginner Support says
Thank you
Administratör
Maja says
It’s a pity that you can not embed room
on any page, e.g. shordcode, widget etc.
WPBeginner Support says
We will be sure to look into alternatives with that option for future updates
Administratör
Ahshan says
a how can i delete chatbox pragraph
Tijjani Isah says
Really Appreciate It
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.
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!
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
anand kjha says
how many users can use the facility of chat room at a time?
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.
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 …
Editorial Staff says
Its a plugin called Breadcrumb NavXT. You can see more about it on our Blueprint page.
https://www.wpbeginner.com/blueprint/
Administratör
HappyMoon says
Thank you so much
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.
ivica says
Did you see this WP chat plugin? One of the best, if not THE best:
http://wordpress.org/extend/plugins/quick-chat/
Made in Croatia
Ivica
Editorial Staff says
Didn’t know about that one. Will have to take a look at it.
Administratör
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!