ميلشمب

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

كيف تعمل أداة نموذج Elementor Mailchimp #

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

قبل أن تبدأ #

• ووردبريس مع العنصر مثبتة ونشطة.
• الإضافات الرئيسية للعنصر مثبت ونشط. إذا لم تكن قد قمت بتثبيته بعد، فاتبع دليل التثبيت.
• تم تمكين عنصر واجهة المستخدم Mailchimp في لوحة خيارات Master Addons.
• حساب Mailchimp ومفتاح API. تعرض الأداة تحذيرًا حتى يتم حفظ المفتاح في إعدادات Master Addons.

أضف الأداة إلى صفحتك #

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

استخدم نموذج الاشتراك الافتراضي في Mailchimp #

في علامة التبويب المحتوى، اترك نوع النموذج على الافتراضيات. ال نموذج تسجيل MailChimp يسرد Dropdown النماذج المحفوظة بالفعل في حساب Mailchimp الخاص بك، مثل “opt in.” اختر النموذج الذي تريده. تقوم الأداة بسحب بنية الحقل من Mailchimp وتعرضه مباشرة على اللوحة القماشية.

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

قم ببناء نموذج Mailchimp مخصص #

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

يستخدم الترميز التجريبي في الفيديو بنية بسيطة يمكنك تكييفها

<p>
  <label for="email">Email address:</label>
  <input type="email" id="email" name="EMAIL" placeholder="Your email address">
</p>

<p>
  <label>
    <input type="checkbox" name="AGREE_TO_TERMS" value="1" required>
    I have read and agree to the terms & conditions
  </label>
</p>

<p>
  <input type="submit" value="Sign up">
</p>

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

الشيء الوحيد الذي يعرقل الأشخاص باستخدام العلامات المخصصة: هو name يجب أن تتطابق السمات مع علامات دمج جمهور Mailchimp. يجب استخدام حقل البريد الإلكتروني على وجه الخصوص name="EMAIL"أو لن يتعرف Mailchimp على عنوان المشترك ويفشل الاشتراك بصمت.

قم بتكوين مفتاح Mailchimp API الخاص بك #

تستمر الأداة في إظهار هذا التحذير حتى يتم حفظ مفتاح API. في مسؤول WordPress، مفتوح الإضافات الرئيسية وابحث عن منطقة إعدادات Mailchimp. الصق مفتاحك واحفظه ثم عد إلى محرر Elementor. يختفي التحذير ويصبح النموذج جاهزًا لاستقبال المشتركين.

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

نمط النموذج #

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

النتيجة على الصفحة المباشرة #

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

حالات الاستخدام الشائعة #

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

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

فيديو تعليمي #

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

الأسئلة المتداولة #

إلتحاق بالركب #

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