إضافة نموذج HubSpot إلى موقع WordPress الخاص بك

نشرت: 2022-09-11

تتيح لك إضافة نموذج HubSpot إلى موقع WordPress الخاص بك جمع العملاء المتوقعين ومعلومات الاتصال من زوار موقعك على الويب. لإضافة نموذج HubSpot إلى WordPress ، ستحتاج إلى تثبيت وتفعيل المكون الإضافي HubSpot WordPress. بمجرد تنشيط المكون الإضافي ، يمكنك إنشاء نموذج جديد بالانتقال إلى HubSpot Forms في لوحة تحكم مسؤول WordPress. امنح النموذج عنوانًا واختر الحقول التي ترغب في تضمينها. بعد إنشاء النموذج الخاص بك ، يمكنك بعد ذلك إضافته إلى أي منشور أو صفحة على موقع WordPress الخاص بك باستخدام الرمز المختصر [hubspot form = ”FORM_ID”]. إذا كنت تبحث عن حل أكثر قوة ، فيمكنك أيضًا استخدام المكون الإضافي HubSpot All-In-One Marketing لإضافة نماذج HubSpot ، بالإضافة إلى ميزات أخرى مثل النوافذ المنبثقة والدردشة المباشرة والتسويق عبر البريد الإلكتروني.

سوف تتعلم كيفية عمل نماذج HubSpot ثم دمجها في موقع WPHubSite WordPress عبر هذه المقالة. سيتم إنشاء نموذج HubSpot أولاً وبعد ذلك سيتم دمجه بسهولة في أي صفحة Site Builder أو محرر WordPress. لاتباع خطواتك ، حدد علامة التبويب "متابعة". الخطوة 12 هي اختيار موضوع البريد الإلكتروني والمرسل وما تريد قوله فيه. الخطوة الثالثة عشر هي الذهاب إلى زر حفظ والنقر عليه. في الخطوة 14 ، تحقق من جميع المعلومات التي قدمتها. بعد النقر فوق الزر + ، ستتمكن من إضافة بريد إلكتروني جديد إلى بريد المتابعة الإلكتروني الخاص بك.

الخطوة الأخيرة هي تحديد من تريد أن يتلقى تنبيهًا إذا تم ملء هذا النموذج أو تركه فارغًا. إذا لم يكن لدى زوار هذا النموذج أي معلومات اتصال ، فسيتم إضافتهم إلى سجل جهة اتصال عن طريق تحديد هذا الخيار. يمكن العثور على علامة التبويب "النمط" ضمن علامة التبويب "معاينة". إذا كنت تستخدم Marketing Starter ، فيمكنك تخصيص النموذج الخاص بك عن طريق تحديد جميع خيارات النمط. يمكنك الحصول على رمز قصير لنموذج HubSpot بالنقر فوق الارتباط "استرداد الرمز المختصر للنموذج" في لوحة تحكم مشرف WPHubSite WordPress. يمكنك استخدام نفس الرمز لتضمين النموذج في صفحة Site Builder الخاصة بك. ليست هناك حاجة لتحديد رمز التضمين طالما أنه مضمن في وحدة HTML ، ولكن يمكن إدخال الرمز القصير في أي وحدة تقبل النص.

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

بالنقر فوق الزر "نشر" في الزاوية اليمنى العليا ، يمكنك إتاحة النموذج الخاص بك لصفحات HubSpot . يمكنك أيضًا مشاركة النموذج الخاص بك مع الآخرين على موقع ويب خارجي أو تحميله مباشرة إلى موقع الويب الخاص بك. بمجرد نشر النموذج ، لا يمكن التغاضي عنه.

يتكامل HubSpot مع معظم نماذج WordPress والنوافذ المنبثقة حتى لا تقلق بشأن أي شيء آخر.

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

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

كيف يمكنني دمج نماذج Hubspot مع WordPress؟

الائتمان: wpfusion.com

يجعل المكون الإضافي HubSpot All-In-One Marketing لـ WordPress من السهل إضافة نماذج إلى موقع الويب الخاص بك وتتبع عمليات إرسال النماذج في حساب HubSpot الخاص بك. لتثبيت المكون الإضافي ، قم بتسجيل الدخول إلى موقع WordPress الخاص بك وانتقل إلى علامة التبويب الملحقات. ابحث عن "HubSpot All-In-One Marketing" وانقر فوق تثبيت. بمجرد تثبيت المكون الإضافي ، انقر فوق تنشيط.

Formidable Forms هو مكون إضافي رائع لإنشاء نماذج WordPress. سيسمح لك HubSpot بتتبع العملاء المحتملين والعملاء الجدد بسهولة أثناء إدارة حسابك أيضًا. عند استخدام HubSpot ، يمكنك أتمتة المهام اليومية لموظفي المبيعات لديك من خلال وضع جميع مراسلات العملاء في مكان واحد. يمكنك استخدام هذين التطبيقين في نفس التطبيق باستخدام المكوّن الإضافي لنماذج HubSpot WordPress. يجب تكوين إعدادات HubSpot في الخطوة 2.

كيفية دمج نماذج Hubspot مع WordPress

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

كيف أقوم بتوصيل نموذج Hubspot بموقعي على الويب؟

الائتمان: wpfusion.com

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

