كيفية إضافة زر العودة للأعلى في Wix

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

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

Watch on youtube

How to Add a Back-to-top Button in Wix

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

الخيار 1: استخدام زر مثبت أساسي في Wix

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

1. إضافة العنصر: في محرر Wix، انقر على إضافة عناصر (Add Elements)، وافتح الرسومات (Graphics)، ثم الأشكال الأساسية (Basic shapes)، وحدد الأسهم (Arrows)، واسحب سهمًا إلى صفحتك. تعمل أزرار الأيقونات وفن المتجهات (vector art) بشكل جيد أيضًا إذا كنت تريد شيئًا يعكس علامتك التجارية بشكل أكبر.

2. ربطه بأعلى الصفحة: حدد العنصر، وانقر على أيقونة الرابط (Link)، واختر أعلى/أسفل الصفحة (Top/Bottom of Page)، وحدد أعلى (Top)، وانقر على تم (Done).

3. تثبيته على الشاشة: انقر بزر الماوس الأيمن على العنصر واختر تثبيت على الشاشة (Pin to Screen). حدد الخلية اليمنى السفلية في شبكة الموضع، ثم استخدم أشرطة التمرير للإزاحة الأفقية والإزاحة العمودية لإبعاده عن محتواك. قم بتشغيل إظهار في جميع الصفحات (Show on All Pages) بحيث يظهر في جميع أنحاء الموقع.

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

لجعل الزر يظهر فقط بعد قيام الزائر بالتمرير، ستحتاج إلى كتابة كود مخصص في Velo by Wix، وهي بيئة المطورين الخاصة بالمنصة. يتضمن ذلك استخدام JavaScript، ومعالجات الأحداث (event handlers)، وجلسة لتصحيح الأخطاء، وهو أمر بعيد كل البعد عن تجربة عدم استخدام الأكواد (no-code) التي اشترك من أجلها معظم مالكي مواقع Wix.

أمران يجب ملاحظتهما قبل استبعاد هذا الخيار:

• على الهواتف المحمولة، تمتلك Wix أداة مجانية مدمجة: يتضمن محرر الهاتف المحمول زر العودة إلى الأعلى المخصص ضمن أدوات الهاتف المحمول (Mobile Tools). يظهر فقط في الصفحات التي تستخدم التخطيط القياسي (Standard layout) والتي لا يقل طولها عن 1380 بكسل، ويعمل فقط على الهواتف المحمولة. 
• مستخدمو Wix Studio لديهم حل بديل جزئي: تقترح Wix إضافة حركة دخول مع تأخير بحيث يظهر الزر تدريجيًا بعد فترة وجيزة من بدء الزائر في التمرير. 

الخيار 2: تثبيت إضافة من سوق تطبيقات Wix

لحل مشكلة الزر المرئي دائمًا، يتجه العديد من مالكي مواقع Wix إلى سوق التطبيقات (App Market) ويبحثون عن أدوات مثل “Scroll to Top” (التمرير إلى الأعلى). تتضمن هذه التطبيقات مشغلات عمق التمرير، بحيث يظل الزر مخفيًا حتى يقطع الزائر مسافة محددة أسفل الصفحة، وتقدم معظمها إعدادات منفصلة لأجهزة سطح المكتب والهواتف المحمولة.

المشكلة هي أن الإعدادات التي تريدها غالبًا ما تكون ضمن فئة مدفوعة. إليك مقارنة بين أبرز خيارين متاحين:

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

1. فتح سوق التطبيقات: في محرر Wix، انقر على التطبيقات (Apps) في الشريط الجانبي الأيسر، ثم زيارة سوق التطبيقات (Visit App Market)، وابحث عن “scroll to top”.

2. إضافة التطبيق إلى موقعك: افتح القائمة، وراجع قسم التسعير والخطط (Pricing & Plans) للتأكد من أن الخطة تتضمن الميزات التي تريدها، ثم انقر على إضافة إلى الموقع (Add to Site).

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

الخيار 3: استخدام أداة مجانية للعودة إلى الأعلى (موصى به)

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

1. بناء الزر: افتح صفحة أداة العودة إلى الأعلى وانقر على إنشاء أداة موقع جديدة (Create new website widget). في لوحة عام (General)، قم بتبديل إظهار التسمية (Show label) إلى قيد التشغيل إذا كنت تريد نصًا بجانب الأيقونة، واضبط الإظهار بعد التمرير (Show after scrolling) للتحكم في وقت ظهور الزر، واختر حركة التمرير (Scroll animation).

2. نسخ كود التضمين: انقر على جربه على موقعك الإلكتروني مجانًا (Try it on your website for free) وانسخ الكود الذي تم إنشاؤه.

3. تضمينه في Wix: في محرر Wix، انقر على إضافة عناصر (Add Elements)، واختر تضمين كود (Embed Code)، ثم تضمين HTML (Embed HTML). الصق الكود الخاص بك في حقل HTML وانقر على تحديث (Update). انقر بزر الماوس الأيمن على عنصر HTML، وحدد تثبيت على الشاشة (Pin to Screen)، وضعه في الزاوية اليمنى السفلية. انشر موقعك واختبر سلوك التمرير على أجهزة سطح المكتب والهواتف المحمولة.

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

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

عزز موقع Wix الخاص بك باستخدام أدوات ذكية بدون كود

تعد أداة العودة إلى الأعلى واحدة من أكثر من 150 أداة مجانية للمواقع الإلكترونية في دليل Jotform، وكل إعداد هو نفسه: قم بتكوينها في متصفحك، وانسخ كود التضمين، والصقه في عنصر HTML في Wix. لا حاجة لاشتراك في تطبيق، أو Velo، أو مطور، وهو أمر مهم لموقع Wix. تضيف كل عملية تثبيت من سوق التطبيقات (App Market) برنامجًا نصيًا آخر، وغالبًا ما تضيف رسومًا شهرية أخرى. تتيح لك الأدوات إضافة وظائف حقيقية بدون أي منهما، وهو ما يمثل الفرق بين الموقع الذي يظل سريعًا والموقع الذي يفقد سرعته.

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

• أداة إمكانية الوصول (Accessibility Widget): تتيح هذه الأداة للزوار ضبط التباين، وحجم النص، والتباعد، والحركة، وتتذكر تفضيلاتهم.
• أداة الأسئلة الشائعة (FAQ Widget): تعمل هذه القائمة القابلة للطي والبحث على تصغير محتوى الدعم الطويل إلى كتلة مدمجة.
• مؤقت العد التنازلي (Countdown Timer): إنه مفيد في صفحة الإطلاق أو البيع أو التسجيل في فعالية حيث يؤدي الشعور بالإلحاح إلى تحفيز اتخاذ الإجراء.
• أداة النوافذ المنبثقة (Popup Widget): هذا مفيد لاشتراكات الرسائل الإخبارية، والإعلانات، وعروض الخروج، دون الحاجة إلى تثبيت تطبيق مخصص للنوافذ المنبثقة.
• أداة رمز الاستجابة السريعة (QR Code Widget): إنها مفيدة لقوائم المطاعم، وتسجيل الدخول للفعاليات، وأي شيء تريد أن يصل إليه الزوار.

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

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