كيفية إنشاء صور التمرير لرسائل البريد الإلكتروني وصفحات المنتج

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

قبل البدء ، تأكد من أن لديك الصورتان اللتان تريد تضمينهما في الصورة المتغيرة. من الصورتين ، ستظهر واحدة عندما لا يكون المؤشر فوقها ، بينما تظهر الأخرى عندما يتحرك المؤشر إلى الصورة. يمكن أن تكون صورك بتنسيق PNG أو JPG. حمّلها إلى محرك أقراص سحابي أو خدمة مشاركة الصور مثل Imgur ثم توجه إلى أداة FreshInbox Rollover.

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

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

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

تفضل بزيارة أداة RollInbox الخاصة بالتمرير