كيفية تضمين UpViral Widget بشكل صحيح (تعليمي خطوة بخطوة)

تتمثل إحدى الميزات الرئيسية لبرنامج UpViral التي تميزه عن برامج الهبات الأخرى عبر الإنترنت مثل Vyper و Viral Loops و Kingsumo و Gleam في اتساع الخيارات المتاحة القابلة للتضمين.

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

خيارات UpViral Embeddable

تقدم UpViral أربع طرق مختلفة لتضمين Upviral في موقعك.

1. اساسي
2. يظهر فجأة
3. البوب
4. نموذج HTML

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

تعد Popup و Popovers خيارات ممتازة إذا كنت قد أنشأت برنامج مكافآت دائم الخضرة وترغب في استخدام حركة مرور مدونتك للحفاظ على مسار قمع المسابقة.

يتم استخدام نموذج HTML للتكامل مع الصفحات المقصودة الحالية وأدوات التقاط العملاء المحتملين من خلال طريقة تكامل نموذج HTML.

الطريقة القياسية

يعد خيار التثبيت UpViral الأول والأكثر شيوعًا هو Standard. يدعم Now UpViral تخصيص المظهر الفريد للقطعة القياسية من المحرر الخاص بك. انظر لقطة الشاشة أدناه للرجوع اليها.

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

اقامة

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

بعد ذلك ، يجب عليك إعداد "أداة المشاركة". كما ترى هناك خياران.

1. تظهر أداة المشاركة على نفس الصفحة بدلاً من أداة الاشتراك (تحديث)
2. أعد التوجيه إلى عنوان URL التالي حيث سيتم تضمين أداة المشاركة

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

الخطوة الثالثة هي تحديد المكان الذي ستذهب إليه حركة الإحالة.

يقدم خيارين:

1. صفحة التقيد مستضافة بواسطة Upviral
2. موقع الويب حيث سيتم تضمين أداة الاشتراك

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

في الخطوة الرابعة وهي التثبيت ، سيتم توفير مقتطفين من التعليمات البرمجية.

ثَبَّتَ

أحد الأسباب الرئيسية لفشل أداة UpViral في التحميل على معظم المواقع هو عدم تحميل البرنامج النصي UpViral. لإصلاحها ، يجب عليك تحميل Upviral.js في رأس صفحة الويب الخاصة بك.

انسخ كود التضمين UpViral الرئيسي.

 <script language="javascript" src="https://snippet.upviral.com/upviral.js"></script>

أدخله بين علامة رأس موقعك. يمكنك إما استخدام Google Tag Manager لتثبيت البرنامج النصي أو استخدام البرنامج المساعد لمدير البرنامج النصي إذا كنت تستخدم WordPress.

الآن قم بلصق كود iframe HTML وكود البرنامج النصي الآخر حيث تريد عرض عنصر واجهة المستخدم القياسي UpViral.

يظهر فجأة

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

قم بإعداد النافذة المنبثقة

يتيح لك UpViral إعداد عنصر واجهة المستخدم المنبثقة بعدة طرق.

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

عنصر واجهة المستخدم وخيارات التحكم في حركة مرور الإحالة مماثلة للأداة القياسية حيث يمكنك توجيه مكان إظهار الأداة وإرسال حركة المرور.

تثبيت Pop-up

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

 <a href="#uvembed123584">click here to open popup</a>

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

البوب

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

قم بإعداد Popover

تتيح لك إعدادات UpViral Popover تخصيص مظهر عنصر واجهة المستخدم وكذلك كيفية ظهوره.

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

تثبيت

يمكن إدراج البرنامج النصي لعنصر واجهة المستخدم Popover أعلى علامة </body> مباشرةً لأننا نريد تحميل محتوى آخر قبل أن يتم تحميل عنصر واجهة المستخدم.

شكل HTML

يتيح لك رمز نموذج HTML دمج UpViral مع الأنظمة الأساسية الأخرى والأدوات عبر الإنترنت التي لا يتوفر لدى UpViral تكامل أصلي حاليًا.

إليك مثال أستخدم فيه تكامل نموذج HTML داخل منشئ النماذج التحويلية.

تعد ConvertBox أداة أخرى لالتقاط الرصاص تتيح لك توصيل الأدوات من خلال طريقة تكامل نموذج HTML.

يستخدم نموذج HTML الخاص بـ UpViral طريقة HTTPS POST. إذا كان منشئ النموذج أو منشئ الصفحة المقصودة لا يدعم UpViral ، فيمكنك استخدام كود HTML للنموذج للتكامل بسهولة.

لماذا لا يتم تحميل أداة UpViral المضمنة؟

هناك سببان رئيسيان:

1. لا يتم تحميل البرنامج النصي UpViral بشكل بارز
2. تتعارض البرامج النصية أو المكونات الإضافية الأخرى مع برنامج UpViral النصي

أفضل سيناريو هو إدخال البرنامج النصي UpViral.js داخل عنصر HTML <head> وتحميل عنصر واجهة مستخدم UpViral فوق الجزء المرئي من الصفحة قبل قيام العناصر الأخرى بذلك.

Embeddable UpViral أداة الإحالة

يمكنك الآن السماح للمشاركين في المسابقة بعرض أدوات الاشتراك في UpViral على مواقعهم والحصول على أرصدة إحالة كلما قام شخص ما بالتسجيل من خلال الأداة المثبتة على مواقعهم. اتصل بشمال من هنا لمزيد من التفاصيل.

هل لديك أي مشاكل؟

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

اقرأ أيضًا : تكامل Top UpViral لتعزيز نجاح حملتك