WordPress-plugin

Lägg till ChatReact AI-chattbotar, kontaktformulär och FAQ-ackordioner på er WordPress-webbplats med vår officiella plugin.

Nedladdning

Pluginen finns i den officiella WordPress Plugin Directory, eller som direkt nedladdning:

Download ChatReact Plugin v1.2.0

Installation

Metod 1: WordPress Plugin Directory (Rekommenderas)

1. Gå till Plugins → Add New i er WordPress-administration
2. Sök efter ChatReact
3. Klicka Install Now, sedan Activate

Metod 2: Ladda upp via WordPress-administrationen

1. Ladda ner plugin-ZIP-filen ovan
2. Gå till Plugins → Add New → Upload Plugin
3. Välj ZIP-filen och klicka Install Now
4. Klicka Activate Plugin

Metod 3: Manuell uppladdning via FTP

1. Packa upp ZIP-filen
2. Ladda upp mappen chatreact till /wp-content/plugins/
3. Gå till Plugins i WordPress-administrationen
4. Hitta "ChatReact" och klicka Activate

Konfiguration

Efter aktivering, öppna menyn ChatReact i er WordPress-adminsidofält för inställningar och användarinstruktioner.

Hitta ert Chatbot-ID

1. Logga in på chatreact.ai
2. Gå till er chattbots Dashboard
3. Klicka på Copy-knappen bredvid Chatbot ID (visas högst upp)

Hitta ert formulär-ID

1. Logga in på chatreact.ai
2. Gå till Forms
3. Klicka Copy embed code på ert formulär (eller öppna formuläret och byt till fliken Embed)
4. Ert Form ID är värdet av data-form-id i den kopierade embed-koden

Användningsalternativ

Pluginen erbjuder flera sätt att lägga till ChatReact på er webbplats:

1. Shortcodes

Lägg till på vilken sida, inlägg eller widgetområde som helst:

Chat Widget:

[chatreact id="YOUR_CHATBOT_ID"]

Valfria attribut: language

Contact Form:

[chatreact_form id="YOUR_FORM_ID"]

Valfria attribut: language

FAQ Accordion:

[chatreact_faq id="YOUR_CHATBOT_ID"]

Valfria attribut: categories, container, language

2. Gutenberg-block

I blockeditorn:

1. Klicka + för att lägga till ett block
2. Sök efter "ChatReact"
3. Välj ChatReact Chat, ChatReact Form eller ChatReact FAQ
4. Ange ert ID i blockinställningarna

3. Elementor

Om ni använder Elementor:

1. Redigera er sida med Elementor
2. Sök efter "ChatReact" i widgets
3. Dra widgeten till er sida
4. Konfigurera i vänsterpanelen

4. Widget-uppdrag (Plugin-inställningar)

Visa en chattbot på specifika sidor — eller på hela webbplatsen — utan att redigera innehåll:

1. Öppna menyn ChatReact i ert admin-sidofält
2. På fliken Chat Widget, hitta Widget Assignments
3. Klicka Add Assignment, välj en sida eller ett inlägg (eller välj Everywhere), och ange ert Chatbot ID
4. Klicka Save Changes

