در گذشته ، وب سایت ها دارای عناصر غیرضروری زیادی بودند ، یعنی صفحاتی پر از طرح های رنگی پر زرق و برق و زشت ، متن زیادی که در فضاهای کوچک گیر کرده است و پنجره های بازشو که بازدید کنندگان را آزار می دهد.
اما طراحان در آن زمان چیز بیشتری نمی دانستند یا بهتر است بگویم ، آنها فقط با تنها روند طراحی و بهترین شیوه هایی که می دانستند کار کردند.
از آن زمان بارها تغییر کرده است.
توسعه دهندگان و طراحان وب دیگر محدود به فناوری یا تکنیک نیستند، به این معنی که دیگر بهانه ای برای طراحی ضعیف وجود ندارد. این مربوط به هر عنصری است که در یک سایت وردپرس یافت می شود، از تصویر هدر صفحه اصلی گرفته تا اشکال مخاطبین، و همچنین از تایپوگرافی گرفته تا پنجره های بازشو. همه چیز اکنون هنگام طراحی برای تجربه کاربر اهمیت دارد.
امروز می خواهم بر روی آنچه که یک پنجره بازشو را کارآمد می کند ، تمرکز کنم ، چیزی که به نظر من بخشی اساسی از فرآیند تبدیل است. به طور خاص ، من می خواهم آناتومی یک pop-up وردپرس موثر را بررسی کنم و اینکه چگونه این عنصر هیجان انگیز می تواند نرخ تبدیل شما را افزایش دهد.
بحث استفاده از پنجره های بازشو در وردپرس
پنجره های بازشو یک عنصر جالب طراحی هستند. اگرچه آنها به طور موقت تجربه کاربر را قطع می کنند (که معمولاً چندان مورد استقبال واقع نمی شود) ، مواردی که به درستی انجام می شوند چیزی را چنان جذاب یا هیجان انگیز ارائه می دهند که بازدیدکنندگان از دست دادن یک دقیقه به توجه.
البته، در این مورد ما در مورد پاپ آپ های تبدیل کننده صحبت می کنیم که برای جمع آوری مشترکین به خبرنامه یا بازدیدکنندگان را برای خرید ترغیب کنید. با این حال، پاپ آپ ها را می توان برای اهداف مختلف استفاده کرد. برای مثال، می‌توانید کوکی‌ها یا خط‌مشی رازداری خود را به اشتراک بگذارید، پس از اینکه بازدیدکنندگان چیزی به سبد خرید اضافه کردند، موارد مرتبط را توصیه کنید، یا حتی از آنها بخواهید که در یک نظرسنجی سریع شرکت کنند.
در بیشتر موارد ، اگر از پنجره بازشو استفاده می کنید ، احتمالاً می خواهید بازدیدکنندگان اقدامی انجام دهند. پس از همه ، اگر مزاحمت استفاده مفیدی از وقت آنها نیست ، چرا باید تجربه آنها را قطع کنیم؟ طبق مطالعه نزدیک به دو میلیارد پاپ آپ ، آنها دریافتند که میانگین نرخ تبدیل برای این نوع پاپ آپ ها 3,09٪ است.
اکنون این سsال ایجاد می شود: آیا بازشوها هنوز هم مرتبط و موثر هستند؟ اگر بازار با پنجره های بازشو ، سلام میله ها ، پوشش های تمام صفحه و موارد دیگر بیش از حد اشباع شده باشد ، آیا این یک ابزار تولید کننده تبدیل ارزش استفاده در سایت وردپرس شما را دارد؟
البته !!!
بسیاری از روشهای خوب طراحی وب وجود دارد که پنجره های بازشو مورد توجه قرار می گیرند. مثلا:
- پنجره های بازشو شلوغی غیرضروری را از صفحات سایت شما پاک می کنند.
- آنها معمولاً از تصاویری تمیز و متن حداقل تشکیل شده اند.
- فراخوانها برای اقدام به خوبی طراحی شده اند و از نظر واژه به سادگی ارائه می شوند.
- یک منحنی یادگیری کوچک برای بازدید کنندگان شما وجود دارد زیرا اکثر مردم با پنجره های بازشو آشنا هستند و می دانند چگونه با آنها تعامل کنند.
- پنجره های بازشو فرصتی سرگرم کننده برای تزریق سایت شما با انیمیشن ، فیلم یا اثبات اجتماعی فراهم می کنند.
- شما به راحتی می توانید آنها را با افزونه های وردپرس کیفیت بالا مانند Hustle یا OptinMonster.
به طور کلی ، یک پاپ آپ خوب طراحی شده برای جلب توجه بازدیدکنندگان درصورت نیاز بیشتر ، ایده آل است. می توانید از آنها برای ارسال به موقع اعلان ها یا درخواست ها استفاده کنید. همچنین می توانید با استفاده از داده های بازدید کننده ، آنها را برای خرید فریب دهید.
آناتومی یک پاپ آپ وردپرس موثر
بدیهی است که موفقیت پاپ‌آپ‌های سایت وردپرسی شما به مواردی بستگی دارد که کاملاً طراحی شده‌اند و دارای چنین پیشنهادات قانع‌کننده‌ای هستند که بازدیدکنندگان نمی‌توانند از تعامل با یکدیگر جلوگیری کنند. بنابراین بیایید نگاهی بیندازیم که فرمول برنده برای یک پاپ آپ موثر چگونه به نظر می رسد.
1. سبک
انواع مختلف پاپ آپ ها در تبدیل بازدید کنندگان به مشترکان کارآمدتر هستند:
- پنجره های بازشوی اشتراک ایمیل 2,9٪ نرخ تبدیل دارند.
- پنجره های بازشو خوش آمدید (کسانی که صفحه را در هنگام ورود به صفحه کامل پر می کنند) با 2,6٪ تغییر می کنند.
- پاپ آپ های ناشی از پیمایش 1,9٪ را تبدیل می کنند.
- پاپ آپ هوشمند یا سلام نمایش تبدیل٪ 0,5 را نشان می دهد.
این بدان معنا نیست که شما همیشه باید از یک پاپ آپ اشتراک سنتی ایمیل استفاده کنید. در اینجا مثالی از سایت نیل پاتل آورده شده است.
این مورد به خوبی انجام شده است ، زیرا به سادگی طراحی شده است ، غیر سرزده است ، et از انیمیشن سرگرم کننده برای جلب توجه استفاده می کند در صورتی که رد پای حداقل آن مورد توجه قرار نگیرد. بخاطر داشته باشید که انتخاب سبک استفاده از سبکی نیست که محبوب ترین یا بهترین شناخته شده برای نرخ تبدیل بالاتر باشد. این در مورد یافتن سبکی است که برای سایت شما ، بازدید کنندگان شما مناسب باشد و برای تکمیل تجربه در این بین طراحی شده باشد.
2. رنگ
البته رنگ همیشه نقش اصلی را در طراحی وب سایت خواهد داشت. با درک روانشناسی رنگهای انتخابی خود ، می توانید پنجره های بازشو موثرتری ایجاد کنید که تبدیل شوند. البته ، شما همچنین نمی توانید در مورد رنگ بندی مشخص شده برای برند خود فراموش کنید ، بنابراین همه چیز در یافتن تعادل بین طراحی یک پنجره بازشو است که در سایت خوب به نظر می رسد ، اما همچنین بازدید کنندگان را مجبور به اقدام می کند.
3. ترکیب
مهم است که یک قدم به عقب برگردید و به طور کلی پاپ آپ را ببینید. اگرچه طراحی هر قسمت متحرک در پاپ آپ مهم است ، اما آرایش کلی پاپ آپ مهم است.
پنجره بازشو شما باید:
- ساده و آسان دنبال کنید.
- با خطوط تمیز طراحی شده و به خوبی متعادل باشید.
- شامل تصاویر مرتبط و با وضوح بالا. در حالت ایده آل ، یک تصویر واحد که موضوع پیشنهاد را خلاصه می کند.
- به نظر می رسد پسوند سایت شما باشد و بدیهی است که از یک پنجره بازشو با گزینه های محدود سفارشی سازی ساخته نشده است.
- از یک تایپوگرافی بزرگ و آسان برای خواندن استفاده کنید.
4. متن
سپس پیام پاپ آپ داریم. در حالی که شما در حال توسعه زبان لازم برای این موارد نیستید ، تعدادی از بهترین روش ها وجود دارد که باید هنگام پر کردن پنجره های بازشو با متن از آنها آگاه باشید.
موارد زیر را بخاطر داشته باشید:
- همیشه یک تیتر ، یک پیام کوتاه (یک جمله انجام می شود) و یک فراخوان برای عمل در آن قرار دهید.
- از زبان قوی استفاده کنید که برای احساسات بازدید کنندگان جذاب باشد.
- مختصر باش اگر نمی توانید آن را در کمتر از 30 کلمه بنویسید ، این پیام در پنجره بازشو تعلق ندارد.
- از همان لحن و شخصیتی که در سایت خود استفاده می کنید استفاده کنید.
- چیز ارزشمندی را ارائه دهید که بازدید کنندگان شما در جای دیگری از سایت پیدا نخواهند کرد.
- در صورت امکان از فوریت استفاده کنید. اگر نمی توانید این کار را با کلمات انجام دهید ، آن را با رنگ انجام دهید.
5. فرهنگ و هنر
این روزها روند رو به رشد عجیبی وجود دارد که وب سایت ها دو گزینه دعوت به عمل به بازدیدکنندگان می دهند. من می فهمم که چرا این روند در حال رشد است ، اما من آن را در بسیاری از وب سایت ها سو استفاده کرده ام که امیدوارم این روند در نهایت از بین برود.
شما احتمالاً خودتان این برنامه بد را دیده اید:
- گزینه مثبت : این یکی می گوید ، "آه ، ممنون ، ممنون! من می دانم که این پیشنهاد قرار است زندگی من را به سمت بهتر تغییر دهد! "
- گزینه منفی : این یکی می گوید ، "من دوست دارم گزینه های بد زندگی را انتخاب کنم و از اینکه صورتم را می مالید قدردانی می کنم." بگذارید فقط روی این گزینه استهلاک خودکار کلیک کنم تا پنجره دیگری دریافت کنم که دوباره از من می پرسد آیا می خواهم این تصمیم وحشتناک را بگیرم. "
این بدان معنا نیست که همه پنجره های بازشو با دو گزینه CTA ضعیف طراحی شده اند یا قصد دارند بازدید کننده را شرم آور کنند. تیم فریس مثال خوبی از CTA گزینه دو گزینه ای انجام شده دارد:
با این حال ، به طور کلی ، من می گویم که اگر می خواهید طعنه بزنید یا بازدید کنندگان خود را از تصمیم خود بترسانید ، پس از سایت خود خارج شوید و آن را در توییتر قرار دهید. وب سایت شما مکانی برای این کار نیست و امیدوارم توییتر آن را کاملا ببلعد.
به غیر از این دفع حیوان خانگی ، من همچنین پیشنهاد می کنم ساده دعوت به عمل باشد. از زبان ساده ای استفاده کنید که به شما نشان می دهد بازدیدکنندگان برای وارد کردن ایمیل خود یا کلیک روی دکمه چه دریافت می کنند. همچنین ، کار را به حداقل برسانید: بیش از دو قسمت برای پر کردن (یعنی ایمیل و شاید یک نام) و یک دکمه برای کلیک کردن.
این برای این آموزش است ، امیدوارم به شما این امکان را بدهد که دکمه های فراخوان خود را به خوبی طراحی کنید.
