Készítsen magának egy egyszerű CRM-et a semmiből a PHP és a MySQL-ben

Az ügyfélkapcsolat-kezelés (CRM) egy olyan rendszer, amely különböző csatornákon keresztül kezeli az ügyfél interakcióit és az adatokat az ügyfél életciklusa alatt. Ebben az oktatóanyagban egy egyedi CRM-et fogunk építeni a PHP-ben, amelyet egy értékesítési csapat használhat az ügyfelek nyomon követésére a teljes értékesítési ciklus alatt.

Létrehozunk egy egyszerű CRM rendszert az értékesítők számára, hogy:

  • Hozzáférés a feladataikhoz
  • Tekintse meg a vezetőiket
  • Hozzon létre új feladatokat minden egyes leadhez
  • Hozzon létre új lehetőséget
  • Bezár egy akciót

Az értékesítési vezetők:

  • Kezelje az összes ügyfelet
  • Az értékesítési csapat kezelése
  • Tekintse meg az aktuális értékesítési tevékenységeket

Töltse le a Demo Files fájlt

A CRM építőelemei

Az alábbiakban felsoroljuk a CRM alapvető elemeit:

  • Vezetékek : kezdeti kapcsolatok
  • Számlák : Információ azokról a vállalatokról, amelyekkel üzleti kapcsolatban áll
  • Kapcsolattartó : Információ azokról az emberekről, akiket ismer. Általában egy fióknak sok kapcsolata van
  • Lehetőségek : Minősített vezetők
  • Tevékenységek : Feladatok, megbeszélések, telefonhívások, e-mailek és minden egyéb tevékenység, amely lehetővé teszi az ügyfelekkel való interakciót
  • Értékesítés : Az értékesítési csapat
  • Irányítópult : A CRM irányítópultjai sokkal többek, mint pusztán a szem édességei. Röviden át kell adniuk a legfontosabb információkat, és további részletekhez linkeket kell tartalmazniuk.
  • Bejelentkezés : Az értékesítőknek és a vezetőknek különböző szerepük van a rendszerben. A vezetők hozzáférhetnek a jelentésekhez és az értékesítési folyamat információihoz.

rendszerkövetelmények

  • PHP 5.3+,
  • MySQL vagy MariaDB
  • phpGrid

Hozzon létre CRM-adatbázist

Kezdjük egyedi CRM adatbázisunk létrehozásával. A fő táblák, amelyeket használni fogunk:

  • kapcsolatfelvétel - tartalmazza az alapvető ügyféladatokat
  • jegyzetek - információgyűjtést tart a Contacttól az értékesítők részéről.
  • felhasználók - információk az értékesítőkről

A Kapcsolattartó táblázat tartalmazza az alapvető vásárlói információkat, beleértve a neveket, a cégcímeket, a projekt adatait és így tovább.

A Notes táblázat minden értékesítési tevékenységgel kapcsolatos információt tárol, például értekezleteket és telefonhívásokat.

A Felhasználók táblázat tartalmazza a rendszer felhasználói bejelentkezési adatait, például a felhasználóneveket és a jelszavakat. A felhasználóknak lehetnek szerepeik is, például Értékesítés vagy Menedzser.

Az összes többi tábla keresőtábla, amely csatlakozik a három fő relációs adatbázis-táblához.

  • contact_status - a kapcsolattartó állapotát tartalmazza, például Lead és Opportunity. Mindegyik egy tipikus értékesítési ciklus különböző szakaszát jelzi
  • task_status - a feladat állapota lehet függőben vagy befejezve
  • user_status - az eladó személy lehet aktív vagy inaktív
  • todo_type - a feladat típusa, akár Feladat, akár Találkozó
  • todo_desc - egy olyan feladat leírása, mint például e-mail, telefonhívás és konferencia stb.
  • szerepek - a felhasználó lehet értékesítési képviselő vagy menedzser

Teljes adatbázis-séma diagram

Az adatbázis-séma az a struktúra, amely a logikai nézetet, például táblákat, nézeteket, vagy a teljes adatbázis elsődleges és idegen kulcsát ábrázolja. Az adatbázis-séma tartalmazza az entitásokat és a közöttük lévő kapcsolatot.

Jó gyakorlat, ha egy relációs adatbázis minden táblájához egy elsődleges kulcs tartozik. Az elsődleges kulcs minden rekord egyedi azonosítója. Ez lehet a társadalombiztosítási szám (SSN), a jármű azonosító száma (VIN) vagy az automatikus növekmény száma. Ez egy egyedi szám, amely akkor jön létre, amikor egy új rekordot beillesztenek egy táblába.

Az alábbiakban bemutatjuk az egyszerű CRM adatbázis diagramját. Az egyes táblákban szereplő kulcs szimbólum a táblázat elsődleges kulcsát jelöli. A nagyító azt jelzi, hogy egy idegen kulcs összekapcsolja az adatbázis másik tábláját. Néha „keresési” táblának hívjuk.

install.sql

Miután megértette az adatbázis tábla felépítését, keresse meg a dbmappában található „install.sql” parancsfájlt, és használjon MySQL eszközt, például MySQL Workbench vagy Sequel Pro az SQL parancsfájl futtatásához. Létre kell hoznia egy új relációs adatbázist custom_crmés annak adatbázis tábláit.