För Everywhere-uppdrag kan ni exkludera specifika URL:er — en per rad, med wildcard-stöd (t.ex. /blog/* eller /checkout) — för att dölja widgeten på landningssidor eller under kassan.

Som standard är endast Pages sökbara vid tilldelning. Klicka på knappen Post Types för att göra andra innehållstyper (t.ex. Posts eller custom post types) sökbara också.

5. Sidnivå-tilldelning

Tilldela en chattbot till en enskild sida direkt från editorn:

1. Redigera en sida eller ett inlägg
2. Hitta meta-rutan "ChatReact Widget"
3. Markera Enable custom widget for this page
4. Ange ert Chatbot ID och välj eventuellt position (Default, Bottom Right, Bottom Left)
5. Spara sidan

Samma meta-ruta erbjuder också ett alternativ Disable all widgets on this page om ni vill dölja ChatReact helt på vissa sidor.

Shortcode-exempel

Grundläggande chattwidget

[chatreact id="abc123"]

Chattwidget med fast språk

[chatreact id="abc123" language="de"]

FAQ med kategori-filter

[chatreact_faq id="abc123" categories="shipping,returns"]

Stilat kontaktformulär

[chatreact_form id="form123" language="en"]

FAQ-widget: SEO & caching

SEO-vänliga FAQ

Sedan version 1.1.2 renderas FAQ-widgets serverside: era vanliga frågor är en del av sidans HTML och inkluderar JSON-LD strukturerade data (FAQPage-schema). Sökmotorer och AI-assistenter kan läsa dem utan att köra någon JavaScript.

llms.txt för AI-crawlers

Pluginen kan servera ert FAQ-innehåll på yoursite.com/llms.txt, en upptäcktsfil som läses av AI-crawlers. Den är aktiverad som standard. För att växla den eller ange ett specifikt Chatbot ID för filen, gå till ChatReact → FAQ Widget → Cache & SEO Settings.

FAQ-caching

FAQ-data cachelagras på er server för snabba sidladdningar. Under ChatReact → FAQ Widget → Cache & SEO Settings kan ni:

• Ställa in Cache Duration — 1, 3, 6 (rekommenderat), 12, eller 24 timmar, eller inaktivera caching
• Klicka Clear Cache för att uppdatera era FAQs omedelbart

Cachen rensas också automatiskt när era FAQs ändras i ChatReact-dashboarden.

Stödda språk

Pluginen stödjer 24 EU-språk:

• bulgariska, kroatiska, tjeckiska, danska, nederländska, engelska
• estniska, finska, franska, tyska, grekiska, ungerska
• iriska, italienska, lettiska, litauiska, maltesiska, polska
• portugisiska, rumänska, slovakiska, slovenska, spanska, svenska

Sedan version 1.2.0 levereras översättningar för alla 24 språk med pluginen. Widgetens språk detekteras automatiskt från den aktuella sidan, så flerspråkiga sajter fungerar direkt — använd language-shortcode-attributet endast om ni vill tvinga ett specifikt språk.

Felsökning

Widget visas inte

1. Kontrollera att ert Chatbot ID är korrekt
2. Kontrollera att chattboten är aktiv i er ChatReact-dashboard
3. Rensa eventuella sidcache-plugins (se nedan)
4. Kontrollera webbläsarens konsol efter JavaScript-fel

Kompatibilitet med caching-plugins

Pluginen är fullständigt kompatibel med populära caching- och optimerings-plugins inklusive WP Rocket, LiteSpeed Cache, Autoptimize, och WP Super Cache. Pluginen förhindrar automatiskt dessa verktyg från att minifiera eller cacha ChatReact-skript.

Om ni fortfarande upplever problem (t.ex. 404-fel, widgeten laddas inte för utloggade besökare):

1. Rensa er caching-plugins cache
2. Exkludera chatreact från JS-minifiering/kombination i ert caching-plugin
3. Pluginen använder data-api-url-attribut som fallback för att säkerställa korrekt API-kommunikation

FAQs uppdateras inte

Om er site visar föråldrade FAQs, gå till ChatReact → FAQ Widget och klicka Clear Cache. Cachen rensas också automatiskt när ni redigerar era FAQs i ChatReact-dashboarden.

Stilmotsättningar

Om widgeten ser trasig ut:

• Widgeten använder isolerad CSS
• Kontrollera efter CSS !important-regler i ert tema
• Försök att tillfälligt inaktivera andra chatt-plugins

Flera widgets

Ni kan använda olika chattbotar på olika sidor genom att ange unika ID:n i varje shortcode eller block.

CMS-integration (Smart Sitemap)

Från och med version 1.1.0 inkluderar ChatReact WordPress-pluginen en Smart Sitemap-funktion som tillhandahåller ChatReact-crawlaren strukturerad innehållsmetadata direkt från er WordPress-site.

Hur det fungerar

1. Generera en Integration Key i ChatReact-dashboarden (Knowledge Base → Websites → CMS Integrations)
2. Klistra in nyckeln i WordPress-pluginens inställningar under fliken Integration
3. Välj innehållstyper ni vill dela (Pages, Posts, Custom Post Types)
4. Ställ in prioriteringar (High/Medium/Low) per innehållstyp
5. När ni crawlar er webbplats kommer ChatReact automatiskt använda smart sitemap istället för vanlig länk-baserad upptäckt

Fördelar

• Snabbare crawling – Direkt URL-lista istället för länk-för-länk-upptäckt
• Medvetenhet om innehållstyper – Crawlaren vet om en URL är en Page, Post eller Custom Post Type
• Prioritetsbaserad indexering – Viktigt innehåll (som Pages) kan viktas högre än blogginlägg
• Selektiv delning – Dela endast de innehållstyper ni vill
• Per-inlägg-exkludering – Exkludera individuella inlägg/sidor från sitemap via meta-rutan

Prioritetsnivåer

Säkerhet

Smart sitemap-endpointen (/wp-json/chatreact/v1/sitemap) skyddas av Integration Key. Den är inte synlig för sökmotorer eller andra crawlers — endast ChatReact kan komma åt den med korrekt nyckel.

Exkludera individuella inlägg

I WordPress-editorn har varje inlägg/sida en meta-ruta ChatReact Widget med ett alternativ för att "Exclude from ChatReact Sitemap". Markerade inlägg kommer inte att visas i smart sitemap.

Krav

• WordPress 5.8 eller högre
• PHP 7.4 eller högre
• Ett ChatReact-konto (sign up free)

Changelog

1.2.0

• NEW: Bundled translations for all 24 official EU languages

1.1.3

• FIX: Single-category FAQ widgets no longer show an unnecessary "All" filter button and category badges

1.1.2

• NEW: Server-side rendering for FAQ widgets — FAQs are visible to search engines and LLMs without JavaScript
• NEW: JSON-LD structured data (FAQPage schema) for improved SEO and rich results
• NEW: llms.txt endpoint for AI crawler discoverability
• NEW: Automatic FAQ cache purge when content changes in the ChatReact dashboard

1.1.1

• FIX: Translation improvements (Romanian, Dutch)

1.1.0

• NEW: Smart Sitemap (CMS Integration) — structured content sharing with ChatReact crawler
• NEW: Integration tab in plugin settings
• NEW: Content type selection with priority levels
• NEW: Per-post exclusion from sitemap via meta box
• NEW: Protected REST API endpoint for smart sitemap
• FIX: Full compatibility with caching plugins (WP Rocket, LiteSpeed Cache, Autoptimize, WP Super Cache)
• FIX: Widget loading issues for logged-out visitors with caching plugins

1.0.24

• Widget Assignments — assign chatbots to pages directly from plugin settings
• Gutenberg blocks support
• Elementor integration
• 24 language translations
• Page-level widget assignment
• CHANGED: Widget settings are now managed centrally in the ChatReact dashboard — removed the position, primary_color, and auto_open shortcode attributes (language is still supported)

Nästa steg

• Widget Customization →
• FAQ Management →
• Form Configuration →