كيف أنشأت موقع تعريفي لبرنامج طبي بسهولة

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

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

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

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

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

مع بساطة خيارات بناء الموقع وتخصيصه، فإن سنديان يخفف عني عبء إدارة الاستضافة، ويقدّم شهادة حماية TLS ومسرع مواقع، مع نطاق احترافي بقيمة 60$ في السنة، ويتوفر حاليًا خصم 40% على أول اشتراك لفترة محدودة.

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

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

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

اختيار قالب حلم لموقع أسنان ديجتال
اختيار قالب حلم لموقع أسنان ديجتال

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

إنشاء الموقع بالقالب الذي اخترته وبالمحتوى التجريبي
إنشاء الموقع بالقالب الذي اخترته وبالمحتوى التجريبي

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

ضبط ألوان الهوية البصرية للموقع
ضبط ألوان الهوية البصرية للموقع

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

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

إضافة قسم هيرو جديد
إضافة قسم هيرو جديد

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

إنشاء زر جديد لصفحة اتصل بنا
إنشاء زر جديد لصفحة اتصل بنا

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

ضبط مظهر ومحتوى قسم المميزات في الموقع
ضبط مظهر ومحتوى قسم المميزات في الموقع

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

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

ضبط محتوى ومظهر قسم الخطط والأسعار
ضبط محتوى ومظهر قسم الخطط والأسعار

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

تعديل قسم الفوتر
تعديل قسم الفوتر

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

ولتسهيل إضافة نفس الهيدر ونفس الفوتر في كل الصفحات دون إعادة تصميمهما أضفتهما إلى أقسامي الخاصة في سنديان عبر النقر على القسم (هيدر أو فوتر)، ثم اختيار (حفظ لأقسامي) من قائمة الخيارات.

حفظ قسم الهيدر إلى أقسامي
حفظ قسم الهيدر إلى أقسامي

بعد ذلك أنشأت صفحة من نحن بالنقر على (الصفحات) ثم زر (أضف صفحة).

إنشاء صفحة جديدة في سنديان
إنشاء صفحة جديدة في سنديان

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

إضافة الهيدر والفوتر من تبويب أقسامي
إضافة الهيدر والفوتر من تبويب أقسامي

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

بعد الانتهاء من تصميم الموقع، استكملت عملية الإنشاء عبر النقر على زر (أكمل الإنشاء)، ثم ثم أدخلت معلومات الموقع المهمة، وهي اسم الموقع ووصفه، واخترت التصنيف المناسب.

إدخال معلومات الموقع الأساسية
إدخال معلومات الموقع الأساسية

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

إدخال الدومين وحجزه
إدخال الدومين وحجزه

بعد ذلك أدخلت بيانات البطاقة الائتمانية وأجريت الدفع لحجز الدومين.

الدفع وإنشاء الموقع
الدفع وإنشاء الموقع

بعد ذلك تم إنشاء موقع أسنان ديجتال ونشره مباشرة.

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

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

إضافة نموذج اتصل بنا عبر إضافة كود مخصص
إضافة نموذج اتصل بنا عبر إضافة كود مخصص

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

النقر على اسم الموقع
النقر على اسم الموقع

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

إدخال كود الدردشة المباشرة في موقع سنديان
إدخال كود الدردشة المباشرة في موقع سنديان

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

إضافة الدردشة الحية ونموذج اتصل بنا بواسطة زيتون
إضافة الدردشة الحية ونموذج اتصل بنا بواسطة زيتون

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

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

الانتقال إلى سجلات النطاق
الانتقال إلى سجلات النطاق

ثم أضفت سجل DNS من النوع A يقوم بإنشاء دومين فرعي ويشير إلى الاستضافة التي يوجد برنامج أسنان ديجتال عليها، إذ أدخلت الـ IP الخاص بالاستضافة كقيمة للسجل، وبذلك أصبح برنامج أسنان ديجتال على (dashboard.asnandigital.com) وهو دومين فرعي من الدومين الرئيسي للموقع (asnandigital.com).

إضافة دومين فرعي يشير إلى استضافة برنامج أسنان ديجتال
إضافة دومين فرعي يشير إلى استضافة برنامج أسنان ديجتال

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

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

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