Mellékjegyzet a ZenBase-ről

The CRM application is also one of the many application templates readily available at ZenBase (built on the top of phpGrid) for anyone — with or without coding skills — to use and customize for their own needs.

A phpGrid beállítása

Our CRM contains many datagrids. The datagrid is a spreadsheet-like data table that displays rows and columns representing records and fields from the database table. The datagrid gives the end-user ability to read and write to database tables on a webpage. We can use a datagrid tool from phpGrid. We use a tool instead of building them from scratch because developing the datagrid is usually tedious and error-prone. The datagrid library will handle all internal database CRUD (Create, Remove, Update, and Delete) operations for us with better and faster results with little code. To install phpGrid, follow these steps:

  1. Unzip the phpGrid download file.
  2. Upload the phpGrid folder to the phpGrid folder.
  3. Complete the installation by configuring the conf.php file.

Before we begin coding, we must specify the database information in conf.php, the phpGrid configuration file. Here is an example of database connection settings:

  • PHPGRID_DB_HOSTNAME — web server IP or host name
  • PHPGRID_DB_USERNAME — database user name
  • PHPGRID_DB_PASSWORD — database password
  • PHPGRID_DB_NAME — database name of our CRM
  • PHPGRID_DB_TYPE — type of database
  • PHPGRID_DB_CHARSET — always ‘utf8’ in MySQL

To learn more about configuring phpGrid, check out phpGrid complete installation guide.

Page Template

Before we can start building our first page of the CRM, it is a good practice to make the reusable page items such as header and footer.

The page will comprise of a header, menu, body and footer. We will start by creating a reusable page template.

head.php

This is a basic HTML5 template header. It includes a link to a custom stylesheet that will be created in a later step.

menu.php

Notice the usage of $_GET['currentPage']. Each page will set a value which will highlight the name of the current page on the top menu bar.

Include the following code in style.css for menu styling (minified). It will transform the above, unordered list into a menu.

footer.php

Simple closing body and html tags.

Complete Page Template

This is the complete page template. The main content will go after Section Title.

CRM Main Pages

Are you still with me? Good! We can now finally develop the first page in our CRM.

Our CRM for the sales team members has four pages:

  • Tasks
  • Leads
  • Opportunities
  • Customers/Won

Each page indicates a different stage in a typical sales cycle.

Sale People Page Design Mockup

Here’s our CRM design mockup for the sales people.

Tasks Page

When a sales team member logged in, the first page he sees is a list of current tasks.

As you may recall, our Notes table holds all the sales activity information. We can create a datagrid and populate it from the Notes table using phpGrid.

The Tasks page main content is a datagrid. The following two lines will give us a list of tasks of the current sales person.

  • The first line creates a phpGrid object by passing the SELECT SQL statement, its primary key — ID, and then the name of the database table - notes.
  • The second and the final line calls display() function to render the datagrid on the screen. Check out the basic datagrid demo for more detail.

Leads Page

The leads page contains list of current leads that the sales person is responsible for. Each Lead can have one or many Notes. We will use the phpGrid master-detail feature for that.

We also need to use set_query_filter() to display only the leads, Status = 1, and only for the current sales person.

Contact status table

Opportunities Page

A Lead becomes an Opportunity once it is qualified. The Opportunities page is similar to the Leads page. The only difference is the filtered status code in set_query_filter is Status = 2.

Customers/Won Page

Customers/Won has the Status = 3. Similar to Leads and Opportunities, Customers/Won can also have Notes.

That’s all there is to it for sales people in our simple CRM.

Manager Dashboard

The sales manager will have access to all records in the sales pipeline as well as the ability to manage sales team and customer data.

We will have a single web page with tabbed menu similar to the phpGrid tabbed grid demo.

Manager Dashboard Design Mockup

My Sales Reps

Main content

Each tab represents a table in the CRM database. $_GET['gn'] will store the table name. It dynamically generates the datagrid based on table name passed.

It’s very easy to integrate jQueryUI Tabs with phpGrid. Please refer to the phpGrid Tabbed Grid demo for more information.

My Sales Rep Page

Since a sales manager needs to quickly find out whom a sale person is working with, we added a detail grid $sdg populated from contact table and link with the master grid.

sales_rep is the connecting key in contact table to the id that is the foreign key in users table. Remember the users stores all of our sales people information.

Screenshots

CRM — Sales Screen

CRM — Manager Screen

Live Demo

CRM Sales Rep Screen | CRM Managers screen

Need to Write Even Less Code?

If you are new to programming and are not yet comfortable with coding, you may want to check out ZenBase that is built on the top of the phpGrid. The CRM is but one of the many application templates readily available at ZenBase for anyone — with or without coding skills — to use and customize for their own needs.

Complete Source Code on GitHub

phpcontrols/phpgrid-custom-crm

phpgrid-custom-crm - Custom CRM Demo - Learn to build yourself a custom CRM in PHP and MySQL, which a sales team can…github.com

Thanks for reading. If you enjoyed this article, please hit that clap button ? to help others find it and follow me on Twitter.