Quick Start Guide

Getting Started with N8.Chat

Get your AI-powered chat widget up and running in just 5 minutes. Follow this step-by-step guide to install, configure, and customize N8.Chat.

Prerequisites

  • A WordPress site (5.0+) or Shopify store
  • Admin access to your site/store
  • An n8n account (free or paid)
1

Create an n8n Account

First, you'll need an n8n account to create workflows for your chat widget.

If you don't already have an n8n account, sign up for a free account at n8n.io

Tip: n8n offers both cloud and self-hosted options. For most users, the cloud version is the easiest way to get started.

2

Install N8.Chat Plugin

Install the N8.Chat plugin on your WordPress site or Shopify store.

WPWordPress Installation

  1. 1.Go to Plugins β†’ Add New
  2. 2.Search for "N8.Chat"
  3. 3.Click "Install Now" and then "Activate"

SShopify Installation

  1. 1.Visit the Shopify App Store
  2. 2.Click "Add App"
  3. 3.Follow the authorization prompts
3

Configure Webhook

Connect your n8n workflow to N8.Chat using a webhook URL.

In your n8n workspace, create a new workflow with a Webhook trigger node. Copy the webhook URL and paste it into the N8.Chat settings.

https://your-n8n-instance.app.n8n.cloud/webhook/chat-endpoint

Add Webhook Node

In n8n, add a Webhook trigger to your workflow

Copy Webhook URL

Copy the production webhook URL from n8n

Paste in N8.Chat Settings

Go to N8.Chat settings and paste the webhook URL

4

Customize Appearance

Make the chat widget match your brand with colors, position, and templates.

N8.Chat comes with 20+ pre-built templates. Choose one that matches your brand or customize every detail:

Brand Colors

Customize primary and accent colors

Widget Position

Bottom-right, bottom-left, or custom

Welcome Message

Customize greeting and avatar

Templates

Choose from 20+ pre-built designs

5

Go Live

Enable the chat widget and start engaging with your customers.

Once you've configured everything, simply toggle the "Enable Chat Widget" switch in the N8.Chat settings. Your chat widget will now appear on your site!

You're All Set!

Your chat widget is now live and ready to engage with customers. Test it out by opening your site in a new incognito window.