كيفية إنشاء مشروع Toggl جديد من نموذج WordPress (2021)

نشرت: 2020-08-21

هل تريد إنشاء نموذج مشروع Toggl في WordPress؟ باستخدام WPForms ، يمكنك بسهولة إنشاء نموذج على موقع الويب الخاص بك يقوم تلقائيًا بإنشاء مشروع في Toggl عند إرسال النموذج.

في هذه المقالة ، سنوضح لك خطوة بخطوة كيفية دمج Toggl مع WordPress

قم بإنشاء نموذج مشروع Toggl الخاص بك الآن

ما هو مشروع Toggl؟

مشروع Toggl هو منطقة في مساحة عمل Toggl حيث يمكنك تتبع الوقت لمهام مختلفة. يمكنك تخصيص كل مشروع لعميل مختلف بحيث يتم تنظيم كل شيء ، ثم انقر ببساطة على المؤقت لبدء تتبع الوقت.

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

يعد تتبع الوقت في مشاريع Toggl مفيدًا إذا كنت تريد:

WPForms هو أفضل مكون إضافي لبرنامج WordPress Form Builder. احصل علية بدون مقابل!
  • قياس نشاط المشروع في شركتك أو فريقك
  • إنشاء جداول زمنية لعملائك
  • تتبع الوقت الذي تقضيه في العمل في أدوات مثل GitHub أو Basecamp من خلال دمجها مع Toggl.

الآن نحن نفهم أكثر من ذلك بقليل ، دعنا ننشئ نموذج WordPress لدمج Toggl مع موقعنا على الإنترنت.

كيفية إنشاء مشروع Toggl من نموذج WordPress

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

إليك جدول محتويات لمساعدتك على المتابعة:

  1. قم بتثبيت البرنامج المساعد WPForms
  2. قم بإنشاء نموذج WordPress الخاص بك
  3. أضف نموذج مشروع Toggl الخاص بك إلى WordPress
  4. قم بتوصيل WPForms بـ Zapier
  5. قم بتوصيل Toggl إلى Zapier
  6. قم بإنشاء مشروع Toggl الخاص بك

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

الخطوة 1: قم بتثبيت البرنامج المساعد WPForms

ابدأ بتثبيت البرنامج المساعد WPForms.

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

بمجرد تنشيط WPForms ، يمكنك الانتقال إلى الخطوة التالية.

الخطوة 2: قم بإنشاء نموذج WordPress الخاص بك

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

اسم نموذج ووردبريس

دعنا نستخدم نموذجًا لجعل هذا أمرًا سهلاً حقًا. ابحث في قوالب النماذج عن نموذج التطوع وانقر فوق القالب لفتحه.

حدد قالب النموذج في WPForms

من السهل حقًا تخصيص النموذج. ما عليك سوى سحب الحقول وإفلاتها من الجزء الأيمن إلى الجزء الأيمن.

على سبيل المثال ، إذا كنت بحاجة إلى معرفة عمر المتطوعين لديك ، فيمكنك إضافة حقل أرقام مثل هذا:

إضافة حقل الرقم

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

تحرير اختيارات الإجابة

يمكنك أيضًا استخدام منشئ النموذج من أجل:

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

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

انقر فوق حفظ عند اكتمال النموذج الخاص بك.

حان الوقت الآن لإضافته إلى WordPress.

الخطوة 3: أضف نموذج مشروع Toggl الخاص بك إلى WordPress

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

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

سنقوم بإنشاء صفحة جديدة في هذا المثال.

أولاً ، انقر فوق رمز علامة الجمع في محرر الكتلة لإضافة كتلة جديدة. في النافذة المنبثقة ، ابحث عن WPForms .

حدد أداة WPForms

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

حدد نموذج WordPress Toggl

في القائمة المنسدلة ، حدد نموذج مشروع Toggl الذي أنشأته في الخطوة 2.

حدد نموذج مشروع Toggl

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

نشر نموذج مشروع Toggl

الآن النموذج الخاص بك نشط وجاهز لتجميع الإدخالات.

أخيرًا ، نحتاج إلى تقديم إدخال اختبار حتى يتمكن Zapier من سحب تلك البيانات أثناء الاختبار.

تم نشر نموذج Toggl

حان الوقت الآن لعمل بعض السحر في Zapier.

الخطوة 4: قم بتوصيل WPForms بـ Zapier

