با سلام خدمت خوانندگان محترم سایت وبلاگ. امروز در مورد موضوع مهمی صحبت خواهیم کرد صفحه فرود، که اغلب به صورت بورژوایی به آن صفحه فرود می گویند (از صفحه فرود انگلیسی - صفحه فرود). چیست و چرا اینقدر مهم است؟
بیایید مقاله فعلی را به پاسخ به این سوال اختصاص دهیم و همچنین نکاتی را که هنگام ایجاد صفحات فرود بسیار مهم هستند را با جزئیات در نظر بگیریم و همه اینها را در نظر بگیریم. در صفحه فرود نمونه های خاصو ترفندهایی که توسط بهترین متخصصان قابلیت استفاده برای بهبود اثربخشی صفحات فرود استفاده می شود.
صفحه فرود چیست و چرا اینقدر مهم است
خیلی اوقات، حتی با کار مناسب برای جذب افراد مناسب (مخاطبان هدف) به وب سایت خود (و غیره)، شما به عنوان یک صاحب کسب و کار، بازدهی را در این زمینه احساس نخواهید کرد. به نظر می رسد که ترافیک در حال آمدن است و مخاطبان هدف هستند، اما عملاً هیچ فروش یا اشتراکی وجود ندارد (بسته به اینکه کدام عمل تبدیل را به عنوان وظیفه اصلی انتخاب کرده اید). هیچ چیز کار نمی کند. چه اشکالی می تواند داشته باشد؟
به احتمال زیاد، فراموش کرده اید که در مورد صفحات فرود (لندینگ، فرود) فکر کرده و آماده کنید، که اغلب نامیده می شوند صفحات فرود. چیست؟
و این نکته بسیار مهمی است که می تواند تبدیل (تعداد خرید یا ثبت نام) را به میزان قابل توجهی افزایش دهد، زیرا صفحه فرود به گونه ای طراحی شده است که کاربر را به سمت تکمیل عمل هدف به بهترین نحو ممکن هدایت کند. اگر بازدیدکنندگان را از تمام تبلیغات، به عنوان مثال، به صفحه اصلی سایت بفرستید، می توانید تبدیل را به طرز فاجعه باری کاهش دهید و به داخل لوله پرواز کنید.
خود اصطلاح "صفحه فرود" از عبارت انگلیسی "صفحه فرود" گرفته شده است که در ترجمه به معنای صفحه هدف، صفحه فرود (لندینگ) است. فرودها نه فقط به این شکل، بلکه با در نظر گرفتن روانشناسی بازدیدکنندگان ایجاد می شوند. آنها باید چنگ بزنند و رها نکنند.آنها را تا لحظه خرید (یا ثبت نام)، زیرا جذب مجدد بازدیدکننده بسیار دشوار خواهد بود.
مثل قلاب استدر وسایل ماهیگیری - او باید ماهی را که بر روی او افتاده است، تا لحظه ای که با کاشت مجدد آن را تعمیر کنید، با اطمینان بالا بگیرد و نگه دارد. اگر قلاب (لیدینگ) مناسب نباشد یا اصلا وجود نداشته باشد، تمام زحمات شما از طعمه گذاری، تنظیم طعمه و سایر اقدامات شامانی به هدر می رود. به هدف نهایی نخواهید رسید.
فرودها به خودی خود یا صفحات جداگانه یک سایت موجود هستند یا سایت های تک صفحه ای که مخصوص این تجارت ایجاد شده اند. در واقع، زمانی که خارج شدن از آن برای کاربر در حال حاضر بسیار دشوار است و او ناگزیر باید به داخل آن بچرخد تا زمانی که مشتری شما شود. اما ایده آل این است، اما نحوه اجرای این ایده آل را با استفاده از ترفندهای تبلیغاتی مختلف در ادامه این نشریه خواهیم دید.
نمونه های صفحه فرود
بسته به اهدافی که دنبال می کنید، می توانید صفحات فرود (صفحات فرود) را به چند نوع تقسیم کنید:
12 مرحله برای ایجاد صفحه فرود عالی
شما باید بدانید که صفحات فرود که کاربران را از شبکه های اجتماعی (یا تبلیغات متنی) به آنها جذب خواهید کرد باید دارای تعدادی ویژگی باشند و الزامات خاصی را برآورده کنند. پس چگونه صفحه فرود کامل را ایجاد کنید?
- هر فرود باید فقط برای یک اقدام هدف (تبدیل) طراحی شود - یا اشتراک یا فروش. نیازی به طمع نیست، زیرا توجه کاربر پراکنده خواهد شد و احتمال خروج او بسیار افزایش می یابد (بدون انتخاب چیزی از گزینه های پیشنهادی). بهتر است مشتریان را مجبور کنید تا کمترین حد ممکن فکر و انتخاب کنند - مسیر صفحه فرود باید مستقیم به عنوان یک فلش (برای او واضح) و بدون هیچ شاخه ای باشد.
- صفحه فرود باید داشته باشد فراخوانی برای اقدام(با افعال در حالت امری - تماس، خرید، دریافت، آمدن و غیره). عبارات باید کوتاه و انگیزاننده باشد. برای مثال، «اکنون بخرید»، «یک دوره ویدیویی دریافت کنید» یا «اشتراک و دریافت کنید».
- حکومت هم می کنند دکمه ها و فلش های روشنکه بر آنها تأکید می کند. دکمههای سایههای قرمز و زرد به خوبی کار میکنند، زیرا قابل توجه هستند و همانطور که بود، یک فراخوان برای عمل هستند.
خوب، به عنوان یک قاعده، فلش ها برای تمرکز بیشتر روی دکمه طراحی شده اند تا رفتار کاربر در صفحه فرود تا حد امکان قابل پیش بینی باشد.
گاهی اوقات آنها واقعاً خوب کار می کنند دکمه های متحرک(اما در هر صورت، آزمایش اثربخشی عناصر خاصی از صفحه فرود ضروری خواهد بود):
- اگر صفحه فرود استفاده می کند(شما نمی توانید بدون آنها در صفحات فرود اشتراک انجام دهید، اما آنها اغلب در فروشندگان نیز استفاده می شوند)، سپس مطمئن شوید که آنها تا حد امکان دارای فیلدهای کمتری هستند. در حالت ایده آل، باید فقط یک فیلد در فرم وجود داشته باشد (برای وارد کردن آدرس ایمیل)، اما برای ارتباط بیشتر (بازاریابی) باید نام کاربری را نیز بدانید، بنابراین دو فیلد رایج ترین گزینه هستند. فیلدهای بیشتر می تواند به میزان قابل توجهی کاهش یابد. تبدیل. علاوه بر این، افزودن فیلدهایی برای وارد کردن شماره تلفن یا آدرس باعث احتیاط کاربران می شود و ممکن است منجر به کنار گذاشتن اقدام هدفمند شود.
- در مقاله درباره، اشاره کردم که کاربران در اینترنت متون را نمی خوانند - آنها آنها را مشاهده می کنند. و مهمترین نکته در این زمینه عنوان است. اگر وجود نداشته باشد (یا به روش مناسب برجسته نشده باشد)، این تبدیل را تا حد زیادی کاهش می دهد. در صفحات فرود سرفصل ها باید جذاب باشندبه طوری که کاربر تمایل به مطالعه بیشتر یا بلافاصله به اتمام یک عمل تبدیل (اشتراک، سفارش، تماس) داشته باشد.
- صفحه فرود شما نه تنها باید دعوت به اقدام و سرفصل های چشم نواز داشته باشد، بلکه باید دارای عناوین جذاب باشد برهان ضرورتاشتراک، خرید، سفارش یا تماس. در مورد یک صفحه اشتراک، این می تواند به عنوان مثال، یک ویدیوی کوتاه با توضیحات و محتوای "رایگان" باشد، یا همه به صورت یک لیست کوتاه (فهرست) باشد. در مورد یک فروشنده، این می تواند یک ویدیو با بررسی محصول، لیستی از خدماتی که ارائه می دهید (از جمله مزیت های رقابتی شما) باشد.
- در صفحات فرود بسیار خوب کار می کند بررسی هااز مشتریان، خریداران یا مشترکان از قبل تثبیت شده (بهتر است اگر برخی از مخاطبین کسانی که این بررسی ها را ترک کرده اند در همان زمان مشخص شود تا همه چیز قابل قبول به نظر برسد).
- آنها همچنین در صفحات فرود به خوبی کار می کنند. قبل و بعد از مقایسه. این مورد برای همه موضوعات قابل استفاده نیست، اما در زمینه کاهش وزن، زیبایی، تناسب اندام و بسیاری از موارد دیگر، می توان از این موضوع با کارایی بالا استفاده کرد. به عنوان مثال، این همان کاری است که یک شرکت ارائه دهنده خدمات رستوران انجام می دهد.
- صفحه فرود می تواند بسیار طولانی باشد، اما هنگام مشاهده صفحه اول(این قسمت از صفحه است که بدون استفاده از اسکرول قابل مشاهده است) باید کاملاً واضح و قابل درک برای کاربر باشد که دقیقاً چه چیزی می خواهید به او بگویید.
- برای تحریک مشترکین یا خریداران محصولات خاص (مثلاً) می توانید از گزینه پاداش های اضافی که مشترک یا خریدار هنگام سفارش دریافت می کند استفاده کنید. هنگامی که کاربر در آستانه تصمیم گیری است، چنین "خوبی" می تواند ترازو را به نفع شما پایین بیاورد.
- و البته شایان ذکر است که "فقط اینجا و فقط برای مدت معینی" این همه شکوه در اختیار کاربر خواهد بود (اشتراک، قیمت ویژه کالا، مجموعه خدمات اضافی). بهترین روش برای انجام این کار چیه؟ درست است، قرار دهید تایمر شمارش معکوستا ساعت X که فرصت از دست خواهد رفت. هیچ چیز مانند ثانیه هایی که به معنای واقعی کلمه از جلوی چشمان ما فرار می کنند، کاربر مردد را برای تصمیم گیری تحریک نمی کند.
در کنار تایمر، بهتر است یک فرم اشتراک، یک فرم سفارش یا یک شماره تلفن تماس قرار دهید. این همیشه کار نمی کند، بنابراین شما نیاز به انجام تست دارید (من به نوشتن یک سری مقاله در مورد انجام تست A / B فکر می کنم - اگر نمی خواهید آن را از دست بدهید، در خبرنامه مشترک شوید) این امکان وجود دارد که چنین راه ساده و واضحی به شما امکان می دهد تا تبدیل این صفحه فرود را افزایش دهید و بیش از پولی که برای تبلیغ در شبکه های اجتماعی یا تبلیغات متنی صرف شده است را جبران کنید.
- کاربران همچنین می خواهند بدانند که دقیقاً چه کسی یک محصول، خدمات، دوره ویدیویی و غیره را به آنها ارائه می دهد، بنابراین ضروری است اطلاعات را در صفحه فرود نشان دهیددرباره نویسنده، فروشگاه، شرکت.
طبیعتاً خوب است که شایستگی ها، دستاوردها، مزیت های رقابتی را ذکر کنید، اما خود را بیش از حد تحسین نکنید تا از مرزی عبور نکنید که اعتبار اطلاعات منتشر شده در حال حاضر در حال کاهش است.
نمونه هایی از خطاهایی که باعث می شود فرود عمل نکند
علاوه بر مواردی که به صفحه فرود کمک می کند کارآمدتر کار کند، ارزش فهرست کردن و اشتباهات رایج هنگام ایجاد صفحات فرود، که می تواند تمام «جنبه های با گوش» فوق را خنثی کند و از تبلیغات یا تبلیغ در شبکه های اجتماعی (یا زمینه) نتیجه دلخواه را نخواهید گرفت.
- اجازه دهید یک بار دیگر به شما یادآوری کنم که عملاً هیچ کس در اینترنت (حداقل یک صفحه تازه باز شده) مطالعه نمی کند ، یعنی اطلاعات را بررسی می کند. اگر معلوم شد که واقعاً ارزشمند است و نیاز به مطالعه دقیق تری دارد، وقت آن است که آن را بخوانید (به طور کلی، درست مانند روزنامه ها). از همین رو اجازه ندهید صفحه فرود مملو از اطلاعات باشد- این می تواند کاربر را منحرف کند و حتی قبل از اینکه بفهمد در مورد چیست، واکنش رد ایجاد کند.
- متن باید کوچک، تا حد امکان مختصر و پر از اطلاعات باشد، نه آب. چند پاراگراف "درباره هیچ" باعث می شود کاربر تمایل زیادی به بستن چنین صفحه فرود داشته باشد. چاپ کوچک نیز در صفحه فرود ضعیف عمل می کند. به طور کلی، استفاده از آن ضروری نیست، زیرا برای بیان اصل، کلمات زیادی لازم نیست.
- انتظارات کاربر را فریب ندهید. اگر در یک تبلیغ یا در یک پست در یک شبکه اجتماعی در مورد یک چیز صحبت کرده اید و وقتی کاربر به صفحه فرود می رسد چیز دیگری را می بیند، در این صورت اعتماد از دست رفته و تبدیل به شدت کاهش می یابد. پیگیری این مکاتبات بسیار مهم است.
طراحی صفحه فروددر واقع بسیار مهم است اگر برای اکثر کاربران ناتمام، غیرحرفهای یا نفرتانگیز است، حتی رعایت تمام قوانین بالا برای ایجاد یک فرود خوب شما را نجات نخواهد داد. اگر خودتان مهارت و سلیقه مناسب ندارید یا طراح کارمند ندارید، میتوانید از طراحان متعدد یا قالبهای آماده فرود استفاده کنید که فقط باید کمی اصلاح شود تا متناسب با نیاز شما باشد.
برای مثال، آزمایش و تجزیه و تحلیل آمار به شما کمک می کند تا بهترین گزینه را تعیین کنید (اغلب همه چیز آنقدر واضح نیست که به نظر می رسد). بنابراین، میتوانید تکمیل عمل هدف را ردیابی کنید و بفهمید کدام عناصر صفحه فرود تبدیل را افزایش میدهند و کدام یک اثر منحرف کننده دارند و باید تغییر کنند.
آیا زمان بیشتری دارید؟ آیا می خواهید از آن به خوبی استفاده کنید؟ سپس پاپ کورن بگیرید، بنشینید و یک استاد کلاس دو ساعته تماشا کنید "الگوریتم گام به گام برای ایجاد صفحه فرود":
مولد فروش
ما مطالب را برای شما ارسال خواهیم کرد:
Landing چهره شرکت شما در شبکه جهانی وب است. اگر کاربر آن را دوست نداشته باشد، به سادگی صفحه را می بندد و شما را فراموش می کند. برای جلوگیری از این اتفاق پیشنهاد می کنیم بهترین صفحات فرود را مطالعه کنید. مثالها به شما کمک میکنند تا در ایجاد تک پیجر خود پیمایش کنید.
از این مقاله یاد خواهید گرفت:
- صفحه فرود چیست؟
- چه کسی بهتر است که ایجاد آن را واگذار کند
- 13 نکته صفحه فرود + مثال های خوب
- صفحه فرود یک فروشگاه آنلاین چگونه باید باشد؟
- نمونه های صفحه فرود با تبدیل بالا
صفحه فرود چیست؟
می توانید مطالب و توضیحات زیادی در مورد مثال های کاربردی در مورد ایجاد صفحات فرود بیابید. این موضوع واقعاً گسترده است، بنابراین جمع آوری تمام روش ها و نکات در یک مقاله دشوار است، اما ما آن را به طور خلاصه انجام دادیم و همه چیز را به زبانی قابل دسترس توصیف کردیم.
فرود آمدنیک سایت تک صفحه ای است. وظیفه آن جلب توجه بازدیدکننده و تشویق او به انجام اقدام مورد نظر توسط مشتری است (خرید محصول، عضویت در خبرنامه، تماس، ارسال درخواست).
اگر به معنای اصلی اشاره کنیم، صفحه فرود در زبان انگلیسی به معنای "هدف" یا "صفحه فرود" است. بسیاری از این منابع به طور گسترده در اینترنت در دسترس هستند.
سه دلیل برای ایجاد صفحه فرود:
- انگیزه خوبیک صفحه فرود با کیفیت بالا بازدید کننده را به اقدامات لازم تحریک می کند.
- سرعت ایجاد. صفحه فرود به اندازه کافی سریع ساخته می شود و هزینه کار در این مورد به طور قابل توجهی کمتر از هنگام نوشتن یک وب سایت کامل است.
- امکان دگرگونی.در صورت لزوم، ایجاد تغییرات در صفحه فرود دشوار نخواهد بود.
سه وظیفه صفحه فرود:
- فروش محصول.برای این منظور از کلمات محرک ("خرید"، "ارسال درخواست"، "تماس"، "سفارش دادن") استفاده می شود.
- مجموعه اطلاعات.برای این، از اصطلاحات "اشتراک"، "بیشتر بیاموزید" استفاده می شود.
- در حال گسترشنرم افزار از طریق فروش
الگوریتم فروش با استفاده از صفحه فرودشامل چهار مرحله است:
- بازدیدکنندگان پیوندی به صفحه فرود (به عنوان مثال، 100 نفر) مشاهده کردند.
- علاقه مند شد، کلیک کرد و انتقال داد (به عنوان مثال، 40 نفر).
- یک برنامه را ترک کرد (به عنوان مثال، 10 نفر)؛
- یک محصول را خریداری کرد (به عنوان مثال، دو نفر).
بازدهی 2% نتیجه خوبی است. البته نمی توان آن را برنده نامید، اما در این مورد جا برای پیشرفت بیشتر وجود دارد.
یک صفحه فرود برای یک شرکت در موارد زیر ضروری است:
1. تبدیل کم منبع اینترنتی اصلی شرکت.
اگر بازدیدکنندگان به سرعت وب سایت شرکت را بدون خرید یا سایر اقدامات ضروری ترک کنند، این نشان دهنده نرخ تبدیل پایین است. در عین حال، شرکت ممکن است منابعی برای راه اندازی مجدد این سایت یا ایجاد سایت جدید نداشته باشد که قابلیت های فروش آن به میزان قابل توجهی بهتر خواهد بود.
PP / OP * 100٪
که در آن PP تعداد کاربرانی است که اقدام هدف را انجام داده اند، OP تعداد کل بازدیدکنندگان منبع در روز است.
به عنوان مثال، در 24 ساعت از سایت شما 360 نفر بازدید کردند، 18 بازدید کننده ثبت نام کردند. در این صورت تبدیل 5 درصد خواهد بود.
در Runet، میانگین نرخ تبدیل سایت در سطح 0.5٪ در نوسان است در حالی که تبدیل صفحات فرود از 5 به 10٪ نشان می دهد. این تفاوت مزیت آشکار صفحه فرود را نسبت به سایت های کامل نشان می دهد.
2. عرضه محصول جدید.
در این مورد، لازم است تبلیغات متنی را در صفحه فرود قرار دهید، که مشابه آن بنرهایی است که هنگام وارد کردن سؤالات لازم برای بازدیدکنندگان موتورهای جستجو ظاهر می شود.
3. حل یک مشکل خاص.
بسیاری از وظایف بازاریابی ممکن است به طور همزمان انجام شوند، بنابراین تغییر وب سایت اصلی شرکت برای آنها نامناسب است. برای حل آنها، یک صفحه فرود ایجاد می شود.
با این حال، برای اینکه واقعاً "کار کند"، مراحل زیر باید انجام شود:
با این وجود، این اشتباه است که فرود را تنها کانال ارتباطی در نظر بگیریم. این یک ابزار کمکی است. اقدامات اصلی با کمک وبلاگ، بازاریابی ایمیلی و غیره انجام می شود. قرار دادن همه چیز در یک صفحه بسیار ناکارآمد است.
اگر بازدیدکننده ای بخواهد شرکت شما را با استفاده از موتورهای جستجو پیدا کند، نمونه هایی از یک وبلاگ شرکتی که دائماً به روز می شود، ارتباط در صفحات شما در شبکه های اجتماعی به او کمک می کند تا بفهمد که شرکت روی کاغذ وجود ندارد. بنابراین تصمیم گیری در مورد فراخوانی یا درخواستی با بازگشت به تک پیجر برای او آسان تر خواهد بود.
به بیان ساده، این نمونهای از صفحه فرود فروش است که در ارتباط با سایر منابع بازاریابی شرکت که اثر فروش را افزایش میدهند، «کار میکند».
ایجاد صفحه فرود خود را به چه کسی بسپارید
صفحه فرود شما باید دستورالعمل های واضحی داشته باشد
تصویر بالا نمونهای عالی از صفحه فرود را نشان میدهد که فروش نمیرود یا درخواست دانلود نمیکند، اما بسیار مؤثر است زیرا حاوی اطلاعات مورد علاقه بازدیدکنندگان به روشی مختصر و در دسترس است (به ویژه جستجوی قطعات اصلی خودرو) .
طراحی لاکونیک، یک پیشنهاد واضح که الزامات تعداد زیادی پرس و جو موضوعی، دستورالعمل های واضح را برآورده می کند - این نمونه ای از یک صفحه فرود با کیفیت است.
فراخوان به عمل به وضوح
هنگامی که یک بازدیدکننده برای اولین بار از سایت بازدید می کند، به طور خودکار شروع به جستجوی پاسخ سوال خود می کند و به لطف آن به صفحه فرود شما منتقل می شود. هر چه زمان کمتری برای جستجو صرف شود، شانس جذب مشتری بیشتر است. آمار بی رحمانه است: 80٪ از مخاطبان هدف در 15 ثانیه اول صفحه را ترک می کنند. دلایل:
- یافتن فوری اطلاعات مورد علاقه غیرممکن است.
بیهوده نیست که این مطالب دائماً کلمات تحریک کننده "اشتراک" ، "سفارش" ، "خرید" و غیره را ذکر می کند. چنین جذابیتی بلافاصله توجه بازدید کننده را به خود جلب می کند. ممکن است برخی از افراد این مثال را خنده دار بدانند، اما اگر صفحه فرود شما دارای یک دکمه قرمز بزرگ با برچسب "اکنون خرید کنید" باشد، می تواند نتیجه عالی داشته باشد.
- پیشنهاد خاصی نداره.
انیمیشنهای متعدد، Caps Lock و پیمایش نامشخص صفحه، بازدیدکنندهای را که نمیتواند دکمه مسئول خرید یا دریافت خبرنامه را پیدا کند و میخواهد هر چه زودتر از این آشفتگی خارج شود، منحرف میکند.
برای افزودن ویژگی به تماس و روشن کردن آن، باید قوانین را دنبال کنید:
- دو دکمه قرمز مستطیلیبا یک فعل بزرگ در مرکز، در ابتدا و انتهای صفحه قرار داده شده است.
- متن باید تا حد امکان واضح باشد.. هر بازدید کننده باید بلافاصله بفهمد که در نتیجه اقدامات خاص چه چیزی دریافت می کند.
- انحراف از ایده اصلی "زباله" غیرقابل قبول است» (گرافیک نامفهوم، تصاویر غیر موضوعی، بنرهای شخص ثالث و ...).
- انحصاری بودن محصول توسط اعداد مورد تاکید قرار گرفته است.صفت های ستایش کننده مترادف را به رقبا بسپارید. بازدیدکننده باید نتایج بیان شده ریاضی استفاده از محصول شما را ببیند، به خصوص اگر مقایسه ای با آنالوگ ها وجود داشته باشد. دکمه قرمز لزوما باید با این مثال ها همراه باشد.
- به مشتری نشان دهید که پیشنهاد شما چقدر سودآور است.در اینجا نیز بهتر است از اعداد استفاده شود.
اما با مشتری به عنوان یک مبتدی در فروش آنلاین، با استفاده از ترفندهای تبلیغاتی آشکار یا استفاده بیش از حد از آنها رفتار نکنید. بازدیدکننده چنین پیشنهادی را بی مورد مداخله جویانه تلقی می کند و به احتمال زیاد صفحه فرود شما را ترک می کند.
Relevance را در نظر بگیرید
تبلیغات متنی و صفحه فرود باید مرتبط باشند، یعنی محتوای آنها باید با یکدیگر و انتظارات یک مشتری بالقوه مطابقت داشته باشد. در غیر این صورت، بازدیدکنندهای که روی یک بنر موضوعی کلیک میکند و به صفحه فرود شما میرود، نمیتواند فوراً اطلاعات مورد علاقه را پیدا کند و به احتمال زیاد منبع را ترک میکند.
ایجاد یک صفحه فرود برای هر کانال ترافیک (شبکه های اجتماعی، تبلیغات متنی و غیره) ضروری است.
در بالا نمونه ای از صفحه فرود با کیفیت بالا با استفاده از تعداد زیادی کلمات کلیدی مشاهده می شود.
پاسخ به اعتراض مشتری را آماده کنید
از هر 10 مشتری فقط یک نفر بدون فکر کردن محصولی را خریداری می کند. اکثر بازدیدکنندگان صفحه فرود به دلیل ترس از تقلب یا نارضایتی محصول، انتخاب خود را با دقت می سنجند. در قلب ترس ها نیز ممکن است تمایل مشتری برای مخفی نگه داشتن واقعیت خرید نهفته باشد.
چنین ترس هایی طبیعی هستند و نمی توان از آنها اجتناب کرد. بنابراین متن صفحه فرود باید آنها را از قبل پیش بینی کرده و به مشتری اطمینان دهد. استدلال های قانع کننده ای به محتوا اضافه کنید که در نهایت می تواند همه شک ها را برطرف کند:
- ضمانت بازگشت.مشتری باید مطمئن باشد که می تواند محصولی را که دوست ندارد در مدت زمان معینی برگرداند.
- تست رایگان، که به مشتری این امکان را می دهد که بدون پیش پرداخت محصول را امتحان کند.
چنین نمونه فروش صفحه فرود، صفحه فرود یک استودیو آواز است که آموزش های آنلاین آواز را ارائه می دهد.
صفحه فرود یک فروشگاه آنلاین چگونه باید باشد (مثال)
هر خریدی در وب لزوماً با پر کردن تعداد زیادی فرم ثبت نام و تکرارهای زیاد مربوط به تأیید حساب و غیره همراه است. چنین اقداماتی زمان زیادی می برد و نمی توان از آنها اجتناب کرد. این رویکرد برخی از بازدیدکنندگان را مجبور می کند که خرید را رها کنند.
صفحه فرود نیازی به ثبت نام و تایید حساب ندارد. پس از پر کردن چندین خط، داده های بازدید کننده به طور خودکار وارد پایگاه مشتری می شود، در حالی که او این فرصت را پیدا می کند تا "تماس برگشتی" را سفارش دهد.
فراموش نکنید که تبدیل یک صفحه فرود اغلب 10 برابر بیشتر از یک سایت کامل است. قالب چند صفحه ای یک منبع وب می تواند بازدید کننده را گیج کند، زیرا گاهی اوقات هدف اصلی "بازدید" خود را فراموش می کند.
تک صفحه ای این اجازه را نمی دهد، زیرا اطلاعات موجود در آن بسیار واضح و مختصر ارائه می شود و خود پیشنهاد مختصر است و فرد را به انجام اقدامات لازم تشویق می کند. هنگامی که صفحه فرود به دستگاه های تلفن همراه تبدیل می شود، منجر به افزایش فروش می شود (نرخ رشد تا 30٪ می رسد).
زمانی که یک تک پیجر مجهز به کاتالوگ و امکانات کامل یک فروشگاه اینترنتی باشد، می تواند فروش یک دسته محصول را افزایش دهد. محصول به صفحه فرود آورده می شود و از آنجا فروخته می شود. یا از یک صفحه ای، بازدید کننده به کاتالوگ به صفحه محصول هدایت می شود.
اگر سبد خرید در صفحه فرود قرار گیرد، به طور خودکار به فروشگاه تبدیل می شود. مشتری در کوتاه ترین زمان ممکن از تمامی اطلاعات مورد علاقه خود مطلع شده و با یک کلیک اقدام به خرید می کند.
صفحه فرود را تماشا کنید
ساعت ها یکی از پرتقاضاترین محصولات بوده، هستند و خواهند بود. بسته به عملکرد، آنها می توانند نشانه وضعیت خاصی باشند و وظایف خاصی را انجام دهند. چنین طیف گسترده ای از فرصت ها باعث ایجاد رقابت بزرگ در این جایگاه می شود و کسب موقعیت پیشرو در اینجا بسیار دشوار است.
یک صفحه فرود برای این منظور مناسب است. به عنوان مثال، برای تغییر به یک پیجر، می توانید از تیزر، تبلیغات هدفمند و متنی، شبکه های اجتماعی استفاده کنید.
برای اینکه صفحه فرود ساعت شما را از رقبا متمایز کند، باید ساختاری بدیع، طراحی جذاب و محتوای معنادار داشته باشد. برای انجام این کار، توصیه ها را دنبال کنید:
- برای قرار گرفتن در صفحه فرود، بهتر است از تصاویر ساخته شده در فروشگاه ساعت خود استفاده کنید.به عنوان یک قاعده، عکس های موجود در سهام بیش از حد "هکنی" هستند، بنابراین آنها اعتماد به نفس را در بین بازدیدکنندگان ایجاد نمی کنند. با کمک یک عکس، می توانید حال و هوای خاصی را برای مشتری ایجاد کنید، بنابراین باید از قبل روی ایده تصویر فکر کنید.
- اگر بازدید کننده از انتخاب خود کاملا مطمئن نباشد، چندین گزینه را در سبد قرار می دهد. به احتمال زیاد، هیچ یک از آنها کاملاً تمام خواسته ها را برآورده نمی کند و خرید تکمیل نخواهد شد. برای خریدار انتخاب کنید و از نظر سبکی بهترین گزینه را برجسته کنید.
- می توانید عکس های کارمندان یا رئیس را پست کنید.این "انسان سازی" صفحه فرود به افزایش وفاداری مشتری کمک می کند.
- هر خریدی رنگ احساسی دارد. احساس مردم هنگام خرید ساعت را به بازدیدکنندگان نشان دهیدو مالکیت بعدی
- آنها برای افزایش وفاداری مشتریان جدید کار می کنند
سلام، خوانندگان مجله مالی "RichPro.ru"! امروز ما در مورد فرود صحبت خواهیم کرد، چه چیزی است، چه مزایا و معایبی دارد و غیره.
فرود آمدن("صفحه فرود" یا صفحه فرود ) یک اصطلاح شناخته شده برای یک صفحه وب با مشخصات خاص است. با این حال، ماهیت چنین صفحاتی برای همه شناخته شده نیست.
پس صفحه فرود چیست؟تعریف مختصری از "صفحه فرود" را می توان به شرح زیر بیان کرد - این یک صفحه اینترنتی در یک دامنه است، زیر دامنه در قالب html/css(یا دیگر).
فرود آمدنعلاقه مند به افرادی که کالاهای مختلف را در اینترنت می فروشند.
چنین "صفحه فرود" حاوی تبلیغات مزاحم، متن بی فایده، بنرهای چشمک زن یا منوهای بازشو نخواهد بود.
از این مقاله یاد خواهید گرفت:
- صفحه فرود چیست و چگونه از آن استفاده کنیم.
- مزایای صفحه فرود در مقایسه با یک سایت معمولی چیست؟
- نحوه ایجاد یک صفحه فرود به صورت رایگان و تبلیغ آنلاین آن؛
- بهترین طراحان صفحه فرود کدامند و قالب های آماده را از کجا دانلود کنیم.
- چگونه در صفحه فرود کسب درآمد کنید و چه مالیات هایی باید پرداخت کنید.
ما برای شما یک مطالعه سازنده در مورد مواد آرزو می کنیم!
لندینگ (صفحه فرود) چیست، انواع آن، چگونه خودتان آن را ایجاد کنید و سایر اطلاعات، در ادامه مقاله بخوانید
1. صفحه فرود (یا صفحه فرود) چیست - ویژگی ها و مزایای آن 📌
صفحه فرود- این یک سایت یک صفحه ای در شبکه است که می تواند چندین نام داشته باشد:
- صفحه فرود یا فرود؛
- "لندوس"؛
- صفحه جذب مشتری
وظیفه اصلی صفحه فرودتشویق بازدیدکنندگان سایت به انجام نوعی اقدام فعال است - تماس بگیرید، درخواست بدهید، محصول بخرید، در خبرنامه مشترک شویدو غیره.
به این معنا که، صفحه فرودابزار بازاریابی اینترنتی است که برای افزایش فروش کالاها یا خدمات مختلف در اینترنت طراحی شده است.
1.1. تاریخچه توسعه صفحه فرود
صفحه فرود حدود 10 سال پیش توسط بازاریابان اینترنتی در ایالات متحده آمریکا اختراع شد.
در یک نقطه خاص، آنها متوجه شدند که رقابت در بازار به طور مداوم در حال افزایش است. وب سایت ها، فروشگاه های آنلاین در حال بهبود هستند و بازدیدکنندگان همیشه نمی توانند بفهمند که یک شرکت نسبت به شرکت دیگر چه مزیتی دارد.
رقابت جدی در صنعت دلیل اصلی ایجاد صفحه فرود بود.
نمونه ای از صفحه فرود فروش ایده آل
1.2. اهداف و اهداف صفحه فرود
هدف از صفحه فرود دریافت مخاطبین خریداران بالقوه ای است که از این تک پیجر بازدید کرده اند.
توجه داشته باشید! فروش محصول/خدمت در مرحله بعد و پس از اقدام هدفمند بازدیدکننده یعنی ارائه درخواست مشاوره انجام می شود.
کارشناسان بازاریابی اینترنتی می گویند که یک صفحه فرود با کیفیت بالا می تواند تبدیل یک سایت را چندین برابر کند. با استفاده صحیح از صفحه فرود، تبدیل فروش می تواند افزایش یابد 8-35٪.
1.3. قیف فروش و تبدیل
هر صاحب وب سایتی دائماً به دنبال راه هایی برای افزایش محبوبیت و به حداکثر رساندن فروش است.
معیارهای اصلی برای تعیین بهره وری از منابع اینترنتی، هستند "قیف فروش"و تبدیل سایت. با درک ماهیت این مفاهیم، می توانید از سطح فروش خود مطلع شوید. بیایید نگاهی دقیق تر به این تعاریف بیندازیم.
تبدیل و قیف فروش شاخص های اصلی عملکرد صفحه فرود هستند
1) تبدیل وب سایت
تبدیل وب سایت مهم ترین شاخص اثربخشی یک منبع اینترنتی در نظر گرفته می شود.
مقدار تبدیل تعداد بازدیدکنندگان صفحه را نشان می دهد که خریداران محصولات/خدمات شما شده اند.
به عبارت دیگر، تبدیل سایت نوعی "نشانگر" است که برآورده شدن الزامات مورد نیاز شما را نشان می دهد، برای مثال:
- خرید کالا؛
- اشتراک خبرنامه؛
- دانلود فایل های خاص؛
- ثبت؛
- اقدامات دیگر.
مثلابرای گردشگری یک سطح کاملا عادی در نظر گرفته می شود 8-13% . اما سایتی که کت های خز نخبه می فروشد، تبدیل شده است تا 10%، و این یک شاخص عالی در نظر گرفته می شود. (واقعیت این است که مشتریان داخلی قدرت خرید بالاتری دارند).
مهم! به عنوان یک قاعده، نرخ تبدیل در نوسان است از 2-3٪ تا 20-40٪. اگر تبدیل به عنوان مثال 20٪ باشد، به این معنی است که از صد بازدید کننده هدف که به سایت آمده اند، بیست نفر اقدام مورد نظر را انجام داده اند.
تبدیل وب سایت باید دائماً بهبود یابد. برای این کار باید اعتماد کاربران سایت را جلب کنید. وب سایت شما باید کاربرپسند باشد و اطلاعات آن به راحتی قابل دسترسی باشد.
شایان ذکر است که نرخ تبدیل یک صفحه فرود همیشه بالاتر از یک سایت معمولی است.
2) قیف فروش
یک قیف فروش می تواند تعداد بازدیدکنندگان سایت شما را که اقدام مورد نظر شما را انجام نداده اند را نشان دهد. این نمودار به شکل یک هرم معکوس است. چنین قیفی دارای نمایش زیر است:
- تعداد بازدیدکنندگان منحصر به فرد؛
- تعداد بازدیدکنندگان منحصر به فردی که اقدامات مورد نیاز شما را تکمیل کردند.
- تعداد مشتریانی که برای یک محصول یا خدمات پول پرداخت کرده اند.
در صورت استفاده صحیح، یک قیف فروش می تواند به یک دستیار مؤثر در برنامه ریزی میزان بهینه مطالب تبلیغاتی، تعداد مخاطبین در هر مرحله از فروش تبدیل شود.و غیره.
بر اساس شاخصهای قیف فروش، میتوان نتیجهگیری کرد کیفیت مدیریتو نیاز به تعدیل کار در مرحله خاصی از فروش.
این ابزار تحلیلی درک درستی از نحوه تصمیم گیری یک مشتری بالقوه برای خرید محصول یا خدمات ارائه شده توسط شما را فراهم می کند. چه چیزی او را به این کار تشویق می کند.
پس از تجزیه و تحلیل این مراحل، می توانید از طریق یک صفحه فرود که به خوبی طراحی شده است، کنترل رفتار مشتری را اعمال کنید.
ارزش قیف فروش در تقسیم بندی حجم عظیمی از خریداران بر اساس رفتار و علایق است.
مثالدو نفر هستند که می خواهند یک وسیله نقلیه بخرند.
کسی هنوز تصمیم نگرفته که دقیقاً چه چیزی می خواهد بخرد - هواپیما یا ماشین. برعکس، دومی به وضوح می داند که به ماشین نیاز دارد. این افراد کاملاً متفاوت هستند.- اولی، بعد از فکر زیاد، عموماً یک دوچرخه برای خودش می خرد، اما دومی حاضر است حتی فردا به دنبال ماشین برود.
به عنوان یک قاعده، کل مسیر از علاقه به محصول شما تا لحظه لرزش خرید آن به چهار مرحله تقسیم می شود:
- مرحله 1. آگاهی.
- مرحله 2. علاقه.
- مرحله 3. تصمیم گیری.
- مرحله 4. اقدام.
با قرار دادن این مراحل روی تعداد افرادی که در هر مرحله هستند، در نهایت واقعاً یک قیف به دست میآورید که به پایین باریک میشود.
1) در قسمت بالایی آن افرادی قرار دارند که متوجه شده اند به یک محصول خاص علاقه مند هستند. در این مرحله، فرد سعی می کند اطلاعات کلی در مورد محصول مورد علاقه خود، شاید آنالوگ های آن، حداقل ویژگی ها را بیابد.
3) در صورت تصمیم گیری برای خرید محصول، مشتری به مرحله بعدی می رود که در آن نقش کلیدی به وضوح و وضوح محتوا اختصاص می یابد. این اوست که می تواند شخصی را به خرید ترغیب کند یا مانع چنین تصمیمی شود.
4) در انتهای قیف افرادی هستند که از وضعیت بازدیدکنندگان سایت به وضعیت خریدار منتقل شده اند. اگر قیف فروش به درستی سازماندهی شود، مشتری قطعاً محصول را در همان سایت خریداری خواهد کرد.
هدف هر صفحه فرود با کیفیتی است ارتقای نامرئی بازدیدکننده در تمام مراحل قیف فروش از آگاهی تا عمل. بهترین ابزار می تواند مقالات آموزشی، راهنمای گام به گام، اینفوگرافیک باشد.
مهم! اطلاعات محصول باید مشخص باشد. هدف آن افزایش انگیزه یک مشتری بالقوه برای خرید است.
فروش آنلاین به طور مداوم در حال رشد است. در کنار این، قیف فروش نیز تغییر خواهد کرد. شاید به مرور زمان پیچیده تر شود. بنابراین، درک آن در حال حاضر بسیار مهم است.
1.4. ضبط عملکرد صفحه
بیشترین اثربخشی فرود فقط با مشارکت در توسعه حاصل می شود تیم کامل حرفه ای.
برای ایجاد یک صفحه فرود با کیفیت بالا (قبل از راه اندازی آن در اینترنت)، به کمک متخصصان زیر نیاز دارید.
- مدیر پروژه.هدف نهایی را هنگام توسعه یک صفحه فرود تعیین می کند، تمام مراحل اجرای طرح فنی را نظارت می کند، بازگشت سرمایه در تبلیغات را محاسبه می کند، تمام تصمیمات مهم را می گیرد.
- بازاریابوظیفه او توسعه یک استراتژی کلی، ایجاد نمونه اولیه از سایت آینده، برنامه های وابسته موثر و USP (پیشنهاد فروش منحصر به فرد) است. همچنین چشم انداز مفاهیم ایجاد شده را تعیین می کند و نتایج به دست آمده را تجزیه و تحلیل می کند.
- طراح وب.بر اساس نمونه اولیه سایت تایید شده، او طرح بندی صفحه فرود را توسعه می دهد، مسئول جلوه های ویژه سایت است.
- توسعه دهنده فرانت اند.درگیر برنامه نویسی و طرح بندی بعدی صفحه فرود، آزمایش نمایش صفحه در دستگاه های مختلف، تنظیم کار فرم های طراحی شده برای ارسال درخواست ها و تماس ها از وب سایت.
- کپی رایتر.محتوای "فروش" را می نویسد، با استفاده از روش 4U تیتر ایجاد می کند. همچنین در ساخت نمونه اولیه صفحه فرود و بهینه سازی بلوک های معنایی آن نقش دارد.
- متخصص SEM - زمینه شناس.هسته معنایی را تجزیه و تحلیل می کند، پرس و جوهای هدف را برای موتورهای جستجو انتخاب می کند، تبلیغات متنی را تنظیم می کند، آن را تجزیه و تحلیل می کند و در صورت لزوم آن را اصلاح می کند (ما در مورد نحوه جمع آوری آن در یک مقاله ویژه نوشتیم).
فقط کار هماهنگ همه متخصصان می تواند یک صفحه فرود واقعاً با کیفیت بالا ایجاد کند.
1.5. چرا یک وب سایت یک صفحه ای ایجاد کنید - 3 مزیت اصلی یک صفحه فرود
مزایای اصلی صفحه فرود را در مقایسه با سایر سایت ها و فروشگاه های آنلاین در نظر بگیرید. (مقاله ما را نیز بخوانید - جایی که دستورالعمل های گام به گام برای ایجاد و راه اندازی یک IM موفق را خواهید یافت).
پس بیایید به ترتیب شروع کنیم:
- یک صفحه به افزایش تعداد بازدیدکنندگانی که در خبرنامه ها و خبرنامه های ایمیلی مشترک می شوند تقریباً کمک می کند. 20-30% ، در مقایسه با یک سایت معمولی!
- افزایش می یابد 50% احتمال خرید محصولی که ارائه می دهید!
- بازدیدکنندگان سایت را متقاعد می کند که یک برنامه یا برنامه جدید را دانلود و نصب کنند!
قوانین و نکاتی برای ایجاد صفحه فرود
2. 13 قانون اساسی برای ایجاد صفحه فرود شما 📎
صفحات فرود با تبدیل وجود دارد 40-60% . چنین شاخص هایی به این معنی است که هر بازدیدکننده دوم از سایت داده های خود را ترک می کند یا درخواستی برای خرید کالا ایجاد می کند. دو عامل در این موفقیت نقش داشتند:
- اکثر بازدیدکنندگان صفحه این مخاطب هدف است. افراد علاقمند به محصول ارائه شده از سایت بازدید کردند.
- صفحه فرود ایجاد شد طبق قوانین سنتی، که کارایی بالای سایت را تضمین می کند.
قانون شماره 1. صفحه فرود باید شامل یک محصول باشد
نتوانستید بازدیدکننده را ترغیب کنید تا روی دکمه "خرید" کلیک کند؟
برای افزایش تعداد مشتریان، رعایت اصول زیر ضروری است:
- توجه کاربر باید روی یک محصول متمرکز شود.
- فقط در مورد مزایای این برنامه خاص به مشتری بگویید.
- تعیین قیمت تخفیف برای یک مورد؛
- علاقه مند کردن بازدید کننده به لیست پستی در مورد یک موضوع.
هنگامی که چندین محصول روی یک صفحه قرار می گیرند، توجه مشتری پراکنده می شود. نگاهی به کل صفحه می اندازد. شاید او به یک عکس خنده دار یا تخفیف چشمک زن علاقه نشان دهد. با این حال، در پایان، تب همچنان بسته خواهد شد. یک دقیقه طول نمی کشد تا یک بازدیدکننده سایت شما را فراموش کند.
اگر بازدیدکننده ای به سایت بیاید و محصولی را ببیند که بتواند تمام توجه خود را روی آن متمرکز کند، میزان علاقه او افزایش می یابد. و احتمال اینکه او عمل مورد نیاز شما را انجام دهد نیز بسیار زیاد خواهد شد.
قانون شماره 2. فراخوان اقدام باید واضح باشد
با ورود به صفحه، اولین چیزی که کاربر از خود می پرسد این است که به کجا و چرا رسیده است.
مهم! اگر در ثانیه های اول اقامت خود در صفحه نتواند پاسخی پیدا کند، مشتری بالقوه تضمین می شود که گم شود. ارائه بازدید کننده ضروری است اطلاعات واضح و قابل درک در مورد محصول شما.
آمار نشان می دهد که در مورد 80% خریداران بالقوه سایت را ترک می کنند در پانزده ثانیه اول. دلایل اصلی این واقعیت عبارتند از:
- نداشتن انگیزه برای عملیعنی بازدیدکننده پیدا نکرد (نفهمید) چه کاری در سایت انجام دهد. به شخص پیشنهاد نمی شود که سفارش دهد، مشترک شود، بیشتر بداند و غیره. یک صفحه فرود خوب باید حاوی فراخوان های خاص برای اقدام. اگر "دکمه قرمز بزرگ" در صفحه وجود نداشته باشد که کلمه "خرید" روی آن نوشته شده باشد، چنین فرود نتیجه مطلوبی را به همراه نخواهد داشت.
- بار بالای صفحه، که بازدید کننده را گیج می کند.شخص نمی تواند بفهمد که چه چیزی به طور خاص به او پیشنهاد می شود. جزئیات چسبنده زیاد، تعداد زیادی انیمیشن غیر ضروری و غیره فقط باعث آزار کاربران می شود. هر یک از این عناصر سعی در جلب توجه شخص دارد. در نتیجه تماس اصلی برای خرید یا اشتراک اهمیت خود را از دست می دهد.
این نکات به افزایش فروش محصول شما کمک می کند.
- دکمه قرمزشکل مستطیلی با یک فعل بزرگ در مرکز قرار داده شده تا به شما کمک کند. چنین دکمه ای باید هم در ابتدا و هم در انتهای صفحه فرود وجود داشته باشد.
- خود را واضح و مشخص بیان کنید. شما نیاز به توضیح واضح و مختصر دارید که بازدیدکننده باید چه کاری انجام دهد و در ازای آن چه چیزی به دست خواهد آورد.
- هر چیزی را که می تواند از ایده اصلی منحرف شود را حذف کنیدیعنی عناوین نامفهوم، گرافیک، بنرهای تبلیغاتی بزرگ با قرار دادن کالاهای دیگران، تصاویر خنثی و غیره.
- مشتری را نسبت به انحصاری بودن محصولی که ارائه می کنید متقاعد کنید.هنگام توصیف مزایای یک محصول، باید از مقایسه ها، اعداد زیادی استفاده کنید. در کنار این اطلاعات باید قرار گیرد دکمه قرمز. گاهی اوقات تصمیم برای خرید یک محصول می تواند خود به خود باشد. برای برآورده کردن فوری میل خریدار، این دکمه ارزشمند "خرید" مورد نیاز است
- مزایای خاص را شناسایی کنیداز استفاده بازدیدکننده از پیشنهاد شما.
با این حال، در تمایل به خریدار زیاد غیرت نکنید. وجود ترفندهای تبلیغاتی زیاد و پیشنهاد وسواس گونه برای خرید محصول تنها باعث بازدیدکننده منفی می شود.
قانون شماره 3. سرفصل های فروش و جذاب ایجاد کنید
یک صفحه فرود خوب یک پیشنهاد تبلیغاتی دارد که به راحتی در تیتر قرار می گیرد.
نمونه هایی از سرفصل های فروش: اگر محصول شما لامپ های فلورسنت است؟ عنوان اینجاست - "صرفه جویی در انرژی 4 برابر کارآمدتر" . آیا باید bbws را به مرکز تناسب اندام دعوت کنید؟ رویای آنها را در عنوان بنویسید - چه کسی چهره یک ستاره تلویزیونی را می خواهد؟ .
باید از سرفصل های حروفچینی استفاده شود تگ های h1 و h2. در صورت امکان، شامل عبارات کلیدی در عناوین- اینها کلمات یا عباراتی هستند که مشتریان سایت شما را از طریق موتور جستجو پیدا می کنند.
قانون شماره 4. از کپی فروش هوشمند استفاده کنید
متن اول است.
مهم! طراحی فرود باید تنها پس از تدوین متن با کیفیت نهایی سفارش داده شود.
برای نوشتن یک متن درجه یک شما نیاز دارید:
- پرتره ای از "خریدار ایده آل" ایجاد کنید، یعنی شخصی که دقیقاً به محصول شما نیاز دارد.
- کتابهای روانشناسی فروش و بازاریابی را بخوانید;
- یاد بگیرید که چگونه بازدیدکننده را در یک مکالمه درگیر کنید.در این صورت مونولوگ خواهد بود. سعی کنید یک گفتگوی مجازی با مشتری شروع کنید، سوالاتی که ممکن است داشته باشد را شناسایی کنید. پاسخ های خود را در متن بنویسید. اطلاعات محصول باید جامع باشد. شما نباید به تعداد مشخصی از کاراکترها محدود شوید.
اکنون از طرف متخصصان بازاریابی اینترنتی می توانید اظهارات انتقادی در مورد صفحات فرود بزرگ بشنوید. با این حال، اگر به این وضعیت دقت کنیم، مشخص می شود که عمده انتقادات متوجه متون خسته کننده و بی اطلاع است. اما طرفداران به نوعی فراموش می کنند که در مورد صفحات فرود طولانی طولانی انتقاد کنند.
نیازی به ترس از متن های بزرگ نیست اگر:
- محصول ناشناخته و پیچیده است.مشتری باید هر یک از مزایای آن را با جزئیات شرح دهد. مثال های زیادی بیاورید که مزایای محصول را ثابت کند.
- محصول گران است.برای علاقه مند کردن یک شخص، باید از تمام قدرت های برتر صفحه فرود استفاده کنید - تخفیف، هدایا، گارانتی و خدمات پس از گارانتی، کیس، نقد و بررسی.
قانون شماره 5. متون را به درستی قالب بندی کنید
این قانون یکی از مهم ترین قوانین برای تبلیغ و فروش خدمات یا کالاها است.
هنگام قالب بندی متن، توصیه های زیر باید رعایت شود:
- فونت قابل خواندن - 16 pt. ( Open Sans، Garamond، Georgia، PT Serif، Arial).
- خط نباید بیش از 80 کاراکتر باشد.
- هر 3-5 سطر باید یک پاراگراف باشد.
- برای هر 2-4 پاراگراف یک عنوان فرعی لازم است. عناوین فرعی باید به گونه ای نوشته شوند که کاربر پس از مطالعه آن را به راحتی متوجه شود آنچه در پاراگراف بعدی مورد بحث قرار خواهد گرفت.
- حضور اجباری جداول، نقل قول ها، فهرست ها (شماره گذاری شده یا علامت گذاری شده).
قانون شماره 6. تبلیغات تهاجمی کمتر!!!
سه علامت تعجب در پایان یکی از نشانه های تبلیغات تهاجمی است. علاوه بر این، "CAPS LOCK" نیز وجود دارد.
توجه داشته باشید! برای اکثر مردم، کلمات یا عباراتی با تمام حروف بزرگ و علامت تعجب مشکوک هستند. آنها اعتقاد قوی دارند که آنها می خواهند تقلب کنند.
اگر یک کپی رایتر، مدیر محتوا یا ویرایشگر از چنین مواردی استفاده کند، این نشان دهنده صلاحیت پایین آنها است.
همچنین گنجاندن عبارات هک شده مانند "کمترین قیمت در منطقه"، "سیستم تخفیف انعطاف پذیر"، "رویکرد فردی" و غیره در متن توصیه نمی شود. اطلاعاتی که با حقایق، ارقام، مقایسه ها پشتیبانی نمی شوند، به سادگی بی فایده هستند. بنابراین باید بدون هیچ تاسفی از متن حذف شود.
قانون شماره 7. ساختار صفحه فرود هوشمند
باید درک کرد که نگاه کاربر چگونه حرکت خواهد کرد.
اگر همه عناصر صفحه در جای خود قرار گیرند، فرد به راحتی می تواند اطلاعات را درک کند. و اگر بازدید کننده محصولی را که شما ارائه می دهید درک کند، احتمال خرید آن به میزان قابل توجهی افزایش می یابد.
همچنین نیاز است ناوبری بصری- اینها تصاویر موضوعی، نمادها و فلش ها هستند. شما می توانید توجه یک فرد را با رنگ های متضاد جلب کنید - سرفصل ها را برجسته کنید , دکمه قرمز بسازید , نارنجییا رنگ زرد.
قانون شماره 8 فرود باید مرتبط باشد - این بسیار مهم است!
مفهوم ربط یعنی مطابقت.
یک فرود مرتبط یک صفحه وب است که انتظارات بازدیدکنندگان را برآورده می کند.
فرود باید نه تنها برای هر شرکت بازاریابی، بلکه برای هر منبع ترافیک توسعه یابد. به عنوان مثال، اگر بازدیدکنندگان از هر شبکه اجتماعی به صفحه شما بیایند، این اطلاعات باید در سایت نمایش داده شود.
قانون شماره 9. شما باید برای اعتراض آماده باشید.
در باره 9 از 10 مشتریقبل از خرید، در تصمیم خود فکر کنید. مردم از کلاهبرداران می ترسند، برای امنیت خود می ترسند.
مشتریان زیادی هستند که مایلند خرید خود را از دیگران پنهان کنند. برخی از مردم ترس از دست دادن پول خود را دارند یا نسبت به قیمت پایین کالا ناباورند.
از آنجایی که شما فرصتی برای برقراری ارتباط شخصی و از بین بردن تمام ترس های کاربر ندارید، باید از قبل به پاسخ های مستدل به انواع اعتراضات رسیدگی کنید. آنها باید در متن گنجانده شوند.
- تضمین بازگشت سرمایهبه عنوان مثال در عرض 1-2 هفته؛
- فرصتی را فراهم کنید تا محصول را به صورت رایگان امتحان کنید، همچنین در یک دوره 2 هفته ای. تاکید کنید که چنین پیشنهادی به فرد کمک می کند تصمیم بگیرد.
این حرکات بازاریابی همیشه در هنگام توسعه صفحات فرود مرتبط بوده و خواهد بود.
قانون شماره 10 از اصل کمیابی و اثر فوریت استفاده کنید
نیاز به کمبود خیلی مرتبزیرا همه به این ترفند نمی افتند.
مهم! امروز هیچ کس به تایمر شمارش معکوس توجه نمی کند. به خصوص اگر پس از بارگذاری مجدد صفحه به طور منظم به روز شود.
شما باید از روش های دیگری استفاده کنید. مثلا، اطلاعاتی در مورد مقدار کالاهای باقی مانده نشان داده و این اعداد را مرتباً به روز کنید. بازدید کننده باید ببیند که کالا به سرعت فروخته می شود.
مثال:باید سعی کنید مطمئن شوید که الگوریتم اقدامات یا افکار خریدار به شرح زیر است: «دیروز 100 دستگاه نان در انبار موجود بود. با تخفیف 50% ، امروز صبح ساعت 33 است و فقط به شام نزدیکتر است 5 چیزها ما باید همین الان خرید کنیم تا کالا هنوز موجود است!»
قانون شماره 11. بازدید کننده را از قابلیت اطمینان خود متقاعد کنید
عناصر اعتماد به بهترین وجه در نزدیکی تماس ها برای اقدام قرار می گیرند.
- استفاده از دکمه های رسانه های اجتماعی- ایجاد یک گروه (صفحه)، لیستی از مشترکین در گروه VK، فید توییت ها، لایک ها در فیس بوک. (و برای تبلیغ قبلاً در آخرین شماره خود نوشتیم)
- ارسال نظرات به همراه پیوندهایی به شرکت ها یا افرادکه آنها را ترک کرد
- نمایش گواهینامه ها، جوایز.در صورت لزوم، تمام اسناد باید در اندازه کامل باز شوند و به راحتی قابل خواندن باشند.
قانون شماره 12. هیچ فرم پیچیده ای برای پر کردن در سایت وجود ندارد
به عنوان یک قاعده، فرم ورود اطلاعات شخصی اکثر بازدیدکنندگان را آزار نمی دهد. در صورت لزوم، افراد از مخاطبان هدف همیشه آماده نوشتن هستند نام، شغل، آدرس ایمیل.
معمولاً مشکلات در مراحل بعدی ثبت نام ظاهر می شود، زمانی که از بازدید کننده خواسته می شود جزئیات زندگی خود را بگوید. بهتر است اینگونه سوالات را پس از تایید واقعیت ثبت نام توسط کاربر مطرح کنید.
یک مشکل به همان اندازه رایج، یک کپچای پیچیده است!
کپچا - این یک فرم پاپ آپ برای وارد کردن مجموعه ای از کاراکترهای خاص (اعداد و حروف) است. با پر کردن کپچا، بازدید کننده تایید می کند که ربات نیست.
گاهی اوقات رمزگشایی شخصیت ها و نوشتن آنها به ترتیب صحیح زمان زیادی می برد. به همین دلیل است که تقریبا 30-40% مردم فقط برگه را می بندند و پیشنهاد شما را فراموش می کنند.
نیازی به استفاده از کپچا نیست. اجازه دهید رقبای شما آن را داشته باشند.
قانون شماره 13. سادگی و در دسترس بودن ادراک
این قانون نشان دهنده ماهیت تمام قوانین قبلی است.
مهم! باید سفارش داد صفحه فرود ساده.
او باید باشد:
- بدون گرافیک و متن غیر ضروری؛
- با پیشنهاد انجام تنها یک اقدام - خرید یک محصول، اشتراک در یک خبرنامه و غیره؛
- جادار و زیاد شلوغ نیست
صفحه فرود کاملصفحه ای است که با آزمایش، تنظیم و اندازه گیری عملکرد به دست می آید.
3. خودتان یک صفحه فرود ایجاد کنید یا بهتر است صفحه فرود را به افراد حرفه ای سفارش دهید؟
توسعه صفحه فرود توسط خودتان کار چندان دشواری نیست. با دانش و صبر، هر کسی می تواند یک صفحه فرود ایجاد کند. با این حال، در چنین موردی وجود دارد مثبت (+) لحظه ها، و منفی (-) .
تمام مزایا و معایب ایجاد یک صفحه فرود به تنهایی را در نظر بگیرید:
جوانب مثبت (+)
- یک صفحه فرود ایجاد شده توسط خود شخص هزینه ای کاملا رایگان برای شخص خواهد داشت.
- نیازی به ایجاد کار فنی نیست. شما این فرصت را به دست می آورید که این کار را خودتان طبق ایده خود انجام دهید.
- ایجاد یک صفحه فرود با دستان خود تجربه ارزشمندی به شما می دهد که در آینده هنگام کار با اینترنت بسیار مفید خواهد بود.
موارد منفی (-)
- در صورت نبود دانش لازم، مطالعه آنها به زمان نیاز دارد.
- توسعه صفحه فرود زمان زیادی می برد که برای آن می توانید مقدار مشخصی کالا را بفروشید.
- ممکن است یک صفحه فرود با کیفیت پایین باشد و در نتیجه پتانسیل بازار محصول تبلیغ شده به طور کامل آشکار نشود.
یک صفحه فرود را در یک استودیوی خاص سفارش دهید یا خودتان روی آن کار کنید - این به شما بستگی دارد.
با این حال، شایان ذکر است که ایجاد یک صفحه با دستان خود هیچ هزینه ای را شامل نمی شود. بنابراین، حتی اگر در همان زمان برای یک صفحه فرود در استودیو سفارش داده باشید، همچنان ارزش امتحان کردن را دارد.
در مورد ایجاد یک صفحه فرود با کیفیت، در آینده می توانید مهارت های کسب شده را توسعه دهید و توسعه صفحات فرود را از آن خود کنید. تقاضا برای این خدمات هر سال در حال افزایش است.
توجه داشته باشید! اگر چنین کاری برای شما طاقت فرسا به نظر می رسد، زیرا مستلزم استقامت و زمان زیادی است، پس بهتر است از پول دریغ نکنید و ایجاد یک صفحه فرود برای حرفه ای ها را سفارش دهید. و در حالی که آنها روی سفارش شما کار می کنند، شما زمان خواهید داشت تا وظایف اصلی تجارت را حل کنید.
توسعه صفحه فرود خود را انجام دهید تنها در صورتی توجیه می شود که اولین صفحه شما باشد و بخواهید در پول خود صرفه جویی کنید. به هر حال، نمی توانید مطمئن باشید که محصول یا خدماتی که از طریق این سایت تبلیغ می شود، تقاضای زیادی خواهد داشت.
با این حال، اگر فروش از قبل شروع شده است، اولین سفارشات ظاهر شده است، و مطمئن هستید که محصول شما مورد تقاضا خواهد بود، وقت آن است که به متخصصان مراجعه کنید. آنها به ایجاد بیشتر صفحه فرود شما کمک می کنند با کیفیت و کارآمد، و همچنین به طور قابل توجهی نرخ تبدیل را افزایش می دهد.
پرداخت هزینه خدمات 5-15 هزارروبل، فروش شما ممکن است افزایش یابد 2-3 واحد در روز. در یک سال، مبلغ بسیار مناسبی ظاهر می شود، که به طور قابل توجهی از مبلغی که برای "ارتقا" سایت شما صرف می شود، فراتر می رود.
مهم! افزایش تبدیل فقط برای 0,5% می تواند میلیون ها دلار در یک سال به ارمغان بیاورد.
البته، شما می توانید خودتان یک صفحه فرود با کیفیت بهتر از یک فریلنسر ایجاد کنید. در مورد آن در مقاله در لینک بخوانید.
سفارش در استودیو ارزان نخواهد بود، اما در وقت خود صرفه جویی می کنید و پول خرج شده بعداً بارها به صورت سود بازگردانده می شود.
4. طراحان صفحه فرود مدرن 🛠 - 3 تا از بهترین ها
محبوبیت زیاد فرودها منجر به ظهور بسیاری از طراحان شد. بیایید به برخی از محبوب ترین طراحان روسی زبان نگاه کنیم.
سازنده صفحه فرود شماره 1."LPgenerator" (lpgenerator.ru)
Lpgenerator یک سازنده وب سایت عالی است که به شما امکان می دهد یک صفحه فرود از ابتدا ایجاد کنید. خدمات چیزهای بیشتری برای ارائه دارد 300 قالب ها، تعداد زیادی ابزار - مدیریت رهبری, تست A/Bو بسیاری امتیازات دیگر
قیمت کرایه ساده- 2156 روبل در ماه. این تعرفه محدودیتی در تعداد بازدیدکنندگان در نظر می گیرد - 9 هزار در ماه.
وجود دارد تعرفه بدون محدودیت. هزینه آن 4000 روبل در ماه است.
قیمت ها بالا است، اما بسیاری از مردم می گویند که Lpgenerator ارزش آن را دارد.
سازنده صفحه فرود شماره 2. Flexbe (flexbe.com)
سازنده وب سایت Flexbe یکی از مطمئن ترین و ساده ترین سازندگان صفحه فرود محسوب می شود. وجود دارد نسخه رایگان، که عمل می کند 14 روزها. این زمان برای ارزیابی راحتی طراح و مناسب بودن آن برای کسب و کار شما کافی است.
مقرون به صرفه ترین نرخ- 750 روبل در ماه. تعرفه شامل:دامنه - 1، صفحات - 10، اعلان های پیامکی - 250، پشتیبانی فنی، صندوق پستی خود، domain.RU رایگان و غیره.
گران ترین تعرفههزینه 3000 روبل در ماه. آن شاملتعداد نامحدود دامنه و صفحه، 1000 پیامک اعلان و غیره.
از جانب معایب (-) می توان محدودیت های ایجاد یک صفحه فرود را مشخص کرد. نمی توان چیز جالبی به دست آورد زیرا مجموعه ابزارهای این سازنده وب سایت عالی نیست.
به نکات مثبت (+)باید به سرعت ایجاد یک صفحه فرود نسبت داد. در عرض ده دقیقه، او یک صفحه یک صفحه کاملا قابل تحمل دریافت می کند که روی صفحه نمایش تلفن همراه خوب به نظر می رسد.
سازنده صفحه فرود شماره 3. LPTrend (lptrend.com)
"LPTrend" یک سازنده صفحه فرود واضح است که مناسب برای مبتدیان. این سرویس می تواند 61 قالب آماده را با محدودیت های چیدمان ارائه دهد.
یادت باشه! در اینجا یک صفحه فرود از ابتدا ایجاد کنید ارائه نشده است. هیچ ادغام با سایر خدمات وجود ندارد.
از عملکرد تست A/B وجود دارد، برگه "خدمات مفید"که دارای لینک به ابزارهای مختلف است.
دوره آزمایشی است 15 روزها. زمان کافی برای آزمایش قابلیت های سرویس.
ارزان ترین نرخ — 500 روبل در ماه. امکان ایجاد یک صفحه فرود وجود دارد.
مطابق گران ترین کرایهباید پست شود 2000 روبل در ماه.
اشتراک در نرخ حق بیمهبه شما امکان می دهد تعداد نامحدودی از صفحات فرود ایجاد کنید.
سایر سازندگان صفحه فرود آنلاین
چند سازنده وب سایت دیگر نیز وجود دارند ارزش توجه دارد:
"بازیم"- سازنده وب سایت بسیار خوب. این سرویس تقریباً 400 تغییر طراحی، 53 بلوک و 27 تنظیمات مختلف را ارائه می دهد که می تواند تمام نیازها را به طور کامل برآورده کند. از جنبه های مثبت، می توان به ویژه امکان پرداخت هزینه خدمات را در هنگام استفاده از آنها مشخص کرد. برای این خدمات باید هزینه پرداخت کنید 35 روبل در روز.
تیلدا- یک سیستم مدولار ارائه می دهد. ارزان ترین تعرفه 500 روبل هزینه دارد، مشروط به پرداخت برای کل سال. اگر پرداخت ماهانه انجام شود، در این مورد هزینه تعرفه 750 روبل خواهد بود.
5. چگونه یک صفحه فرود به صورت رایگان ایجاد کنیم 💸
سرویس های محبوبی را در نظر بگیرید که در آنها می توانید یک صفحه فرود (تک پیجر) نیز به صورت رایگان ایجاد کنید:
- landingi.ru;
- www.setup.ru
- lpgenerator.ru؛
- ru.wix.com;
- ایجاد لندینگ (سایت های تک صفحه ای) تحت سفارش به مبلغ کم در سایت های فریلنسری (از 1000 r.و بالاتر).
6. نمونه هایی از پرفروش ترین صفحات فرود 📰
چند نمونه از فروش لندینگ را در نظر بگیرید. به خاطر داشته باشید که صفحات فرود پیوسته ارتباط خود را تغییر می دهند. اگر «امروز» برخی از قالبها با تبدیل بالا بودند، این واقعیت نیست که این قالبها «فردا» با همان تبدیل کار کنند.
بنابراین، ما توصیه می کنیم کپی نکنید، اما به عنوان مثال استفاده کنید و صفحات فرود خود را با تصاویر و متون منحصر به فرد خود بسازید (محتوای که دیگران ندارند)، یا آنها را به متخصصانی سفارش دهید که از ارتباط صفحات فرود مطلع هستند.
7. قالب های صفحه فرود - از کجا دانلود شود + دستورالعمل نصب گام به گام 📝
ساختار صفحه فرود از چندین عنصر تشکیل شده است:
- نشانواره، شماره تلفن، فرم جمعآوری دادهها، یعنی پاسخ به تماس.
- پیشنهاد یا پیشنهادی که به عنوان عنوان مرتبط نمایش داده می شود.
- مزایای خود را فهرست کنید
- Call to action (دکمه قرمز قرار داده شده است).
- عکس ها، نقاشی ها و دیگر گرافیک های با کیفیت بالا.
- اطلاعاتی که به افزایش اعتبار محصول کمک می کند - گواهی ها، بررسی ها و غیره.
- اطلاعات تماس.
برای مثال، هر پلتفرم شناخته شده ای "وردپرس", "جملا"و دیگران، الگوهای صفحه فرود خود را دارد. با این حال، صفحه فرود با کیفیت بالا و رایگان برای وردپرس ملاقات می کند غیر ممکن . فرود نسبتا خوبی شروع می شود از 15-25 دلار.
همچنین قالب هایی وجود دارند که به هیچ یک از پلتفرم ها متصل نیستند. تعداد آنها به صدها هزار نفر می رسد. شما می توانید سایت های زیادی را پیدا کنید که در آنها می توانید قالب های رایگان صفحه فرود آماده را دانلود کنید.
با این حال، لازم نیست در مورد فرود آزاد معمولی صحبت شود. اکثر این پیشنهادات فقط مزخرف هستند. گزینه های خوب بسیار کمی وجود دارد. می توانید سعی کنید الگوهای صفحه فرود با کیفیت بالا را در پلتفرم های فرود محبوب (به عنوان مثال، lpgenerator، wix و غیره) پیدا کنید.
طراحی و توسعه صفحه فرودطبق اصل "من می خواهم، مانند او" در سال 2014 باقی ماند، زمانی که کارایی صفحه فروش به حداکثر رسید و شرکت ها متوجه شدند که با کمک یک صفحه فرود، شما نه تنها می توانید به سرعت یک محصول/خدمات را بفروشید. ، بلکه خود را از دیدگاه خلاقانه نیز نشان دهید. صفحه فرود مدرن نه تنها یک ساختار فروش است، بلکه یک فرصت عالی برای ایجاد یک افکت WOW در یک بازدیدکننده، برای تحسین ایده صفحه و اجرای آن است.
اگر نمیخواهید زحمت بکشید، میتوانید نمونه اولیه «صفحه فرود کامل» را دانلود کنید و یک صفحه بر اساس قوانین ایجاد کنید، عنوان، پیشنهاد، مزایا و مزایا را بنویسید، یک بلوک اعتماد و یک دکمه با یک فراخوان برای اقدام وارد کنید. و با این فکر که کار در "پنج" انجام شده است به خواب میروید. اما اگر میخواهید از انتظارات مخاطب هدف فراتر بروید، چه چیزی را پنهان کنید، و همچنین انتظارات خود را، پس از نمونههای فرود که بهترین آنها را در نظر گرفتیم استفاده کنید.
همه 9 نمونه، جمع آوری شده از اینترنت، ما در نظر گرفته شده است. سادگی، مطابق با اصل فرود، راحتی و در نظر گرفتن الزامات اساسی ذاتی در صفحه فرود، نمونه هایی از صفحات فرود را ایجاد می کند که فروش بالایی دارند.
نمونه ای از سایت فروش شماره 1
اولین فرود که به آن نگاه خواهیم کرد دارای طراحی فوق العاده جذاب و شیک است، اما بازاریابی و کپی رایتینگ ضعیفی دارد. در صفحه اول، ما یک بنر روشن را بدون هیچ پیشنهاد فروش منحصر به فردی می بینیم، تاکید بر یک عکس روشن است. هنگام بازدید از یک سایت تک صفحه ای، در ابتدا مشخص نیست که آیا به یک محصول منحصر به فرد اختصاص دارد یا یک سری کامل، که در مرحله اولیه مشتری را گیج می کند.
هر فرد هدف خاصی دارد، چرا به یک محصول یا خدمات نیاز دارد. در این بلوک معیارهای انتخاب خشک را رعایت می کنیم اما نیاز نهایی را نه. در عین حال، شاخص های "از و به" می توانند مشتری را گیج کنند. در این صورت بهتر است روی حداکثر عملکرد تمرکز کنید. توضیحات محصول به سبک "خلاصه خواهر استعداد است" سوال خاصی از شایستگی را مطرح می کند.
ماهیت بلوک باید مشاوره گرفتن از یک حرفه ای باشد که همه چیز را در مورد محصول می داند و بسته به شرایط کار مشتری آماده مشاوره مناسب در مورد محصول است.
تصور اینکه چگونه ساده ترین بلوک فرود را می توان تا این حد پیچیده و غیرقابل درک کرد دشوار است. علاوه بر این، متون باید به سبک خطاب به مشتری نوشته شوند. نه «درخواستی بگذار»، بلکه «خواهش را بگذار».
مثال فرود شماره 2
ساختار صفحه فرود جالب، طراحی شرکتی و کار شگفت انگیز بازاریاب باعث شد این صفحه فرود مورد علاقه ما باشد. مشاهده می شود که مشتری مسئولانه به انتخاب فیلم ها و عکس ها برای استودیوی توسعه نزدیک شده است. در صفحه اول، یک پیشنهاد فروش منحصر به فرد را می بینیم، چندین نیاز و معیار بسته شده است. قوی ترین و زیباترین عنصر به جای پس زمینه ویدیو است که ماهیت تمرین و تجهیزات باشگاه را آشکار می کند.
علاقه با معیارها تحریک می شود.
عکسها و ویدیوهای حرفهای و روشن علاقه را به این سرویس بیشتر میکند.
ما بازدید کننده را با تعدادی مزیت "فشرده" می کنیم و نیازها را می بندیم، "میل" نامیده می شود.
نتیجه منطقی ساختار AIDA بلوک "عمل" است.
صفحه فرود مثال شماره 3
یک تصویر منحصر به فرد، یک درج شیک با USP، یک منوی ناوبری، یک طراحی روشن بلوک اول، و یک عنوان به سبک یک تماس، به طور کلی، شما را به ثبت نام برای یک تمرین آزمایشی وادار می کند. دکمه قرار داده شده با یک فراخوان برای عمل نیز به این امر کمک می کند. فلش ناوبری وجود ندارد، که باید نشان دهد که اطلاعات جدیدی نیز در پایین وجود دارد. بلوک بعدی مزایای در قالب معیار است. ساخته شده به صورت آیکون با توضیح مختصر.
یک راه حل عالی، قرار دادن یک بلوک با یک تماس برای اقدام با پیشنهاد تخفیف و محدودیت زمانی بود. این عکس اعتماد بازدید کننده را بر می انگیزد، انگیزه می دهد و همچنین یک مکمل غیر معمول و شیک برای طراحی است.
یک بلوک عالی با انگیزه برای درس اول. منهای بزرگ شخصیتی از یک ملیت متفاوت است.
مثال صفحه فرود سبک و مختصر بودن طرح را نشان می دهد، اما در عین حال به دلیل عدم وجود جزئیات حواس پرت کننده و به حداقل رساندن رنگ ها، خواننده را به عمل اصلی ترغیب می کند.
صفحه فرود مثال شماره 4
یک صفحه فرود خوب که توسط استودیوی وب ما ساخته شده است، که می تواند الگو و الهام بخش دیگر توسعه دهندگان و مشتریان باشد. یک پیجر مشکل مخاطب هدف را آشکار می کند (در مورد ما، اینها خانم هایی با سینه های بزرگ هستند) و بلافاصله با یک پیشنهاد با کیفیت آن را حل می کند.
هر بلوک یک ضربه دقیق به درد مصرف کننده هدف است. درست در پشت آن راه حل صحیح و شایسته برای تجارب مراجعان بر اساس ناراحتی آنها وجود دارد.
امتیازی هم برای بازدیدکننده و هم برای صفحه فرود از نظر تولید سرنخ، بلوکی از مزایا و مزایا است که با عکس های واقعی تکمیل می شود که به وضوح نتیجه را نشان می دهد.
یک راه عالی برای برقراری ارتباط نه تنها با کلمات بلکه به صورت بصری. بنابراین، همه اطلاعات بهتر درک می شود.
دو عنصر بازاریابی قدرتمند به عنوان اثبات اجتماعی استفاده می شود. ویدیویی که بار دیگر بر این مشکل فشار وارد می کند و از مزایای لباس زیر به درستی انتخاب شده صحبت می کند.
و عکسی از مدیر شرکت با جذابیت او برای مشتری.
مقدار زیادی فضای سفید منفی که به دلیل آن توجه به محتوا معطوف می شود و همچنین یک چیدمان نسبتاً ساده محتوا، تصور یک طراحی شیک و مدرن را ایجاد می کند. لندینگ مفهوم خود را جلب می کند و به لطف بازاریابی شایسته، بازدیدکنندگان را به مشتری تبدیل می کند.
صفحه فرود مثال شماره 5
یک نمونه شیک از صفحه فرود متمرکز بر فروش یک سرویس، طراحی و ساخت خانهها و کلبههای خصوصی لوکس است. صفحه فرود مطابق با استراتژی بازاریابی AIDA توسعه یافته است - یک کلاسیک که دائماً اثربخشی خود را نشان می دهد.
هر بلوک رویکرد یکپارچه یک بازاریاب، نویسنده و طراح را نشان می دهد. فراخوانهای قدرتمند و انگیزشی، گرافیکهای بدیع و سبک و متنهای فروش، فرصتی برای بازدیدکننده باقی نمیگذارد جز اینکه اقدامی را که از او انتظار میرود آغاز کند.
هدف اصلی یک صفحه ایجاد یک تصور مثبت در مورد شرکت، شهرت آن است، که به محرک اصلی برای مخاطبان هدف، که مصرف کنندگان ثروتمند هستند، تبدیل می شود. چنین گروهی از مخاطبان هدف کمتر به موضوع قیمت، بیشتر به تصویر، توانایی های شرکت اجرا کننده علاقه دارند. بنابراین، صفحه فرود با هدف آشکار کردن مزایای یک شرکت ساختمانی است.
در مجموع با کمک این تک پیجر فروش، راه حلی برای مشکل خود در یافتن مجری مطمئن و حرفه ای به مصرف کننده ارائه می شود. فرود به طور کامل تمام نقاط قوت شرکت را نشان می دهد که به انگیزه ای برای همکاری تبدیل می شود.
صفحه فرود مثال شماره 6
در اینجا یک نمونه عالی از یک صفحه فرود زیبا و کاربردی آورده شده است. طراحی مدرن با تصاویر موضوعی، که در ترکیبی از رنگهای تیره با رنگهای روشن با درجهای لهجه روشن ایجاد شده است، تصور دلپذیری از اشراف ایجاد میکند.
این صفحه فرود دارای یک ویژگی متمایز است که توسعه دهندگان دیگر به ندرت از آن استفاده می کنند. موضوع قیمت را تا حد امکان آشکار می کند و به کاربر پیشنهاد می دهد تا با توجه به گزینه هایی که می تواند به طور مستقل محدوده قیمت را انتخاب کند.
این یک عملکرد بسیار راحت و کاربردی است که به صورت بصری تمام پیشنهادات مناسب با قیمت آنلاین را به کاربر نشان می دهد. یکی دیگر از مزیت های تک صفحه ای تمرکز بر تمام نیازهای خریدار هدف است. با کمک این صفحه فرود، بازدیدکننده می تواند مشاوره دریافت کند، سفارش دهد، از هزینه یک ست آشپزخانه مطلع شود و همچنین تخمینی برای سفارش خود دریافت کند. هر فرصتی با فراخوانی برای اقدام همراه است.
به طور کلی، این پروژه باعث ایجاد اعتماد در شرکت می شود. و این اصلی ترین چیزی است که باید خدمات ارائه یک صفحه از یک خریدار بالقوه را تشکیل دهد. به هر حال، بر اساس اعتماد به پیمانکار است که مشتری از بالقوه واقعی می شود.
صفحه فرود مثال شماره 7
ما این نمونه از صفحه فرود را انتخاب کردیم زیرا اساساً با تک پیجرهای سنتی معمول تفاوت دارد.
سایت به خدمات تحویل شیر اختصاص داده شده است. اما به صورت طنز ساخته شده و فقط بر روی گروه کوچکی از مخاطبان هدف متمرکز شده است.
پس از خواندن داستان سرایی که یک صفحه از آن شروع می شود، مشخص می شود که تمرکز آن بر جوانان علاقه مند به زبان عامیانه است.
همانطور که در نمونه های زیبای قبلی از فرودها دیده می شود، در اینجا ساختار فروش و حل مشکل وجود ندارد. با این حال، پیام سایت واضح و جالب است، بنابراین خود Landos جایی برای بودن دارد.
حجم زیادی از محتوای اطلاعاتی که "برای سرگرمی" برای لبخند زدن شما ارائه می شود، با عملکرد پخش صدا تکمیل می شود که طنز را نیز به صفحه اضافه می کند. اما، کمی پایینتر حرکت میکنیم، بلوکی را میبینیم که فراخوانی برای اقدام دارد، که نمونهای از فرودهای فروش «کلاسیک» است.
هیچ مدرک اجتماعی، هیچ بلوک اعتماد، هیچ بلوک مزایا وجود ندارد. اما یک دستور العمل برای کتلت وجود دارد:-)
گفتن در مورد اثربخشی این فرود دشوار است. فقط واضح است که صفحه جالب است، با طراحی عالی و طنز "مدرسه ای". و علیرغم اینکه چنین پروژه هایی در زمینه بازاریابی اینترنتی اتفاق نادری هستند، ارزش وجودی دارند، زیرا قطعا مخاطبان خود را خواهند یافت.
نمونه ای از صفحه فرود سایت فروش شماره 8
نمونه دیگری از کارهای ما که شایسته توجه است. Landing خدماتی را برای فروش یا اجاره غرفه های موبایل / مناطق عکس می فروشد. با این تک پیجر، مشتری بالقوه تمام پاسخ سوالات خود را پیدا می کند.
یک راه حل عالی برای کسانی که می خواهند خدمات را با جزئیات درک کنند. عکس های منحصر به فردی برای هر دسته از خدمات وجود دارد، هزینه هر کدام با قابلیت انتخاب فوری مورد علاقه شما. برای کسانی که نمی توانند انتخاب کنند، صفحه فرود یک سرویس سفارش فردی را ارائه می دهد که درخواست های شخصی را نشان می دهد، که در قالب یک فراخوان برای اقدام طراحی شده است.
بلوک مزایا بر راحتی همکاری متمرکز است.
بلوک مزایا با مجموعه ای از مزایای شرکت تکمیل می شود که با هم انگیزه ای قدرتمند برای مشتری ایجاد می کند.
یک تصمیم طراحی جالب که در آن سفید و خاکستری تیره در ترکیب با عناصر قرمز، طعمی شیک را هنگام مشاهده صفحه فرود ایجاد می کند. برخلاف سایر صفحات فرود که روی مشکلات مخاطبین هدف کار می کنند و راه حل خود را ارائه می دهند، این پروژه تمام مزایای خدمات شرکت را آشکار می کند و همچنین به مشتری کمک می کند تا پاسخ تمام سوالات خود را پیدا کند.
مثال شماره 9 صفحه فرود
این صفحه فرود که توسط استودیوی وب ما توسعه داده شده است، از اولین چرخش صفحه توجه بازدیدکننده را به خود جلب می کند و او را برای اقدام تحریک می کند. صفحه فرود اختصاص داده شده به فروش خدمات طراحی و ساخت، فرصت های زیادی را برای مشتری باز می کند. این توسط فرم بازخورد تأیید می شود، که به شما امکان می دهد بلافاصله یک پروژه جداگانه سفارش دهید یا یک پروژه نمونه رایگان را دانلود کنید.
هنگام انتخاب پیمانکار برای مشتری بالقوه، شهرت و تجربه شرکت مهم است. بر اساس این اطلاعات است که مصرف کننده منافعی را برای خود شکل می دهد.
یک جایزه جداگانه برای بازدید کننده عکس های واقعی پروژه های ایجاد شده توسط شرکت است. عکس های روشن، زیبا و جذاب به امتیازی برای اعتماد بازدید کننده تبدیل می شود.
بعدی بلوک "نان" است. آن شیرینی که رقبا به ندرت ارائه می دهند این فرصتی است که مشتری به خانه های ساخته شده توسط شرکت با چشمان خود نگاه کند. چنین خدماتی بازدید کننده را ملزم به سفارش سرویس نمی کند. اما با کمک فرم بازخورد، بازدیدکننده از قبل به یک لید تبدیل می شود.
در نتیجه سایتی با طراحی اصیل، ساختار و مفهوم سنجیده و محتوای شایسته به مشتری ارائه می شود که به طور جامع بر تبدیل صفحه تأثیر می گذارد و آن را به بازدهی بالایی می رساند.
کلمات جدایی
کاربر مدرن، پیچیده با صفحات فروش بیشماری که چشم او را به خود جلب میکند، قبلاً از همین نوع خسته شده است. امروزه منحصر به فرد بودن مد شده است، هر چه فرود جالب و غیرعادی تر باشد، احتمال اینکه توجه کاربر را به خود جلب کند بیشتر است. علاوه بر این، یک طراحی خوب و منحصر به فرد همیشه یک مزیت است: شگفت زده کردن بازدید کننده و خشنود کردن خود. و یک بازدیدکننده که به طرز خوشایندی شگفت زده شده است، حداقل + 10٪ برای تبدیل. ما برای شما ایده های اصلی و خوشمزه آرزو می کنیم! و اگر در این مورد مشکلی وجود دارد، همیشه می توانید یک صفحه فرود را در استودیوی وب ما سفارش دهید.
در وبلاگ مشترک شوید و به روز رسانی های ما را دنبال کنید.
با سلام خدمت خوانندگان عزیزم. امروز در مورد نکات فنی صحبت خواهیم کرد که با آنها می توانیم افزایش دهیم تبدیل فروشکالا یا خدمات آنها یکی از نکات مهم طراحی صفحه فرود با محصولات است. به اصطلاح صفحه فرود که در مورد ایجاد آن بیشتر صحبت خواهیم کرد و کدهای صفحه آماده را دریافت خواهیم کرد.
صفحه فرود چیست؟ این صفحه ای است که افراد معمولاً پس از کلیک بر روی یک تبلیغ وارد آن می شوند. این برای یک پیشنهاد ایجاد شده است: محصول، خدمات یا اشتراک. یک صفحه فرود موثر سنگ بنای بازاریابی آنلاین موفق است. محصول ممکن است بهترین در بازار باشد، تبلیغات به کمال رسیده است، اما بدون یک صفحه فرود خوب، تلاش ها نتیجه 100٪ نمی دهد. به بازدیدکنندگان میگوید چه چیزی پیشنهاد میشود و چرا باید آن را بخواهند. احساس فوریت به تصمیم گیری سریع و انتقال کاربر به مقوله مشتری کمک می کند.
چگونه یک Landing ایجاد کنیم؟ این اشتباه است که باور کنیم پاسخ در توانایی حروفچینی نهفته است. یک صفحه فرود خوب نتیجه کار هماهنگ روی اهداف، متن، طراحی و کد است. صفحه فرود، که نمونههایی از آن در زیر آمده است، به مبتدیان کمک میکند تا اصول کار با چیدمان را بیاموزند، اما جایگزین متون تبدیل و درک مخاطب هدف نمیشود. شما همچنین می توانید آنها را با انواع مختلف ایجاد کنید طراحان صفحه فرود.
بنابراین قبل از ایجاد یک صفحه فرود، از خود بپرسید:
- یک فرد پس از ورود به صفحه فرود چه کاری انجام می دهد؟ آیا او چیزی خواهد خرید؟ فرم پر کن؟ مشترک شدن در خبرنامه؟ قبل از ردیابی نرخ تبدیل خود، اهداف روشنی را تعیین کنید.
- رقبای من چه کسانی هستند؟ در واقع، این سه سؤال است: چه کسانی، چقدر موفق هستند و چگونه می توان دستاوردهای آنها را به کار گرفت؟ تقلید صادقانه شکل چاپلوسی است. اگر رقبا کاری را انجام می دهند که کار می کند، آن را در سایت خود تکرار کنید.
- مخاطب من کیست؟ هرچه مخاطبان هدف و جایگاه خود را بهتر درک کنید، احتمال اینکه تلاش های شما به ثمر برسد بیشتر است.
شما باید تمام اطلاعات لازم را ارائه دهید، اما نه آنقدر که مشتری بالقوه را تحت تأثیر قرار داده و از خود دور کنید.
نمونه هایی از ایجاد یک صفحه فرود + کدنویسی برای dummies
قبل از شروع به کار، اجازه دهید نگاهی گذرا به HTML و CSS بیندازیم. درک نحوه کار آنها به ایجاد یک فرود کمک می کند.
HTML- زبان نشانه گذاری مرورگر برای تجسم سایت ها. این با استفاده از برچسب های محصور شده در پرانتزهای زاویه ای نوشته شده است که محتوا را تعریف می کند.
برچسب باز می شود (<>) و () در اطراف قیمه بسته می شود:
<тег>محتواтег>
برای سفارشی سازی نقطه، ویژگی ها بعد از نام اضافه می شوند:
<тег атрибут="значение">محتواтег>
CSS - نحوه چیدمان عناصر HTML را تعریف می کند. شامل انتخابگرها، خواص و مقادیر:
#انتخابگر (ویژگی: ارزش؛)
انتخابگر با نام یک تگ خاص در html مطابقت دارد. تغییر مقادیر و افزودن خواص ظاهر آن را تنظیم می کند. شما می توانید صفحات مختلف را با اعمال سبک های مختلف CSS در یک HTML ایجاد کنید.
5 مرحله اولیه
برای چیدمان سریع، از قالبی با طراحی مینیمال بر اساس بوت استرپ استفاده خواهیم کرد. این یک سیستم با انتخابگرهای خاص خود است که در سراسر جهان برای سرعت بخشیدن به چیدمان استفاده می شود.
متواضع به نظر می رسد
از این ماهی در چند مرحله سایتی برای هر سلیقه ایجاد می شود.
ساختار دایرکتوری در یک پوشه:
- index.html: این فایل اصلی است که ما در حال ویرایش آن خواهیم بود.
- /assets: در اینجا فایل های کمکی وجود دارد:
- /css: دایرکتوری شامل سبک های بوت استرپ و آیکون است. فایلی که باید ویرایش شود main.css است.
- /img: پوشه برای تصاویر وب سایت.
- /fonts: فونت های نماد.
- /js: فایل های جاوا اسکریپت بوت استرپ.
مرحله 1: استفاده از هدر
عنوان و زیرعنوان مکانهای کلیدی برای کمک به انتقال ارزش پیشنهاد به شیوهای واضح هستند.
عنوان و نام سایت را تغییر دهید. در اینجا، توانایی حروفچینی مورد نیاز نیست - متن شما در مکان هایی نوشته می شود که با رنگ زرد در صفحه برجسته شده اند.
مرحله 2. کوتاهی خواهر تبدیل است. اضافه کردن مزایا و نرخ ها
شما به 4 بخش نیاز دارید:
- فواید؛
- تعرفه ها؛
- بررسی ها
- فراخوانی برای اقدام.
بیایید بخش "اصلی" محتوای اصلی را طراحی کنیم که بخش های لازم را در آن قرار می دهیم:
…..
…..
…..
…..
به جای نقطه با پر کردن پر کنید.
بخش مزایا به این کد نیاز دارد:
مزایای
سریع
بطرزی قابل اعتماد
سد دیم نانومی
سودآور
الیت، sed diam nonummy
از نظر فنی
Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy
بطرزی قابل اعتماد
Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy
سودآور
Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy
از نظر فنی
Lorem ipsum dolor sit amet, consectetuer adipiscing
بطرزی قابل اعتماد
Lorem ipsum dolor sit amet, consectetuer adipiscing
سودآور
Lorem ipsum dolor sit amet, consectetuer adipiscing
محتوای بصری:
تا اینجا درهم و برهم به نظر می رسد، اما دلیلی برای وحشت وجود ندارد، ادامه می دهیم.
نرخ ها را بنویسید محتوا مشابه مرحله اول تغییر می کند. توضیحات کلی با کلاس "تعرفه" و سه تعرفه.
Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam، quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
طرح های تعرفه ای
تعرفه شماره 1
$10
در هر ماه / هر نفر
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- لورم ایپسوم دولور
- 10 لورممجموع ip
تعرفه شماره 2
$20
در هر ماه / هر نفر
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- لورم ایپسوم دولور
- 10 لورممجموع ip
تعرفه شماره 3
$30
در هر ماه / هر نفر
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- لورم ایپسوم دولور
- 10 لورممجموع ip
به نظر می رسد.
در حالی که ما علاقه ای به ظاهر صفحه فرود آینده نداریم - نمونه هایی از تغییر سبک را در زیر در نظر خواهیم گرفت.
مرحله 3: به سیگنال ها و فراخوان برای اقدام اعتماد کنید
استفاده از سیگنال های هدف به بازدیدکنندگان نشان می دهد که برند قابل اعتماد است. سیگنال ها می توانند اشکال مختلفی داشته باشند، اما کلاسیک ها نظرات مشتریان هستند.
Lorem ipsum dolor sit amet، consectetur adipisicing elit، sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo:
نظرات مشتریان
«Lorem ipsum dolor sit amet، consectetur adipisicing elit، sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
«Lorem ipsum dolor sit amet، consectetur adipisicing elit، sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
یک فراخوان برای اقدام تنظیم کنید.
Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat:
هنگام سفارش امروز سود ببرید
بررسی ها به مشتریان بالقوه کمک می کند تا یک محصول را بخرند. برای وضوح، ما به آواتارها نیاز داریم، بنابراین بلافاصله آنها را در جای خود می نویسیم - زیر هر نقل قول.
نام مشتری.
مرحله 4: یکپارچه سازی شبکه و سازگاری با موبایل
برای پیاده سازی گرید به کانتینرهای Bootstrap نیاز داریم. مهم است که به خاطر داشته باشید که تعداد کل قطعات ستون مجاز 12 است. کلاس عرض نمایش محتوا را تعیین می کند. مزیت این شبکه آماده این است که کانتینرها با در نظر گرفتن سازگاری طراحی شده اند و بلافاصله برای دستگاه های تلفن همراه قابل استفاده هستند. توضیحات مفصل در وب سایت رسمی شبکه به این شکل است.
محتویات "اصلی" در یک ظرف پیچیده می شود. برای این کار در قسمت بالای آن نوشته شده است:
اگر میخواهید بلوک با تمام عرض صفحه مطابقت داشته باشد، ظرف داخل آن قرار میگیرد. در اینجا یک جامبوترون و یک فراخوان برای اقدام خواهد بود.
تمام عناصری که باید روی هم چیده شوند با جداکننده های خطوط پیچیده می شوند.
اکنون میتوانیم عرض ستونها را با تمرکز روی شبکه راهانداز تنظیم کنیم. پس از بسته بندی، پر کردن به لبه های صفحه متوقف شد، فرورفتگی های منظمی ظاهر شد.
با استفاده از کلاس ستون col-lg-4 قیمت ها را در یک ردیف تنظیم کنید. در داخل ردیف های ردیف، دیگر نیازی به نوشتن div های جداگانه برای wrapping نیست، می توانید آنها را با موارد موجود که با فاصله از هم جدا شده اند ترکیب کنید.
بر اساس قیاس، ما ستون هایی را برای بخش بررسی ها و مزایا تنظیم می کنیم. اگر می خواهید عنصر را به کناری منتقل کنید، از کلاس ستون افست col-lg-offset-2 استفاده کنید. عدد در انتها تعیین می کند که چند ستون پایه جابجا شوند.
مرحله 5. فونت ها و نمادها
ما فونت ها را برای سرفصل های فونت گوگل پیاده سازی می کنیم. پس از انتخاب، تب import را باز کنید و داده ها را از آن در فایل main.css کپی کنید. همچنین انتخابگرهای عنوان را به فایل اضافه می کنیم که فونت جدید برای آن اعمال می شود.
@import "https://fonts.googleapis.com/css?family=Roboto+Condensed" /* وارد کردن فونت برای سرفصل ها */
.navbar-brand,
h1،
h2،
h3،
h4،
h5،
h6(
font-family: "Roboto Condensed"، sans-serif; /* خروجی فونت گوگل */
}
برای وضوح، مزایا کلاسی با نام واضح متن-مرکز و نمادهای FontAwesome از مجموعه بوت استرپ است.
این کار آماده سازی را کامل می کند.
صفحه فرود: نمونه کد با پیشنهاد، اختلاف منظر و شمارنده
ما از سه نوع محبوب استفاده می کنیم: با پیشنهاد، با فرم و با شمارش معکوس. با تکمیل طرح بندی، قالب با افکت ها تکمیل می شود.
مثال 1: با یک پیشنهاد
پس زمینه بدنه اصلی و padding را طوری تنظیم کنید که صفحه اول پوشانده شود.
جامبوترون (
پس زمینه: #f5f5f5 url(../img/fon.jpg) top center no-repeat;
حداکثر عرض: 100%
padding-top: 250px;
padding-bottom: 200px
text-align: center;
}
اندازه عنوان jumbotron را از h2 به h1 تغییر دهید. در مرحله بعد، استایل هایی را برای عناصری که باید تغییر کنند، تجویز می کنیم.
بیایید با آیکون ها شروع کنیم.
مزایای i(
رنگ: #cac4c4;
}
یک رنگ بعد از علامت پوند مشخص می شود. شما می توانید با استفاده از جداول رنگی html یا یک ویرایشگر تصویر گزینه خود را انتخاب کنید.
تورفتگی برای سرفصل های بخش
بخش h2 (
padding-top: 30px;
حاشیه پایین: 25 پیکسل.
}
ظاهر تعرفه ها را مرتب کردیم. برای راحتی، کلاس های خود را برای عناصری که می خواهیم به صورت نقطه ای انتخاب کنیم ایجاد می کنیم.
تعرفه شماره 1
$ 10
در هر ماه / هر نفر
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- لورم ایپسوم دولور
- 10 لورممجموع ip
و CSS زیاد. قسمت ها مسئول کدام مکان ها هستند، در نظرات نوشته شده است - /* بین اسلش ها با ستاره */
/* =========سبک های تعرفه======== */
/* نمای کلی تعرفه */
.pricing_item(
پس زمینه: #f2f2f2;
موقعیت: نسبی;
نمایش: -webkit-flex.
نمایش: فلکس;
flex-direction: ستون.
align-اقلام: کشش;
text-align: center;
-webkit-flex: 0 1 330px;
flex: 0 1 330px;
بالشتک: 2em 3em;
حاشیه: 1 دقیقه
رنگ: #262b38;
مکان نما: پیش فرض;
سرریز: پنهان
}
/* تغییر پس زمینه با کلیک */
.pricing_item:hover (
رنگ: #444;
پس زمینه: #daebef;
}
/* برچسب قیمت تکی در هر تعرفه */
.pricing_item: first-child .price (
پس زمینه: #9ba9b5;
}
.pricing_item:nth-child(2) .price (
پس زمینه: #1f6098;
}
/* در صفحه های عریض، بالشتک و برجسته کردن ستون وسط تعرفه */
صفحه رسانه @ و (عرض حداقل: 66.250 میلی متر) (
.pricing_item(
حاشیه: 1.5em0;
}
.ویژه(
z-index: 10;
حاشیه: 0;
اندازه فونت: 1.15em
}
}
/* سرتیتر */
.pricing_item h3(
اندازه فونت: 2em
حاشیه: 0.5em 0 0;
رنگ: #1d211f;
}
/* پشتوانه برچسب قیمت */
.قیمت(
اندازه فونت: 2em
فونت-وزن: پررنگ;
رنگ: #fff;
موقعیت: نسبی;
z-index: 100;
ارتفاع خط: 95 پیکسل.
عرض: 100 پیکسل
ارتفاع: 100 پیکسل؛
حاشیه: 1.15em خودکار 1em;
شعاع مرزی: 50%
پس زمینه: #77a5cc;
-webkit-transition: رنگ 0.3s، پس زمینه 0.3s.
انتقال: رنگ 0.3 ثانیه، پس زمینه 0.3 ثانیه؛
}
/* واحد پول */
.واحد پول(
اندازه فونت: 0.5em
vertical-align: super;
}
/*تصحیح جمله */
.جمله(
فونت-وزن: پررنگ;
حاشیه: 0 0 1em 0;
بالشتک: 0 0 0.5em;
رنگ: #2a6496;
}
/* لیست */
.pricing_item ul (
اندازه فونت: 0.95em
حاشیه: 0;
بالشتک: 1.5em 0.5em 2.5em
text-align: left;
}
/* لیست موارد */
.pricing_item li(
بالشتک: 0.15em0;
}
/* دکمه سفارش تعرفه */
دکمه .pricing_item(
فونت-وزن: پررنگ;
حاشیه بالا: خودکار;
بالشتک: 1em 2em;
رنگ: #fff;
شعاع حاشیه: 5 پیکسل
پس زمینه: #428bca;
-webkit-transition: background-color 0.3s.
انتقال: رنگ پس زمینه 0.3 ثانیه.
}
/* تغییر رنگ با کلیک روی دکمه */
دکمه .pricing_item:hover,
دکمه .pricing_item:focus(
پس زمینه رنگ: #285e8e;
}
/* پس زمینه تعرفه*/
.bg-2 (
پس زمینه: #dddddd;
}
نتیجه
نظرات مشتریان بیایید به آنها نگاهی منظم داشته باشیم، مکان را مشخص کنیم.
/* =========سبک های گواهینامه======== */
توصیفات (
بالشتک: 4em0;
text-align: center;
}
.testimonials .avatar img (
شعاع مرزی: 50%
شناور به سمت چپ؛
صفحه نمایش: درون خطی
حاشیه سمت راست: 1em;
عرض: 65 پیکسل
ارتفاع: 65 پیکسل؛
حاشیه پایین: 30 پیکسل.
}
گواهینامه ها .avatar p(
text-align: left;
padding-top: 1em;
رنگ: #5d5d5d;
وزن قلم: 900
}
باقی مانده است که آخرین فراخوان و پاورقی را تزئین کنیم.
/* عمل */
.عمل(
پس زمینه: #476177;
حداقل ارتفاع: 180 پیکسل؛
عرض: 100%
بالشتک: 4em0;
text-align: center;
}
اکشن h2(
رنگ: #fff;
وزن قلم: 300
}
.actionp(
رنگ: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
اندازه فونت: 1.2em
}
.action .container(
حاشیه بالا: 3em;
}
/* پاورقی */
پاورقی (
پس زمینه: #333333;
بالشتک: 1em0;
text-align: right;
}
پاورقی p(
رنگ: #fff;
ارتفاع خط: 1;
تبدیل متن: حروف بزرگ;
اندازه فونت: 0.7em
حاشیه بالا: 0.5em;
}
به دکمه فوتر کلاس بوت استرپ داخلی btn-default اختصاص داده شده است.
ما قالب را احیا می کنیم. ما پیمایش صاف و دکمه ها را برای بخش ها و همچنین انیمیشن متن را در صفحه اول اجرا خواهیم کرد.
برای اینکه انتقال ها کار کنند، بخشی از کلاس های بخش را با id - برای مزایا و تعرفه ها جایگزین می کنیم. و پیوندهایی به id روی دکمه ها می نویسیم. صفحه - چیزی که به چیزی که با یک نشانگر زرد برجسته شده است متصل شده است.
تورفتگی ها را برای دکمه ها تنظیم کنید - jbutton. پیمایش روی کلیک کار می کند، اما بسیار ناگهانی.
انتقال های صاف با استفاده از جاوا اسکریپت یا جی کوئری ایجاد می شوند. دومی به طور پیش فرض به قالب های بوت استرپ متصل است.
اکنون پیمایش صاف است.
افزودن انیمیشن به متن با Animate.css ( https://raw.githubusercontent.com/daneden/animate.css/master/animate.css). این یک منبع باز آماده است و در هر سایتی قابل استفاده است. فایل را از github در پوشه css قرار می دهیم و مسیر را می نویسیم.
افکت ها را در اینجا انتخاب کنید: https://daneden.github.io/animate.css/. ما fadeInDown را انتخاب کرده ایم. با کد زیر نوشته شده است:
حالا وقتی صفحه بارگذاری یا رفرش می شود، متن متحرک می شود. آماده.
مثال 2: با شکل و اثر اختلاف منظر
هرچه فیلدهای فرم بیشتری به بازدیدکننده ارائه شود، احتمال پر کردن آنها کمتر است. فقط حداقل اطلاعات مورد نیاز را بخواهید.
بر اساس قیاس جمع شده است. پس زمینه و رنگ را تغییر خواهیم داد. و البته یک فرم اضافه می کنیم.
بیا شروع کنیم با اختلاف منظر .
پس زمینه jumbotron را به شفاف تغییر دهید:
پس زمینه: شفاف
اسکریپت را داخل هد قرار دهید:
اولین خط در بدن ظرف اختلاف منظر است:
و در CSS رفتار آن به این صورت است:
bgparallax(
پس زمینه: url(/../img/fon.jpg) repeat;
موقعیت: ثابت
عرض: 100%
ارتفاع: 300%;
top:0;
چپ: 0;
z-index: -1;
}
Parallax آماده است. اما ایجاد تغییرات در کد و پسزمینه جدید نیاز به تخصیص مجدد طرح رنگ دارد.
تاریک کردن منو:
navbar-default(
پس زمینه رنگ: #333;
حاشیه رنگ: #444;
رنگ: خاکستری تیره؛
شعاع مرزی: 0
}
Navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus (
رنگ: خاکستری تیره؛
رنگ پس زمینه: rgba (0، 0، 0، 0.5)؛
}
جمله را در jumbotron با یک جمله جدید جایگزین می کنیم - با کد فرم:
صفحه فرود بازدیدکنندگان را به مشتری تبدیل می کند
Quisque tincidunt dui augue suspendisse lorem vel diam consectetur posuere vehicula posueret mauris vehicula tortor rhoncus vulputate massa.
-
-
Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy.
و ظاهر را تجویز کنید
/* فرم */
.headform-list(
list-style-type: هیچکدام;
ارتفاع خط: 26 پیکسل.
وزن فونت: 400
padding: 0px
حاشیه پایین: 40 پیکسل
}
فرم سر(
سرریز: پنهان
موقعیت: نسبی;
پس زمینه رنگ: rgba(0,0,0,.4);
بالشتک: 35px 40px;
شعاع حاشیه: 8 پیکسل
}
ورودی، دکمه، انتخاب، ناحیه متنی (
عرض: 100%
حاشیه پایین: 10 پیکسل.
}
.headform-list li .fa (
موقعیت: مطلق;
بالا: 0px;
سمت چپ: 0px;
عرض: 42 پیکسل
اندازه فونت: 24px;
text-align: center;
}
.headform-list li (
موقعیت: نسبی;
حداقل ارتفاع: 38 پیکسل؛
padding-left: 62px;
حاشیه پایین: 20 پیکسل
}
jumbotronp(
رنگ: #fff;
اندازه فونت: 16px;
سبک فونت: مورب;
}
متن جامبوترون هم اومد اینجا چون نیاز به تغییرات داشت.
ما در حال تغییر نرخ ها هستیم.
/* نمای کلی تعرفه */
.pricing_item(
پس زمینه رنگ: rgba(0,0,0,.4); /* خط تغییر کرد */
شعاع حاشیه: 4 پیکسل /* خط تغییر کرد */
موقعیت: نسبی;
نمایش: -webkit-flex.
نمایش: فلکس;
-webkit-flex-direction: ستون.
flex-direction: ستون.
-webkit-align-items: stretch;
align-اقلام: کشش;
text-align: center;
-webkit-flex: 0 1 330px;
flex: 0 1 330px;
بالشتک: 2em 3em;
حاشیه: 1 دقیقه
رنگ: #f2f2f2; /* خط تغییر کرد */
مکان نما: پیش فرض;
سرریز: پنهان
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
/* تغییر پس زمینه با کلیک */
.pricing_item:hover (
رنگ: #444;
پس زمینه: #ddd; /* خط تغییر کرد */
}
اکنون آنها به این شکل هستند - یک پس زمینه شفاف و گوشه های گرد.
قالب آماده است.
مثال 3: با شمارشگر معکوس
دوباره پر کردن جامبوترون را تغییر می دهیم و الگو را برای یک پس زمینه جدید با قیاس با الگوی قبلی دوباره رنگ می کنیم. ما اسکریپت شمارنده را وصل می کنیم:
HTML
زمان منتظر نمی ماند
Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam، quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat، vel illum dolore eu feugiat nulla facilisis و vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum fazril delenita.
-
Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy.
-
Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy.
در فایل استایل، شعاع پایین فرم را بردارید، دکمه را در ذهن بیاورید.
علاوه بر این، منو تحت یک پسزمینه جدید رنگآمیزی شد و سبک متنها در جامبوترون تغییر کرد - به قیاس با مثال قبلی. نتیجه
قسمت پایین
این نمونههای صفحه فرود را کامل میکند، اما کد به کار بیشتری نیاز دارد.
یک صفحه فرود باید مانند فراری سریع و خوب باشد - زمان بارگذاری صفحه تأثیر زیادی بر نرخ پرش دارد. بهینه سازی تصاویر، به حداقل رساندن اندازه اسکریپت ها و سبک های آماده برای حداکثر کارایی.
این درس نمونه هایی از ایجاد صفحات فرود خوب را ارائه می دهد که به شما کمک می کند تا مشتریان واقعی را به ارمغان بیاورید و چیز جدیدی یاد خواهید گرفت. لایک کنیم و بازنشر کنیم. به زودی میبینمت.
برای دانلود تمامی منابع ارائه شده در درس به صورت صفحات آماده بر روی یکی از دکمه ها کلیک کنید قلعه اجتماعی برای باز کردن و دریافت لینک
با احترام، گالیولین روسلان.