تضمين إدكومرس على مواقع ويب خارجية

دليل شامل لتضمين محتوى إدكومرس على المواقع الإلكترونية والصفحات المقصودة الخارجية، ويغطي ثلاث طرق. (1) تضمين نماذج العملاء المحتملين: انسخ إطار iframe لنموذج العملاء المحتملين من إدكومرس من الإعدادات > التجارة الإلكترونية > النماذج — إما لكل مكتب عبر قائمة النقاط الثلاث أو نموذج واحد لجميع المكاتب عبر زر القائمة العلوية "نسخ إطار iframe لنموذج العملاء المحتملين" — والصق HTML في أي موقع إلكتروني خارجي أو نظام إدارة محتوى مثل WordPress/Elementor أو Shopify أو Wix؛ يمكنك التخصيص من خلال تعديل عنوان URL الخاص بـ iframe لإضافة رمز لغة (EN، PT، ES، ES_MX، PT_BR، DE، IT، TR، FR، JA، KO) أو رمز HEX لتعيين لون زر الإرسال. يمكن تضمين نماذج العملاء المحتملين فقط خارجيًا — أما نماذج الحجز فهي مخصصة لإدكومرس فقط — وتتم مزامنة العملاء المحتملين المُرسلين مع Edvisor، وتعيينهم تلقائيًا إلى المستشار المناسب وفقًا لقواعد عملك، وإضافتهم إلى خط المبيعات والمرحلة الصحيحة. (2) تضمين أدوات البرامج: أنشئ أداة في إعدادات إدكومرس > الأدوات، وخصص مظهرها، والصق مقتطف التعليمات البرمجية الذي تم إنشاؤه في كتلة HTML، مع إرشادات خطوة بخطوة لـ WordPress (Elementor وVisual Composer) وWix وSquarespace، بالإضافة إلى حالات الاستخدام. (3) إضافة إدكومرس إلى WordPress: اربط موقع إدكومرس من قائمة التنقل في WordPress عبر المظهر > القوائم باستخدام رابط مخصص إلى عنوان URL الخاص بإدكومرس (الموجود ضمن الإعدادات > إدكومرس > تفاصيل إدكومرس)، ومن الأفضل ضبطه ليفتح في علامة تبويب جديدة.

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

تضمين نماذج إدكومرس

يوفر إدكومرس ميزة قوية تتيح لك إنشاء نماذج مختلفة للعملاء المحتملين والحجوزات وتخصيصها، مما يسهل جمع المعلومات المناسبة من عملائك المحتملين وحجوزاتك.

سنوضح لك هنا كيفية تضمين نماذج العملاء المحتملين في صفحات أخرى من موقعك الإلكتروني، مما يتيح جمع العملاء المحتملين ليس فقط من متجرك الإلكتروني، بل من أي صفحة ويب.

\ستتم بعد ذلك مزامنة هؤلاء العملاء المحتملين مع حساب Edvisor الخاص بك، وتعيينهم تلقائيًا إلى المستشارين المناسبين، وإضافتهم إلى خط المبيعات والمرحلة الملائمين.*

*إذا لم تكن قد أعددت نماذجك بعد، فارجع إلى هذه المقالة لمعرفة كيفية إعداد النماذج وتخصيصها داخل موقع إدكومرس الخاص بك.

**يرجى ملاحظة أنه يمكن تضمين نماذج العملاء المحتملين فقط في موقعك الإلكتروني. أما نماذج الحجز فهي مخصصة لإدكومرس فقط.

كيفية تضمين نماذج إدكومرس الخاصة بك في أي صفحة مقصودة أو موقع إلكتروني

• انتقل إلى: الإعدادات > التجارة الإلكترونية > النماذج.

بعد ذلك، انقر على أيقونة النقاط الثلاث بجوار كل مكتب، وحدد "نسخ إطار iframe لنموذج العملاء المحتملين" إذا كنت تريد تضمين نموذج تم إنشاؤه لمكتب محدد.

أو انقر فقط على زر "نسخ إطار iframe لنموذج العملاء المحتملين" من القائمة العلوية لتضمين نموذج موحد (لجميع مكاتبك).

ستحصل على تعليمات برمجية HTML لنسخها ولصقها في موقعك الإلكتروني.

إذا كنت تستخدم نظام إدارة محتوى مثل WordPress (مع منشئ مواقع مثل Elementor أو Visual Composer)، أو Shopify، أو Wix، فإنها توفر عادةً طريقة مباشرة لتضمين العناصر باستخدام مقتطفات من كود HTML.

يكون هذا عادةً عبارة عن أداة أو عنصر في صندوق الأدوات يمكنك سحبه وإفلاته ببساطة.

على سبيل المثال، إذا كنت تستخدم منشئ مواقع مثل Elementor، فيمكنك إضافته من خلال أداة HTML الخاصة به.