توجه إلى Zapier وانقر فوق Make a Zap .

اصنع انطلق في Zapier

ابحث الآن عن WPForms وانقر فوق الرمز.

حدد WPForms في Zapier

بعد ذلك ، انقر فوق " متابعة" .

سيطالبك Zapier بتسجيل الدخول إلى حساب WPForms الخاص بك. للقيام بذلك ، ستحتاج إلى الحصول على مفتاح WPForms API.

ستجد هذا في WPForms »الإعدادات» عمليات التكامل . انقر فوق رمز Zapier للكشف عن مفتاحك.

مفتاح WPForms Zapier API

امض قدمًا وانسخ المفتاح ، ثم الصقه في نافذة اتصال Zapier بعنوان URL لموقعك ، مثل هذا:

الاتصال بـ WPForms في Zapier

عندما تكون متصلاً ، ستغلق النافذة.

سيعرض لك Zapier قائمة بجميع النماذج التي قمت بإنشائها. تأكد من تحديد النموذج الصحيح من القائمة المنسدلة:

حدد نموذج Toggl في Zapier

الآن ، الخطوة الأخيرة. انقر فوق اختبار المشغل . سيتصل Zapier بـ WPForms ويسحب إدخال الاختبار الذي أنشأناه في الخطوة 3.

دخول نموذج Toggl في Zapier

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

عندما يعمل كل شيء ، انقر فوق " متابعة" .

في الخطوة التالية ، سنكرر العملية لربط Zapier بمشروعنا Toggl.

الخطوة 5: قم بتوصيل Toggl إلى Zapier

سيسألك Zapier عن الخدمة التي تريد الاتصال بها. ابحث عن Toggl وانقر فوق الرمز.

قم بتوصيل WPForms بـ Toggl

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

إنشاء مشروع Toggl

بعد ذلك ، سيطلب منك Zapier تسجيل الدخول إلى Toggl. ستحتاج إلى الحصول على مفتاح Toggl API الخاص بك الآن.

في Toggl ، انقر فوق اسمك لفتح صفحة ملف التعريف الخاص بك:

رابط الملف الشخصي Toggl

انقر فوق إعدادات الملف الشخصي ، ثم قم بالتمرير لأسفل وصولاً إلى رمز API .

مفتاح Toggl API

يمكنك الآن نسخ المفتاح ولصقه في نافذة اتصال Zapier.

كله تمام؟ انقر فوق نعم ، متابعة .

مفتاح Toggl API في Zapier

الآن انقر فوق متابعة للانتقال إلى الجزء الممتع.

اتصال Zapier بمشروع Toggl

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

تخصيص حقول مشروع Toggl

في هذا المثال ، قمنا بتخصيص اسم مشروع Toggl ليشمل اسم الشخص الذي أرسل النموذج. هذا سيجعل من السهل حقًا معرفة من هو كل مشروع.

الخطوة 6: قم بإنشاء مشروع Toggl الخاص بك

سنقوم الآن بإخبار Zapier بإنشاء مشروع Toggl من بيانات الاختبار الخاصة بنا.

بمجرد إعداد كل شيء بالطريقة التي تريدها ، انقر فوق اختبار ومتابعة .

اختبار تكامل مشروع Toggl

سيقوم Zapier بنسخ جميع البيانات من نموذج WordPress الخاص بك إلى مشروع Toggl.

دعنا نتحقق من كل شيء للتأكد من أنه يعمل.

في Toggl ، انتقل إلى المشاريع .

رائعة! لدينا مشروع Toggl الجديد الذي يحتوي على جميع المعلومات التي قدمناها في WordPress.

مشروع Toggl من WordPress

يمكننا الآن تتبع الوقت الذي يستغرقه إعداد المتطوع الجديد لدينا.

وهذا كل شيء! أنت الآن تعرف كيفية إنشاء مشروع Toggl تلقائيًا من نموذج WordPress.

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

قم بإنشاء نموذج مشروع Toggl الخاص بك الآن

افكار اخيرة

يمكنك إجراء الكثير من عمليات الدمج الرائعة مع Zapier و WPForms والتي ستساعدك على توفير الوقت عند إدارة فريقك.

إذا كنت تبحث عن المزيد من نصائح إدارة المشروع ، فإليك طريقة رائعة لإضافة لوحة Kanban في WordPress.

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

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