Docs
Quick Start Guide

Quick Start Guide

Get up and running with Chat4.shop in 5 minutes. No coding experience required!

Welcome to Chat4.shop! This guide will have you up and running in just 5 minutes. Let's go! 🚀

What You'll Need

  • A website (WordPress, Shopify, custom HTML - anything works!)
  • 5 minutes of your time
  • A cup of coffee ☕ (optional, but recommended)

Step 1: Create Your Account

Head over to Chat4.shop and click "Start Free Trial" or "Sign Up".

No credit card required for the free plan. Start building immediately!

Fill in your details:

  • Email address
  • Password
  • Your name

Step 2: Create Your First Project

After logging in, you'll see the dashboard. Click "Create New Project".

A Project is like a container for one website. If you have multiple websites, create multiple projects.

Enter:

  • Project Name - Something memorable like "My Awesome Shop"
  • Website URL (optional) - Your website domain for reference

Click Create Project.

Nice! You've just created your first project. Time to add some magic! ✨

Step 3: Choose Your Feature

Now the fun part! Click on what you want to create:

📝 Form Builder

Collect emails, feedback, or data

View

✨ Modal Designer

Create beautiful popups

View

🤖 AI Chatbot

Answer questions 24/7

View

For this quick start, let's create a simple contact form:

  1. Click Forms in the sidebar
  2. Click Create New Form
  3. Give it a name: "Contact Form"
  4. Use the drag-and-drop builder to add fields:
    • Name (text field)
    • Email (email field)
    • Message (textarea)
  5. Click Save

Step 4: Add to Your Website

This is the easiest part! Chat4.shop gives you a simple script tag.

  1. In your form (or chatbot/modal), click the Embed or Integration tab
  2. Copy the script code - it looks like this:
<script src="https://chat4.shop/embed.js" data-form-id="your-unique-id"></script>
  1. Paste this code into your website's HTML, just before the closing </body> tag

Where to paste?

  • WordPress: Use a "Custom HTML" widget or header/footer plugin
  • Shopify: Theme Settings → Custom Code
  • Custom site: Your HTML template file

See detailed integration guides →

Step 5: Test It Out!

Visit your website and voilà! Your form is live! 🎉

Try submitting a test entry. You'll see submissions appear in your Chat4.shop dashboard under Forms → [Your Form] → Submissions.

What's Next?

You're all set up! Now explore what else you can do:

Level Up Your Forms

Try Modal Popups

Add an AI Chatbot

Manage Your Team

Need Help?

Can't add the script?

Check our integration guides for your platform

View

Managing multiple sites?

Learn about organizing projects

View

Stuck somewhere? Don't worry! Email us at support@chat4.shop and we'll help you out. Usually within a few hours! 💪

Now go make your website awesome! 🚀


Quick Start Guide – Chat4Shop