Loading
ستعلمك هذه المقالة كيفية إعداد نموذج مضمن أو نافذة منبثقة على مدونتك في systeme.io
الخطوة 1: إنشاء نموذج مضمن
أولاً، ستحتاج إلى إنشاء نموذج اتصال من مسار المبيعات الخاص بك.
للقيام بذلك، انتقل إلى مسار المبيعات الخاص بك، واضغط على إنشاء خطوة (1) لإنشاء خطوة جديدة، ثم اختر نموذج مضمن (2).
اختر النموذج الذي تريده بالضغط على تحديد (3).
انتقل إلى محرر صفحة النموذج بالضغط على تعديل الصفحة لتخصيص النموذج الخاص بك (4).
يجب أن يحتوي نموذج الاتصال على نموذج إدخال واحد على الأقل، ولكن يمكنك إضافة أي عدد تريده من حقول النموذج.
يرجى تحديد عنصر نموذج الإدخال، ثم اضغط على أيقونة الإعدادات لتكوين الحقل. اختر نوع الإدخال الذي ترغب في جمعه من القائمة المنسدلة.
سيكون عليك أيضًا تكوين إجراء الزر. حدد الزر واختر ما يحدث بعد إرسال النموذج.
لا تنسَ الضغط على حفظ التغييرات قبل مغادرة المحرر أو النموذج المضمن.
الخطوة 2: إنشاء نموذج منبثق
انتقل إلى مسار المبيعات الخاص بك، واضغط على إضافة خطوة (5) لإنشاء خطوة جديدة، ثم اختر نموذج نافذة منبثقة (6).
اختر النموذج الذي تريده بالضغط على تحديد (7).
انتقل إلى محرر صفحة النموذج بالضغط على تعديل الصفحة لتخصيص النموذج المنبثق (8).
يجب أن يحتوي نموذج الاتصال على نموذج إدخال واحد على الأقل، لذا يمكنك وضع أي عدد تريده من حقول النماذج.
يرجى تحديد عنصر نموذج الإدخال، ثم اضغط على أيقونة الإعدادات لتكوين الحقل. اختر نوع الإدخال الذي تريد جمعه من القائمة المنسدلة.
سيكون من الضروري أيضًا تعيين الزر الذي سيسجل الإجراء الذي سيتم القيام به مع العنصر الذي تم جمعه.
يمكنك تعيين تأخير لظهور النموذج المنبثق على صفحة مدونتك. يمكن تعديل هذا في المحرر (بالثواني).
لا تنسَ الضغط على حفظ التغييرات قبل مغادرة المحرر أو نموذج النافذة المنبثقة.
الخطوة 3: إعداد النموذج المضمن على مدونتك
لإضافة نموذج الاتصال إلى مدونتك، يجب عليك نسخ سكريبت النموذج ولصقه في صفحة مدونتك.
الخطوة الأولى هي العودة إلى إعداد الخطوة الخاصة بـ النموذج المضمن، ثم الضغط على البرنامج النصي.
سيتم عرض نافذة منبثقة تحتوي على رابط لصفحة النموذج المضمن. اضغط على نسخ الرابط إلى الحافظة.
بعد ذلك، يجب عليك الانتقال إلى محرر صفحة المدونة التي ترغب في إضافة النموذج المضمن عليها بالضغط على تعديل من القائمة أو بالنقر على اسم الصفحة مباشرة.
بعد ذلك، اسحب وأفلت عنصر HTML خام على صفحة المدونة الخاصة بك.
أخيرًا، ستحتاج إلى الانتقال إلى إعدادات عنصر HTML خام الخاص بك.
اضغط على تعديل التعليمات البرمجية والصق كود السكريبت الخاص بالرابط المسترجع من صفحة النموذج المضمن فيه.
تأكد من الضغط على حفظ لحفظ الكود، اضغط على حفظ التغييرات في المحرر واحفظها قبل الخروج من صفحة المدونة.
إذا قمنا بمعاينة صفحة المدونة بعد ذلك، سنلاحظ عرض النموذج كما هو موضح أدناه:
الخطوة 4: إعداد نموذج النافذة المنبثقة على مدونتك:
عند إعداد نموذج اتصال كنافذة منبثقة، هناك طريقتان لعرضها على صفحة مدونتك:
- تلقائيًا: تظهر النافذة المنبثقة بعد مرور فترة زمنية محددة.
- عند النقر: تظهر النافذة المنبثقة عندما ينقر المستخدم على رابط أو نص معين.
ملاحظة: بالنسبة للخيار الأول، الطريقة هي نفسها عند إضافة نموذج مضمن في المدونة، لذا سنشرح الطريقة الثانية بالتفصيل.
لعرض النموذج المنبثق بعد النقر على نص، يجب عليك أولاً العودة إلى إعداد الخطوة أو النموذج المنبثق الخاص بك، ثم اضغط على إنشاء رابط.
ستظهر نافذة منبثقة تسمح لك بالضغط على رابط يفتح النافذة المنبثقة من نص:
- يجب عليك اختيار محتوى النص الذي سيكون قابلاً للضغط.
- عليك الضغط على نسخ الرابط إلى الحافظة.
افتح المحرر لصفحة المدونة التي ترغب في إضافة الرابط عليها.
بعد ذلك، يجب إعداد عنصر HTML خام على صفحة المدونة الخاصة بك.
أخيرًا، ستحتاج إلى الانتقال إلى إعدادات عنصر HTML خام الخاص بك.
اضغط على تعديل التعليمات البرمجية والصق النص للرابط الذي يفتح صفحة النموذج المنبثق فيه، ثم اضغط على حفظ.
تأكد من الضغط على حفظ التغييرات في المحرر لحفظ الصفحة قبل الخروج من صفحة المدونة.
إذا قمنا بمعاينة صفحة المدونة بعد ذلك، سنلاحظ عرض نموذج النافذة المنبثقة عند الضغط على النص اضغط هنا لفتح النافذة كما هو موضح أدناه:
