تتيح لك (Accordion) عرض قدر كبير من المحتوى في مساحة محدودة عن طريق جعل أقسامها تتوسع وتنهار. وبمساعدة (amp-Accordion)، يمكنك الآن تضمين الأكورديونات في رسائل البريد الإلكتروني (AMP) الخاصة بك. سنناقش في هذه المقالة ماهية (amp-Accordion) وتطبيقاته وبعض الميزات الشيقة التي ستساعدك في إنشاء أكورديونات مخصصة لرسائل البريد الإلكتروني بتنسيق (AMP).
ملاحظة: (AMP) اختصار لـ ( (Accelerated Mobile Pages
ما هو amp-accordion
يعد (amp-accordion) أحد مكونات البريد الإلكتروني بتنسيق (AMP) الذي يسمح لك بإظهار أو إخفاء أقسام المحتوى بتفاعل المستخدم.
يمكنك رؤية ال(accordion) الحي أثناء العمل. عند النقر فوق العنوان الأول، سيعرض المحتوى داخل هذا القسم. وبالمثل، سيؤدي النقر فوق رؤوس أخرى إلى فتح أقسامها، وإغلاق القسم الذي تم فتحه في البداية في نفس الوقت. هذه الميزة مفيدة للغاية عندما تحتاج إلى عرض الكثير من المحتوى ولكن لا ترغب في إرباك المستخدمين بالكمية.
تطبيقات amp-accordion
يتم استخدام (amp-Accordion) في العديد من السيناريوهات حيث يلزم عرض المحتوى بإيجاز. تتضمن بعض هذه السيناريوهات ما يلي:
1. أسئلة وأجوبة
لنفترض أنك تضيف قسم الأسئلة الشائعة داخل بريدك الإلكتروني. هنا يمكنك استخدام (amp-Accordion) لإظهار جميع الأسئلة كرؤوس. بعد ذلك، عندما ينقر المستخدمون على السؤال (الرأس) لعرض الإجابات، سيتم عرضها. هذا يوفر على المستخدمين إحباطهم من التمرير خلال الأسئلة التي لا يحتاجون إليها.
2. جدول المحتويات
من السهل إنشاء جدول محتويات باستخدام (amp-Accordion). تحتاج فقط إلى جعل عنوان كل قسم رأسًا قابلاً للنقر ولف محتوى القسم أسفل العنوان. بعد ذلك، عندما ينقر المستخدمون على القسم الذي يريدون قراءته، لن يروا سوى محتوى هذا القسم ولا شيء آخر. سيؤدي ذلك إلى جعل رسائل البريد الإلكتروني أقل إرهاقًا وأكثر متعة في القراءة.
3. الكتالوجات
ستكون الأكورديونات مفيدة إذا كان لديك كتالوج لعرضه على جمهورك. ما عليك سوى إضافة اسم كل عنصر كتالوج كرأس ووصف العنصر باعتباره المحتوى القابل للتوسيع. سيسهل هذا على القراء تصفح الكتالوج الخاص بك والعثور على العناصر التي يحتاجون إليها دون الحاجة إلى التمرير كثيرًا.
4. قوائم الخدمة
تريد تقديم جميع عروض خدماتك لعملائك حتى يتمكنوا من اختيار ما يحتاجون إليه. ومع ذلك، قد يكون من الصعب على عملائك التمرير عبر جميع خدماتك في رسالة بريد إلكتروني واحدة. يمكنك إنشاء أكورديون في رسائل البريد الإلكتروني الخاصة بك لإظهار خدماتك وحل هذه المشكلة. بعد ذلك، يمكن لعملائك مسح خدماتك بسرعة والنقر عليها لمعرفة المزيد.
5. قائمة المعلومات
يمكن استخدام الأكورديونات في معظم الأوقات عندما تكون هناك معلومات قابلة للإدراج ليتم عرضها. على سبيل المثال، افترض أن لديك محتوى متكررًا يتبع تنسيق الرأس والجسم، مثل اسم الخدمة ووصفها أو عنصر القائمة ووصفه. في هذه الحالة، يمكنك استخدام (amp-Accordion) لعرض تلك المعلومات القابلة للقائمة بتنسيق أكثر إيجازًا.
سمات (amp-Accordion)
هناك سمات مختلفة متاحة لـ (amp-Accordion) يمكنك استخدامها لإنشاء تجارب أكورديون مختلفة لمشتركي قناتك. بعضها كالتالي:
تحريك الصور / المحتوى المعروض
يمكنك تحريك (Accordion) الخاص بك مع خاصية الرسوم المتحركة. سيتم فتح الأكورديون وإغلاقه بانتقال سلس عندما تضيف السمة المتحركة إلى علامة (amp-accordion). ومع ذلك، سيكون الانتقال مفاجئًا بدون السمة المتحركة، والتي لا توفر انطباعًا جيدًا للمستخدم. لذا استخدم هذه السمة لجعل الأكورديون الخاص بك مفعما بالحيوية والجاذبية.
توسيع أقسام الأكورديون عندما يفتح المستخدمون البريد الإلكتروني
يمكن تحقيق هذه النتيجة باستخدام السمة الموسعة. هناك أوقات قد ترغب فيها في رؤية قسم معين من الأكورديون بأي ثمن. في مثل هذه الحالات، أضف السمة الموسعة التي تفتح هذا القسم تلقائيًا عندما يفتح المستخدمون بريدك الإلكتروني. يمكنك هذه السمة لأقسام متعددة إذا كنت تريد فتح أقسام متعددة بشكل افتراضي.
فتح قسمًا واحدًا فقط في كل مرة
يجب عليك استخدام خاصية توسيع القسم الفردي لتحقيق ذلك. تتيح هذه السمة للمستخدمين فتح قسم واحد فقط في كل مرة. إذا نقروا على أحد الأقسام بينما تم فتح قسم آخر بالفعل، فسيتم إغلاق القسم المفتوح أثناء فتح القسم الذي تم النقر عليه. يساعد هذا المستخدمين لديك على تجنب التمرير عبر عدد كبير من الأقسام المفتوحة.
فتح الأقسام بدون نقرة زر
يتيح (توسيع البيانات) للمستخدمين فتح وإغلاق أقسام معينة دون النقر فوقها. ما عليك سوى إضافة تركيبته إلى قسم معين وتكوين زرين لمساعدة المستخدمين على فتح هذا القسم وإغلاقه.
