كيفية ربط نماذج Elementor بأوراق Google (بدون Zapier)

نشرت: 2023-09-15

هل تريد ربط Elementor Forms بجداول بيانات Google؟

بينما يمكن لـ Elementor تخزين إدخالات النموذج الخاصة بك داخل لوحة تحكم WordPress، هناك أوقات قد ترغب فيها في الاحتفاظ بنسخة من إدخالات النموذج والعملاء المتوقعين في ورقة Google.

لسوء الحظ، لا تقدم Elementor Forms حلاً سريعًا لربطها بجداول بيانات Google. سيتعين عليك استخدام تطبيقات التكامل التابعة لجهات خارجية مثل Zapier لإعداد هذه الأتمتة.

والخبر السار هو أن هناك طريقة بديلة أسرع وأرخص وأسهل في الإعداد.

سنوضح لك في هذه المقالة كيفية ربط Elementor Forms بجداول بيانات Google بدون Zapier.

ما هي أفضل طريقة لربط نماذج Elementor بأوراق Google؟

الطريقة الافتراضية لربط Elementor Forms بجداول بيانات Google هي استخدام خطافات الويب لإنشاء عملية أتمتة باستخدام Zapier.

لا ننصح بهذه الطريقة للمبتدئين للأسباب التالية:

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

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

يمكنك تجنب خطافات الويب وZapier تمامًا باستخدام حل بديل لإرسال إدخالات نموذج WordPress إلى جدول البيانات تلقائيًا.

الجواب هو استخدام WPForms Pro.

WPForms homepage

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

علاوة على ذلك، يحتوي Elementor على أداة WPForms، لذا لا يزال بإمكانك استخدام Elementor لإنشاء صفحاتك وتضمين أي نموذج WPForms داخل صفحتك.

وإذا كنت ترغب في معرفة المزيد حول الاختلافات بين أدوات إنشاء النماذج هذه، فراجع دليلنا حول Elementor Forms vs WPForms.

الآن بعد أن عرفنا فوائد استخدام WPForms Pro لتبسيط إرسال الإدخالات إلى جداول بيانات Google، فلنستعرض الخطوات اللازمة لإكمال هذا التكامل.

احصل على WPForms Pro

كيفية ربط نماذج Elementor بأوراق Google

في هذه المقالة

  • 1. قم بتثبيت WPForms Pro
  • 2. قم بتثبيت ملحق جداول بيانات Google
  • 3. دمج WPForms مع حساب Google
  • 4. قم بإنشاء نموذج ووردبريس جديد
  • 5. قم بتوصيل النموذج الخاص بك بجدول بيانات محدد
  • 6. تضمين النموذج باستخدام Elementor
  • الأسئلة الشائعة

1. قم بتثبيت WPForms Pro

حصلت WPForms على أكثر من 12 تقييمًا بـ 5 نجوم على WordPress.org، مما يجعلها واحدة من المكونات الإضافية لنماذج الاتصال الأعلى تقييمًا.

لتثبيت WPForms Pro على موقعك، ستحتاج أولاً إلى شراء ترخيص Pro.

WPForms Pricing Page 2023

عند الانتهاء من عملية الشراء، يمكنك المضي قدمًا وتثبيت WPForms على موقعك.

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

2. قم بتثبيت ملحق جداول بيانات Google

يعد تثبيت الإضافات في WPForms سريعًا وسهلاً. من لوحة تحكم WordPress الخاصة بك، انتقل إلى WPForms »الإضافات .

WPForms addons

في صفحة WPForms Addons، ابحث عن Google Sheets Addon. عندما يظهر الملحق على شاشتك، انقر فوق الزر "تثبيت الملحق" الموجود أسفله.

تثبيت الملحق جداول بيانات جوجل

بمجرد الانتهاء من تثبيت الملحق وتنشيطه (يستغرق هذا بضع ثوانٍ فقط)، سترى الحالة نشطة .

الملحق صفائح جوجل نشط

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

3. دمج WPForms مع حساب Google

لتوصيل حسابك في Google بـ WPForms، انقر فوق WPForms » الإعدادات من قائمة المسؤول. بعد ذلك، انقر فوق علامة التبويب عمليات التكامل الموجودة على شريط التنقل الأفقي.

WPForms integrations

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

إضافة أوراق جوجل حساب جديد

إذا قمت بتسجيل الدخول بالفعل إلى حسابك في Google، فيمكنك ببساطة تحديده من القائمة. أو يمكنك إدخال بيانات اعتماد تسجيل الدخول إذا لم يكن لديك الحساب المحفوظ بالفعل.

اختر حساب جوجل

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

تم ربط حساب جداول بيانات Google

الآن بعد أن قمنا بإعداد جميع المكونات الإضافية وعمليات التكامل الضرورية، يمكننا المتابعة لإنشاء نموذج اتصال WordPress يمكنه إرسال البيانات إلى جداول بيانات Google.

4. قم بإنشاء نموذج ووردبريس جديد

لإنشاء نموذج في WPForms، انتقل إلى WPForms »إضافة جديد من لوحة تحكم WordPress.

