Quick Installation
Installing N8.Chat on Shopify is incredibly simple. The entire process takes less than 5 minutes, and the chat widget will automatically integrate with your theme.
- No theme code modifications required
- Works with all Shopify themes
- Automatic updates and maintenance
Installation Steps
Visit the Shopify App Store
Go to the N8.Chat listing on Shopify App Store or search for "N8.Chat" in your Shopify admin under Apps → Shopify App Store
Screenshot placeholder: N8.Chat in Shopify App Store
Click Install App
Click the green Install app button. Shopify will redirect you to the app installation page.
Screenshot placeholder: Install app button
Review and Approve Permissions
Shopify will show you the permissions N8.Chat needs. Review them and click Install app to continue.
Screenshot placeholder: Permissions approval screen
See the Permissions Explained section below for details on what each permission is used for.
Complete Installation
After approving permissions, you'll be redirected to the N8.Chat dashboard. The app is now installed and ready to configure!
Success! The chat widget code has been automatically added to your theme. No manual theme editing required.
Permissions Explained
N8.Chat requests the following permissions to provide intelligent, context-aware chat experiences for your customers.
Read Products
Allows the chatbot to access your product catalog to provide accurate product recommendations, answer questions about inventory, and share product details with customers.
Read Orders
Enables order tracking, shipping status updates, and order-related customer support. The chatbot can provide real-time order information when customers ask.
Read Customers
Allows personalized chat experiences based on customer history, previous purchases, and preferences. This helps the chatbot provide relevant recommendations.
Modify Theme
Required to automatically inject the chat widget code into your store's theme. This eliminates the need for manual code editing and ensures the widget works seamlessly.
Read Cart
Enables cart recovery, abandoned cart assistance, and checkout support. The chatbot can help customers complete their purchases and answer cart-related questions.
Privacy & Security
N8.Chat is GDPR compliant and never stores sensitive customer data. All permissions are used solely to enhance the chat experience. You can revoke app access at any time from your Shopify admin.
Theme Integration
N8.Chat automatically integrates with your Shopify theme during installation. No manual coding required!
Automatic Integration
When you install N8.Chat, the app automatically:
- Injects the chat widget script into your theme's
theme.liquidfile - Creates a backup of your theme before making any changes
- Ensures compatibility with all Shopify themes (Dawn, Debut, Brooklyn, etc.)
- Respects theme updates and won't break when you update your theme
Switching Themes?
If you change your Shopify theme after installing N8.Chat, the widget will automatically be added to your new theme. No reinstallation needed!
Store Configuration
Customize N8.Chat to match your store's branding and connect it to your n8n workflow.
Access N8.Chat Settings
From your Shopify admin, go to Apps → N8.Chat to open the configuration dashboard.
Choose Your Template
Select from 20+ beautiful chat templates designed for e-commerce. Each template is fully customizable.
Screenshot placeholder: Template gallery
Customize Colors & Position
Match the chat widget to your store's branding by adjusting colors, position, and other visual settings. See changes in real-time with the live preview.
Connect to n8n
Paste your n8n webhook URL to enable AI-powered conversations:
https://your-n8n-instance.com/webhook/chat-webhook-idNew to n8n? Check out our n8n Configuration Guide to set up your first workflow.
Enable Shopify Integration Features
Configure advanced features like:
- •Product recommendations based on browsing history
- •Abandoned cart recovery messages
- •Order tracking and shipping updates
- •Personalized greetings for returning customers
Testing the Widget
Before going live, test your chat widget to ensure everything works perfectly.
Testing Steps
- 1.Preview Mode: Use the built-in preview in the N8.Chat dashboard to test the widget without affecting your live store.
- 2.Visit Your Store: Open your store in an incognito/private browser window to see the widget as customers will.
- 3.Test Interactions: Send test messages to verify the n8n webhook is working and responses are correct.
- 4.Check Mobile: Test the widget on mobile devices to ensure it's responsive and user-friendly.
- 5.Verify Integrations: Test product search, order tracking, and other Shopify integrations.
Testing Checklist
- Widget appears correctly on all pages
- Messages are sent to n8n and responses are received
- Widget matches your store's branding
- Widget is mobile-responsive
- Product recommendations work correctly
- Order tracking provides accurate information
Troubleshooting
Widget not appearing on storefront
- •Clear your browser cache and reload the page
- •Check that the widget is enabled in N8.Chat settings
- •Verify the app has "Modify theme" permission
- •Test in incognito mode to rule out browser extensions
Messages not reaching n8n
- •Verify your webhook URL is correct and active
- •Check n8n workflow execution logs for errors
- •Ensure your n8n instance is publicly accessible
- •Test the webhook URL directly with a tool like Postman
Product data not showing in chat
- •Confirm "Read products" permission is granted
- •Verify products are published and active in your store
- •Check your n8n workflow includes product data handling
Need More Help?
Visit our FAQ page or contact our support team. We're here to help you succeed!
Next Steps
Now that N8.Chat is installed on your Shopify store, configure your n8n workflow to create intelligent, personalized customer conversations.
Configure n8n Workflow