كود سحري لتحويل طلبات متجرك مباشرة إلى واتساب (مجاناً) - ضاعف مبيعاتك الآن

3adilxp

اخر تحديث :

ضاعف مبيعاتك: كود تحويل الطلبات إلى واتساب تلقائياً

هل تعاني من كثرة الخطوات التي يمر بها العميل لإتمام الطلب في متجرك؟ في عالم التجارة الإلكترونية، وخاصة نظام الدفع عند الاستلام (COD)، السرعة هي كل شيء. كلما قللت الخطوات، زادت المبيعات.

اليوم أشارككم سكربت (Script) مجاني وسحري، يقوم بربط صفحة المنتج في متجرك بتطبيق واتساب مباشرة. بمجرد أن يضغط العميل على زر الشراء، يتم سحب بياناته واسم المنتج وإرسالها لك في رسالة منسقة وجاهزة.

✨ مميزات هذا السكربت:

سحب اسم المنتج والسعر تلقائياً.
نقل بيانات العميل (الاسم، الهاتف، المدينة) للرسالة.
تنسيق الرسالة بشكل احترافي ومرتب.
يعمل على الهواتف والكمبيوتر (WhatsApp Web).
مجاني تماماً ولا يحتاج لاشتراكات شهرية.

📥 الكود البرمجي

قم بنسخ هذا الكود كما هو، وسأشرح لك كيفية التعديل عليه بالأسفل:

<script>

document.addEventListener('DOMContentLoaded', function() {

    // 1. ضع رقم هاتفك هنا (بدون + أو أصفار دولية)

    const MY_PHONE = "212600000000"; 

    const submitBtn = document.querySelector('.button.single-submit');

    if (submitBtn) {

        submitBtn.addEventListener('click', function() {

            const pName = document.querySelector('.product-name')?.innerText.trim() || document.title;

            const pPrice = document.querySelector('.product-price')?.innerText.trim() || "";

            const fName = document.querySelector('input[name="first_name"]')?.value || "";

            const phone = document.querySelector('input[name="phone"]')?.value || "";

            const city  = document.querySelector('input[name="city"]')?.value || "";

            let msg = `*طلب جديد من المتجر* 🛒\n\n`;

            msg += `*📦 المنتج:* ${pName}\n`;

            if(pPrice) msg += `*💰 السعر:* ${pPrice}\n`;

            msg += `--------------------------\n`;

            msg += `*👤 بيانات المشتري:*\n`;

            msg += `*الاسم:* ${fName}\n`;

            msg += `*الهاتف:* ${phone}\n`;

            msg += `*المدينة:* ${city}\n`;

            msg += `--------------------------\n`;

            msg += `*🔗 الرابط:* ${window.location.href}`;

            const waUrl = `https://wa.me/${MY_PHONE}?text=${encodeURIComponent(msg)}`;

            window.open(waUrl, '_blank');

        });

    }

});

</script>

⚙️ كيفية تعديل الكود ليعمل بنجاح

لكي يعمل الكود، يجب عليك تغيير بعض البيانات البسيطة لتناسب متجرك:

1. رقم الهاتف (MY_PHONE):
في السطر رقم 4، ستجد الرقم 212600000000. استبدله برقمك بصيغته الدولية ولكن بدون علامة +.

2. مطابقة العناصر (Selectors):
يعتمد الكود على أسماء الكلاسات (Classes) للعثور على البيانات في صفحتك. تأكد أن العناصر في قالبك تحمل نفس الأسماء التالية، أو قم بتغييرها في الكود:

العنصر	الكلاس/الاسم في الكود
زر الإرسال (Submit Button)	.button.single-submit
اسم المنتج	.product-name
حقل الاسم	input[name="first_name"]

🚀 أين أضع هذا الكود؟

يمكنك وضع الكود في المكان المخصص لـ "Footer Scripts" في إعدادات القالب الخاص بك، أو قبل وسم الإغلاق </body> في محرر HTML الخاص بالقالب.

هل واجهت مشكلة في التركيب؟ اترك تعليقاً بالأسفل وسأقوم بمساعدتك!

تعديل المقال

مقالات قد تهمك

تعليقات

إرسال تعليق

أقسام الوصول السريع ( مربع البحث )