Add new form

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

Name your form

ثم قم بالتمرير لأسفل وإلى قسم تحديد قالب. ستجد هنا أكثر من 1000+ قالب نموذج يمكنك استخدامه كما تراه مناسبًا.

في هذا البرنامج التعليمي، سنستخدم نموذج الاتصال البسيط .

Use Contact Form Template

سيتم تحميل القالب الذي اخترته خلال ثوانٍ معدودة.

Contact form loaded

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

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

5. قم بتوصيل النموذج الخاص بك بجدول بيانات محدد

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

يمكنك القيام بذلك عن طريق النقر على الإعدادات من داخل أداة إنشاء النماذج. ثم حدد جداول بيانات Google .

إعدادات الملحق لأوراق جوجل

اضغط على الزر "إضافة اتصال جديد" الأزرق في الجزء العلوي الأيمن.

إضافة اتصال جديد

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

لقب اتصال ورقة جوجل

يمكنك الآن تكوين الإعدادات لتكامل WPForms-Google Sheets. أولاً، تحتاج إلى تحديد جدول البيانات الذي تريد إرسال بيانات إرسال النموذج إليه.

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

انقر على القائمة المنسدلة لجدول البيانات لرؤية قائمة بجميع جداول البيانات المحفوظة في حساب Google الخاص بك وحدد واحدًا.

اختر القائمة المنسدلة لجدول البيانات

إلى جانب جدول البيانات، تحتاج أيضًا إلى تحديد الورقة الفردية التي تريد إرسال بيانات النموذج إليها. في مثالنا، قمنا بتسمية هذه الورقة باسم "الإدخالات". استخدم القائمة المنسدلة "الورقة" لتحديد الورقة المطلوبة.

حدد جدول البيانات

بعد ذلك، سنقوم بتعيين حقول النموذج الخاصة بنا مع أعمدة جدول البيانات لدينا.

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

عملية رسم الخرائط سهلة. ابدأ بتحديد عمود باستخدام القائمة المنسدلة لاسم العمود .

حدد عمودًا

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

على سبيل المثال، قمنا بتحديد العمود B من القائمة المنسدلة اسم العمود وحقل الاسم من القائمة المنسدلة قيمة حقل النموذج لإرسال قيم حقل الاسم من كل إرسال نموذج إلى العمود B، وهكذا.

حدد حقل الاسم

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

Add mapping columns

كرر هذه العملية حتى تقوم بتعيين جميع حقولك باستخدام أعمدة جدول البيانات المطلوبة.

Mapping all WPForms fields

عند الانتهاء من هذه الخطوة، اضغط على الزر "حفظ" الموجود أعلى النموذج لحفظ تقدمك.

Save the form

نحن الآن جاهزون لاستخدام Elementor لإضافة نموذج الاتصال الخاص بنا.

6. تضمين النموذج باستخدام Elementor

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

Add Contact Us page for Elementor contact form

إعطاء عنوان لصفحتك. ثم حدد الزر "تحرير باستخدام العنصر" .

Editing with Elementor

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

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

استخدم أداة WPForms في Elementor

بعد وضع كتلة WPForms على صفحتك، يمكنك استخدام القائمة المنسدلة لتحديد النموذج الخاص بك.

تحديد نموذج موجود من أداة WPForms Elementor

سيتم تحميل النموذج الذي حددته على الفور، وستظهر الحقول تمامًا كما قمت بإعدادها.

قبل نشره، قد ترغب في تخصيص مظهر النموذج. يمكن القيام بذلك بسهولة من علامة التبويب "النمط" .

فتح خيارات النمط لعنصر واجهة المستخدم WPForms في Elementor

عند الانتهاء، تابع ونشر صفحة النموذج الخاصة بك.

زر نشر صفحة Elementor

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

Spreadsheet entries

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

وهذا كل شيء.

يمكنك الآن ربط نماذج Elementor بجداول بيانات Google دون استخدام Zapier أو إعداد خطافات الويب.

الأسئلة الشائعة

هل لديك أسئلة أكثر تحديدًا حول ربط Elementor Forms بجداول بيانات Google؟ قد ترغب في قراءة ردودنا على بعض الأسئلة الشائعة:

ما الذي أحتاجه لإرسال بيانات نموذج العنصر إلى جداول بيانات Google؟

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

لماذا يجب علي حفظ بيانات نموذج الاتصال الخاصة بي في جداول بيانات Google؟

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

أين يتم تخزين بيانات نموذج العنصر؟

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

بعد ذلك، قم بتحسين نماذج الاتصال الخاصة بـ Elementor

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

وإذا كنت ترغب في إنشاء نموذج Elementor مجاني، فلدينا دليل منفصل لذلك.

احصل على WPForms الآن

على استعداد لبناء النموذج الخاص بك؟ ابدأ اليوم مع أسهل مكون إضافي لإنشاء النماذج في WordPress. يتضمن WPForms Pro الكثير من القوالب المجانية ويقدم ضمان استعادة الأموال لمدة 14 يومًا.

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