كيفية تخصيص لغة النموذج الخاص بك

إذا كنت تريد تحديد لغة نموذج العملاء المحتملين، فأضف رمز اللغة في نهاية عنوان URL داخل كود HTML:

مثال:

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

يمكنك هنا الاطلاع على رموز اللغات للغات المختلفة المتاحة:

• EN = الإنجليزية
• PT = البرتغالية
• ES = الإسبانية
• ES_MX = الإسبانية لأمريكا اللاتينية
• PT_BR = البرتغالية البرازيلية
• DE = الألمانية
• IT = الإيطالية
• TR = التركية
• FR = الفرنسية
• JA = اليابانية
• KO = الكورية

كيفية تخصيص لون زر النموذج الخاص بك

يمكنك أيضًا تخصيص لون زر «إرسال» في نماذج العملاء المحتملين المضمّنة ليتناسب مع علامتك التجارية. الأمر بسيط:

1. اعثر على رمز HEX الخاص بلون علامتك التجارية (مثال #4EB2F4).
2. أضف رمز HEX هذا إلى عنوان URL للنموذج الذي تريد تضمينه.

على سبيل المثال، إذا كنت تريد استخدام اللون الذي يحمل رمز HEX #4EB2F4، فسيبدو عنوان URL الخاص بك بهذا الشكل تقريبًا:

<iframe title="Lead Form"
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447"
    width="500"
    height="900"
    frameborder="0"
    allowfullscreen="true">
</iframe>

ما عليك سوى استبدال #4EB2F4 برمز HEX المخصص للونك لترى النتيجة الرائعة!

بمجرد أن يُكمل أحد الطلاب هذه النماذج، سيتم تعيين العميل المحتمل إلى المستشار المناسب استنادًا إلى قواعد العمل المحددة في إعدادات إدكومرس الخاصة بك. تتم أيضًا مزامنة هؤلاء العملاء المحتملين مع حساب Edvisor الخاص بك، وإضافتهم إلى المسار والمرحلة الصحيحين.

تضمين برامج إدكومرس

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

وهذا يعني أنك تحصل على أفضل ما في العالمين – وظائف موقعك الإلكتروني الحالي وميزات إدكومرس القوية.

يمكنك القيام بذلك من خلال إنشاء أداة وإدراجها. لنرَ كيفية القيام بذلك.

كيفية إنشاء أداة إدكومرس

1. الوصول إلى إعدادات إدكومرس: سجّل الدخول إلى حسابك في إدكومرس وانتقل إلى قسم "الإعدادات".
2. إنشاء أداة: من القائمة الموجودة على اليسار، اختر "الأدوات"، ثم "إنشاء أداة جديدة".
3. ملء تفاصيل الأداة: أكمل النموذج باسم أداتك، واللغة المفضلة، والعملة، وجنسية الطالب.
4. اختيار المحتوى: حدد البرامج أو مزودي التعليم الذين تريد عرضهم في أداتك. ما عليك سوى النقر على "البرامج" أو "المزودون" واختيار العناصر التي تريد عرضها من القائمة الموجودة على اليمين.
5. تخصيص المظهر: اضبط مظهر الأداة من خلال تعديل نمط الخط، ولون الخلفية، وظل المربع ليتناسب مع تصميم موقعك الإلكتروني. يمكنك أيضًا تعديل الحشو للحصول على ملاءمة أفضل من خلال النقر على الأيقونة المربعة داخل معاينة الأداة.
6. حفظ أداتك: بعد أن تشعر بالرضا عن الإعدادات، انقر على "حفظ".

بعد حفظ أداتك، ستحصل على مقتطف من التعليمات البرمجية.

تحتاج إلى إضافة هذا الرمز إلى موقعك الإلكتروني، تابع القراءة لمعرفة الطريقة.

كيفية إضافة أداة إدكومرس إلى موقعك

ما عليك سوى فتح الصفحة على موقعك الإلكتروني التي ترغب في وضع هذه الأداة فيها وإدراج مربع HTML يحتوي على الرمز.

اعتمادًا على نظام إدارة المحتوى (CMS) الخاص بموقعك الإلكتروني (مثل WordPress أو Wix)، قد تختلف طريقة إضافة هذا الرمز. عمومًا، تتيح لك جميع برامج تحرير المواقع سحب مربع HTML وإفلاته.

إليك بعض الأمثلة:

WordPress (مع Elementor):

• افتح الصفحة التي تريد تعديلها باستخدام Elementor.
• اسحب أداة "HTML" من اللوحة الموجودة على اليسار إلى المكان الذي تريد ظهور الأداة فيه على صفحتك.
• الصق مقتطف إدكومرس البرمجي في مربع كود HTML.
• انقر على "تحديث" لحفظ تغييراتك.

WordPress (مع Visual Composer):

• عدّل الصفحة التي تريد تضمين الأداة فيها.
• انقر على زر "+" لإضافة عنصر جديد.
• اختر "HTML خام" أو "HTML مخصص" من عناصر المحتوى.
• الصق مقتطف إدكومرس البرمجي في مربع النص.
• احفظ تغييراتك بالنقر على "تحديث" في الصفحة.

Wix:

• انتقل إلى الصفحة التي تريد تعديلها في محرر Wix.
• انقر على "إضافة" (+) على الجانب الأيسر من المحرر واختر "المزيد".
• اختر "HTML iframe" من القائمة المنسدلة.
• انقر على "إدخال الرمز"، ثم الصق مقتطف إدكومرس البرمجي في مربع إعدادات HTML.
• انقر على "تطبيق" للحفظ ورؤية الأداة على صفحتك.

Squarespace:

• انتقل إلى الصفحة التي تريد إضافة الأداة إليها.
• انقر على "+إضافة كتلة" واختر "رمز" من القائمة.
• الصق مقتطف إدكومرس البرمجي في كتلة الرمز وانقر على "تطبيق".

إذا لم تتمكن من العثور على وحدة HTML في المحرر، فحاول القيام بذلك من خلال تعديل رمز وحدة "النص المنسق".

حالات الاستخدام

باستخدام هذه الميزة، يمكنك تحويل موقعك الإلكتروني إلى منصة أكثر تفاعلاً وغنى بالمعلومات. يمكن أن يؤدي تضمين هذه الأدوات المصغّرة في موقعك إلى تحسين المحتوى، وتعزيز تفاعل المستخدمين، وزيادة التحويلات.

فيما يلي بعض الأمثلة على كيفية استخدام أدوات إدكومرس المصغّرة بشكل إبداعي عبر موقعك:

تحسينات منشورات المدونة:

إذا كنت تكتب منشورًا في مدونة حول الدراسة في موقع محدد، مثل سيدني، فقم بتضمين الأداة المصغّرة في نهاية المنشور. اعرض أفضل 3 برامج أو العروض الترويجية الخاصة بك في سيدني لتشجيع القراء على استكشاف هذه الخيارات. يمكن أن يؤدي ذلك إلى زيادة التحويلات بشكل كبير من خلال ربط المحتوى مباشرة بالبرامج ذات الصلة.

صفحات الفعاليات:

بالنسبة إلى صفحات الويب التي تروّج لمعارض التعليم أو الندوات عبر الإنترنت، قم بتضمين الأداة المصغّرة لعرض البرامج أو المؤسسات المشاركة في الفعالية. يمنح هذا الزوار لمحة عما يمكن توقعه، ويمكن أن يشجعهم على التسجيل أو إرسال المزيد من الاستفسارات.

الصفحات الخاصة بالمواقع:

إذا كان موقعك يحتوي على صفحات مخصصة لوجهات أو بلدان دراسية محددة، فقم بتضمين الأداة المصغّرة في هذه الصفحات لعرض البرامج المتاحة في تلك المواقع. إنها طريقة رائعة لتوفير خيارات ذات صلة للمستخدمين المهتمين بالفعل بهذه الوجهات.

صفحات الشكر بعد الاشتراك في النشرة الإخبارية:

بعد أن يشترك الزائر في نشرتك الإخبارية، سيتم توجيهه إلى صفحة شكر. يمكنك هنا تضمين الأداة المصغّرة للتفاعل معه فورًا من خلال عرض البرامج الشائعة أو المميزة.

أثناء الحملات الترويجية:

إذا كنت تدير حملات ترويجية لدورات أو وجهات معينة، فقم بدمج الأداة المصغّرة في الصفحات المقصودة لحملتك. خصّص الأداة المصغّرة لعرض البرامج المرتبطة بالحملة لتوفير تجربة مستخدم متكاملة.

إضافة إدكومرس إلى ووردبريس

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

الخطوة 1

ادخل إلى لوحة إدارة ووردبريس وانتقل إلى قسم "المظهر" وانقر على "القوائم".

الخطوة 2

في قسم "القوائم"، انتقل إلى "الروابط المخصصة" وأدخل عنوان URL لمنصة إدكومرس الخاصة بك، ونص الدعوة إلى الإجراء الذي ترغب في ظهوره في قائمة موقعك الإلكتروني.

ثم انقر على "إضافة إلى القائمة" لإضافة هذا العنصر الجديد إلى قائمتك الرئيسية.

للعثور على عنوان URL الخاص بإدكومرس، انتقل إلى قسم الإعدادات على منصتك، وانقر على "إدكومرس" ثم "تفاصيل إدكومرس".

نصيحة احترافية! لمنع الطلاب من مغادرة صفحتك، احرص على تخصيص قائمتك لفتح الرابط في علامة تبويب جديدة.