كيفية دمج WhatsApp API من واتس 360 في موقعك الإلكتروني لتحسين خدمة العملاء

في عالم الأعمال الحديث، أصبحت خدمة العملاء أحد العوامل الرئيسية التي تحدد نجاح أي شركة. مع تزايد اعتماد العملاء على تطبيقات المراسلة الفورية مثل واتساب، أصبح من الضروري للشركات أن تدمج هذه القنوات في أنظمتها لتحسين تجربة العملاء. في هذا المقال، سنتعرف على كيفية دمج WhatsApp API من واتس 360 في موقعك الإلكتروني لتحسين خدمة العملاء، مع تقديم أمثلة عملية باستخدام أكواد برمجية مختلفة.

ما هو WhatsApp API؟

WhatsApp API هي واجهة برمجة التطبيقات التي تسمح للمطورين بدمج إمكانيات واتساب في تطبيقاتهم ومواقعهم الإلكترونية. من خلال هذه الـ API، يمكنك إرسال رسائل نصية، رسائل وسائط متعددة، وحتى إدارة المحادثات مع العملاء بشكل تلقائي. واتس 360 هي إحدى المنصات التي توفر هذه الخدمة بسهولة وفعالية.

فوائد دمج WhatsApp API في موقعك الإلكتروني

• تحسين تجربة العملاء: توفير قناة اتصال مباشرة وسريعة مع العملاء.
• إرسال إشعارات تلقائية: مثل تأكيد الطلبات، تحديثات الشحن، والعروض الترويجية.
• دعم العملاء: توفير خدمة عملاء فورية عبر واتساب.
• زيادة التفاعل: إرسال رسائل مخصصة بناءً على سلوك العميل.

خطوات دمج WhatsApp API من واتس 360

1. التسجيل في واتس 360 والحصول على API Key

قم بإنشاء حساب على منصة واتس 360. بعد التسجيل، ستتلقى API Key (مفتاح API) والذي ستستخدمه للتواصل مع الخدمة.

2. تجهيز البيئة البرمجية

تأكد من أن لديك بيئة برمجية تدعم إرسال طلبات HTTP (مثل Node.js، Python، PHP، أو C#). قم بتثبيت المكتبات اللازمة مثل node-fetch لـ Node.js أو requests لـ Python.

3. إرسال رسائل نصية باستخدام WhatsApp API

مثال باستخدام Node.js:

const fetch = require('node-fetch');

async function sendMessage() {
    const url = 'https://toggaar.whats360.live/api/user/v2/send_message_url';
    const clientId = 'CLIENT_ID'; // استبدلها بمعرف العميل الخاص بك
    const mobile = '918888888888'; // رقم الهاتف المستهدف
    const text = 'مرحبًا، شكرًا لتواصلك معنا!'; // النص المراد إرساله
    const token = 'YOUR_API_KEYS'; // استبدلها بمفتاح API الخاص بك

    const queryParams = new URLSearchParams({
        client_id: clientId,
        mobile,
        text,
        token
    });

    const apiUrl = `${url}?${queryParams}`;

    try {
        const response = await fetch(apiUrl);
        const data = await response.json();
        console.log('Response:', data);
    } catch (error) {
        console.error('Error:', error);
    }
}

sendMessage();
    

مثال باستخدام Python:

import requests

def send_message():
    url = 'https://toggaar.whats360.live/api/user/v2/send_message_url';
    params = {
        'client_id': 'CLIENT_ID',  // استبدلها بمعرف العميل الخاص بك
        'mobile': '918888888888',  // رقم الهاتف المستهدف
        'text': 'مرحبًا، شكرًا لتواصلك معنا!',  // النص المراد إرساله
        'token': 'YOUR_API_KEYS'  // استبدلها بمفتاح API الخاص بك
    }

    try {
        response = requests.get(url, params=params);
        data = response.json();
        print('Response:', data);
    } catch requests.exceptions.RequestException as error:
        print('Error:', error)

send_message();
    

4. إرسال رسائل نموذجية (Template Messages)

الرسائل النموذجية هي رسائل مسبقة الموافقة من واتساب، تُستخدم عادةً لإرسال إشعارات مثل تأكيد الطلبات أو كلمات المرور المؤقتة.

مثال باستخدام PHP:

function sendTemplateMessage() {
    $url = 'https://toggaar.whats360.live/api/user/v2/send_templet';
    $clientId = 'CLIENT_ID'; // استبدلها بمعرف العميل الخاص بك
    $mobile = '919999999999'; // رقم الهاتف المستهدف
    $templateId = 1; // معرف النموذج الخاص بك
    $token = 'YOUR_API_KEYS'; // استبدلها بمفتاح API الخاص بك

    $body = [
        'client_id' => $clientId,
        'mobile' => $mobile,
        'templet_id' => $templateId
    ];

    $headers = [
        'Content-Type: application/json',
        'Authorization: Bearer ' . $token,
    ];

    $options = [
        'http' => [
            'header' => implode("\r\n", $headers),
            'method' => 'POST',
            'content' => json_encode($body),
        ],
    ];

    $context = stream_context_create($options);
    $response = file_get_contents($url, false, $context);

    if ($response === FALSE) {
        echo 'Error: Unable to send message.';
    } else {
        $data = json_decode($response, true);
        print_r($data);
    }
}

sendTemplateMessage();
    

5. دمج API في موقعك الإلكتروني

بعد التأكد من أن الـ API يعمل بشكل صحيح، يمكنك دمجها في موقعك الإلكتروني. على سبيل المثال، يمكنك إضافة نموذج اتصال يسمح للعملاء بإرسال استفساراتهم عبر واتساب.

مثال باستخدام HTML وJavaScript:

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>اتصل بنا عبر واتساب</title>
</head>
<body>
    <h1>اتصل بنا عبر واتساب</h1>
    <form id="whatsappForm">
        <label for="phone">رقم الهاتف:</label>
        <input type="text" id="phone" name="phone" required>
        <br>
        <label for="message">الرسالة:</label>
        <textarea id="message" name="message" required></textarea>
        <br>
        <button type="submit">إرسال</button>
    </form>

    <script>
        document.getElementById('whatsappForm').addEventListener('submit', async function(event) {
            event.preventDefault();

            const phone = document.getElementById('phone').value;
            const message = document.getElementById('message').value;

            const response = await fetch('/send-whatsapp', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({ phone, message })
            });

            const result = await response.json();
            alert(result.message);
        });
    </script>
</body>
</html>
    

نصائح لتحسين استخدام WhatsApp API

• تخصيص الرسائل: استخدم بيانات العميل لإرسال رسائل مخصصة.
• التحقق من الأخطاء: تأكد من معالجة الأخطاء بشكل صحيح لتجنب تعطل الخدمة.
• حماية API Key: لا تشارك مفتاح API الخاص بك مع أي شخص.

الخاتمة

دمج WhatsApp API من واتس 360 في موقعك الإلكتروني يمكن أن يكون خطوة كبيرة نحو تحسين خدمة العملاء وزيادة تفاعلهم مع علامتك التجارية. من خلال الاستفادة من الأمثلة البرمجية المقدمة في هذا المقال، يمكنك بسهولة بدء استخدام هذه الخدمة وتقديم تجربة مميزة لعملائك.

إذا كنت تبحث عن مزيد من التفاصيل أو تحتاج إلى مساعدة في التنفيذ، فلا تتردد في التواصل مع فريق الدعم الفني لـ واتس 360.