باستخدام أداة النماذج ، يمكنك جمع معلومات حول زوار موقع الويب الخاص بك. يمكن مشاركة النماذج على موقع ويب خارجي غير مستضاف على HubSpot بطريقتين. يمكن تضمين رمز النموذج في صفحة موجودة أو إضافته إلى صفحة منفصلة. إذا كنت تستخدم WordPress ، فيجب أن تعرف كيفية إضافة نموذج إلى مشاركاتك أو صفحاتك. يمكنك إما تصميم نموذج HubSpot على صفحاتك الخارجية بطريقتين مختلفتين أو بطريقة واحدة محددة. يمكن تطبيق أشكال النسق على النموذج المضمن أو النموذج المستقل في محرر النموذج. يجب عليك استخدام CSS لتصميم النموذج الخاص بك في ورقة أنماط خارجية. إذا قمت بإلغاء تحديد مربع الاحتفاظ بالموضوع القديم ، فستتم إزالة تصميم HubSpot في هذا النموذج.

أين رمز التضمين في نموذج Hubspot؟

يمكن العثور على رمز تضمين نموذج HubSpot في قسم "التضمين" في منشئ النموذج.

يمكن تضمين نماذج HubSpot في Turtl بدلاً من نموذج التقاط العميل المتوقع الافتراضي . ستوضح لك هذه المقالة كيفية إكمال النموذج الخاص بك في مسألة معلومات بسيطة ، وكل ما تحتاجه هو بعض المعلومات. يجب عليك إنشاء نموذج HubSpot ثم تحميل كود التضمين. لإدخال رمز ، انتقل إلى قائمة الإجراءات واضغط عليها في الزاوية اليمنى العليا. قم بإنشاء مستند Turtl عن طريق نسخ ولصق التعليمة البرمجية التالية في حقل عنوان URL للنموذج: /forms/turtl.forms.embed.html؟hbsptPortalID=portalID & hbsptFormId = formID. سيكون النموذج الآن مرئيًا في كل من المستند وعلى الغلاف الخلفي ، حيث يمكنك الآن غمر النماذج وتغطيتها. إذا كنت تريد عرض نموذج مختلف على الغلاف الأمامي ، فأدخل عنوان URL مختلفًا في قسم عنوان URL لنموذج الغلاف الخلفي. قد ترغب في تضمين رسالة شكر (اختياري).

كيف يمكنني إنشاء نموذج تضمين في Hubspot؟

املأ حقول النموذج في حساب HubSpot الخاص بك بالانتقال إلى Marketing> Lead Capture> Forms. بمجرد إنشاء نموذج جديد أو التمرير فوق نموذج موجود ، انقر فوق القائمة المنسدلة الإجراءات ، ثم حدد تحرير النموذج من القائمة المنسدلة. يمكنك تضمينها من خلال النقر على الصورة في الزاوية اليمنى العليا.

نشر نموذج على Hubspot

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

ما هو نموذج التضمين؟

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

كيفية تضمين مقاطع فيديو يوتيوب

أحد الاستخدامات الأكثر شيوعًا لرموز التضمين هو تحميل مقاطع الفيديو من YouTube. الرمز مطلوب فقط إذا كنت تريد إضافة فيديو YouTube إلى مدونة أو موقع ويب أو صفحة وسائط اجتماعية. يبدأ تشغيل مشغل فيديو YouTube بمجرد أن ينقر المستخدم على رمز التضمين.
لتضمين فيديو YouTube في منشور مدونة ، يجب عليك أولاً إنشاء حساب YouTube. بعد إنشاء حساب YouTube ، ستتمكن من إنشاء حساب جديد أو حساب YouTube مختلف. يمكنك استخدام رمز التضمين الموجود على YouTube لإنشاء مقطع فيديو على YouTube في منشور المدونة الخاص بك.
لاستخدام مقطع فيديو YouTube في منشور على وسائل التواصل الاجتماعي ، يجب عليك أولاً إضافة مقطع فيديو YouTube إلى ملف تعريف الوسائط الاجتماعية الخاص بك. بعد تحميل الفيديو ، انسخ رمز التضمين والصقه في منشور الوسائط الاجتماعية الخاص بك.
لتضمين فيديو YouTube في نموذج ، يجب عليك أولاً إنشاء نموذج. بعد إنشاء النموذج ، يمكنك استخدام كود التضمين للصقه فيه.
يمكن استخدام مصادر أخرى لتضمين مقاطع الفيديو. قم بتضمين GIF و Twitter ومحتويات فيديو أخرى من YouTube و Vine و Flickr. يمكنك استخدام كود التضمين من مصدر آخر لجعل الفيديو يظهر عن طريق نسخه ولصقه في منشور أو نموذج على وسائل التواصل الاجتماعي.

كيفية إضافة نموذج Hubspot إلى Html

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

يمكن تصميم النماذج في صفحات HubSpot CMS باستخدام وحدة نموذج HubSpot أو علامة النموذج. إذا تم تنفيذ النموذج الخاص بك في وحدة نمطية مخصصة ، فيمكنك استخدام رمز تصميم النموذج الخاص بك في جزء CSS كجزء من الوحدة النمطية المخصصة. خيار آخر هو استخدام أوراق الأنماط الخاصة بك من موقع الويب الخاص بك عند تصميم النماذج الخاصة بك.

نماذج Hubspot

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

كيفية تضمين نموذج Hubspot

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

نماذج Hubspot سهلة الاستخدام

يمكنك بسهولة تضمين نماذج HubSpot على موقع الويب الخاص بك. يجب عليك نسخ الرمز القصير ولصقه في منشور أو صفحة WordPress الخاصة بك.