نحوه ایجاد صفحه فرود با بلوک های گوتنبرگ

هر کسب و کار آنلاین به صفحات فرود سفارشی شده برای اجرای عملیات بازاریابی بر روی مخاطبان هدف نیاز دارد. این صفحات باید سریع ساخته شوند تا سریع بارگذاری شوند! علاوه بر این، انعطاف‌پذیری و سفارشی‌سازی نیز فاکتورهای کلیدی هستند که هنگام ساخت صفحات فرود باید در نظر گرفته شوند.

در وردپرس راه های زیادی برای ایجاد صفحات فرود وجود دارد. اخیراً، بلوک های گوتنبرگ از نظر محبوبیت سرعت خود را افزایش داده اند.

چرا؟

بیایید سعی کنیم پاسخ را در این پست وبلاگ پیدا کنیم. علاوه بر این، نحوه ایجاد صفحه فرود با بلوک های گوتنبرگ را بررسی خواهیم کرد.

اما ابتدا…

صفحه فرود چیست؟

صفحه فرود یکی از اجزای مهم هر استراتژی بازاریابی دیجیتال است. این به عنوان یک فضای اختصاصی برای تبدیل بازدیدکنندگان به سرنخ یا مشتریان پرداختی با ارائه چیزی ارزشمند در ازای اطلاعات تماس آنها عمل می کند.

به عبارت ساده تر، صفحات فرود به شما این فرصت را می دهند که تأثیر اولیه خوبی بر بازدیدکنندگان وب داشته باشید و به اهداف بازاریابی خود برسید. اما ساختن یک صفحه فرود از ابتدا می تواند ترسناک باشد، به خصوص اگر اهل برنامه نویسی نباشید.

چرا یک صفحه فرود با بلوک های گوتنبرگ طراحی کنید، نه یک صفحه ساز؟

شما می توانید یک صفحه فرود را به دو روش ایجاد کنید: استفاده بلوک های گوتنبرگ و صفحه ساز. با این حال، تصمیم گیری برای استفاده از آن می تواند واقعاً سخت باشد.

بیایید چند سناریو را فهرست کنیم که در آن صفحه ساز می تواند ارجح باشد:

• قالب های از پیش طراحی شده
• ویژگی های طراحی پیشرفته
• چیدمان های بسیار پیچیده
• نیازهای طراحی بسیار خاص

اما، اگر به دنبال صفحات فرود مینیمالیستی با طرح‌بندی ساده هستید، بلوک‌های گوتنبرگ بهترین گزینه شما هستند، نه یک پلاگین صفحه‌ساز.

در اینجا دلیل آن است:

بارگیری سبک تر و سریع تر صفحات:

بلوک‌های گوتنبرگ به وب‌سایت‌ها اضافه نمی‌کنند زیرا بخشی از هسته نرم‌افزار وردپرس هستند. بنابراین، صفحه فرود مطمئناً می تواند سریع بارگیری شود.

تعمیر و نگهداری ساده تر:

از آنجایی که گوتنبرگ در وردپرس تعبیه شده است، لازم نیست نگران مشکلات سازگاری یا تضاد افزونه‌ها باشید که ممکن است با سازندگان صفحه شخص ثالث ایجاد شود. این می تواند حفظ صفحه فرود شما را در طولانی مدت آسان تر کند.

طراحی اثبات آینده:

محتوای ایجاد شده با بلوک های گوتنبرگ محتوای بومی وردپرس است. این بدان معناست که اگر تصمیم بگیرید از موضوع فعلی خود یا حتی خود وردپرس فاصله بگیرید، محتوای شما همچنان به راحتی قابل انتقال خواهد بود.

برای بیشتر موارد استفاده کافی است:

گوتنبرگ طیف گسترده ای از بلوک های داخلی را برای مواردی مانند سرفصل ها، پاراگراف ها، تصاویر، دکمه ها و فرم ها ارائه می دهد. برای بسیاری از صفحات فرود اولیه، این ممکن است برای ایجاد یک طراحی متقاعد کننده کافی باشد.

نحوه ایجاد صفحه فرود با بلوک های گوتنبرگ

گوتنبرگ یک ویرایشگر بصری بصری است که ایجاد صفحه فرود وردپرس را متحول کرد. اما ویرایشگر بلوک پیش فرض به تنهایی برای ساختن آن کافی نیست.

از این رو، امروزه پلاگین های بلوک زیادی در بازار موجود است. در نتیجه، انتخاب بهترین مورد برای ساخت صفحه فرود شما می تواند چالش برانگیز باشد. ممکن است یکی را دریافت کنید، اما شاید نتیجه واقعاً آن چیزی نباشد که به دنبال آن هستید.

در میان مواردی که ما آزمایش کردیم، متوجه شدیم که GutenKit یک افزونه منحصر به فرد مبتنی بر بلوک به دلیل تمرکز آن بر صفحه سازی است. این مجموعه از بلوک های سازنده صفحه بدون کد برای سرعت و عملکرد بهینه شده است. طبق گفته تیم GutenKit، آنها قصد داشتند با یک راه حل مبتنی بر بلاک با صفحه سازهای سنتی رقابت کنند.

GutenKit همچنین با الگوها، صفحات و قالب های آماده (وب سایت کامل) ارائه می شود. مجموعه بزرگ بلوک‌های آن همه چیز را از هدرها و دکمه‌ها گرفته تا آکاردئون‌ها و جدول‌های قیمت را پوشش می‌دهد. این مجموعه متنوع به شما امکان می دهد طرح بندی های پویا و جذاب ایجاد کنید.

بیایید برخی از نکات برجسته آن را بررسی کنیم:

رابط بومی:

GutenKit به طور انحصاری برای گوتنبرگ طراحی شده است تا تجربه ای بدون درهم و برهم را تضمین کند. این ابزار همان رابط بومی گوتنبرگ را دارد.

انتقال بدون درز به ویرایش کامل سایت:

این افزونه مبتنی بر بلوک به طور یکپارچه پذیرش ویرایش کامل سایت را تسهیل می کند. یعنی چی؟ این بدان معنی است که شما می توانید خودتان طراحی کنید طرح بندی ها، الگوها، و قالب ها در ویرایشگر کامل سایت

ساختمان مگا منو بدون زحمت:

مشابه با صفحه سازهای سنتی، GutenKit به کاربران این امکان را می دهد تا بدون دردسر در وب سایت های مبتنی بر گوتنبرگ، منوهای بزرگ بسازند.

طراحی سایت های پویا:

این سازنده به شما این امکان را می دهد که به صورت پویا محتوا را در صفحات وب خود به ویژه پست های سایت وردپرس خود نمایش دهید. اساساً حلقه ای ایجاد می کند که محتوا را بر اساس معیارهای انتخابی شما جذب می کند و آن را به شیوه ای بصری جذاب در صفحات وب شما ارائه می دهد.

ساخت وب سایت جامع:

GutenKit یک زیبایی شناسی معاصر را ارائه می دهد که امکان ایجاد وب سایت های حرفه ای را در زمینه های مختلف از جمله بازاریابی دیجیتال، نمونه کارها، صفحه فرود SaaS و موارد دیگر فراهم می کند.

کانتینر صفحه ساز:

GutenKit با ارائه عملکردهای مختلف، از جمله بلوک کانتینر، صفحه سازی را در ویرایشگر گوتنبرگ بهبود می بخشد. این بلوک کانتینر مانند یک بلوک ساختمانی برای صفحات وب شما عمل می کند و به شما امکان می دهد محتوا و طرح بندی های خود را ساختار دهید. می توانید محتوای مرتبط را گروه بندی کنید و یک طرح بندی واضح و سازمان یافته برای صفحات وب خود ایجاد کنید.

اسکرول یک صفحه ای:

به کاربران امکان می دهد تمام مطالب را در یک صفحه واحد و پیوسته نمایش دهند و به بازدیدکنندگان این امکان را می دهد تا به جای کلیک بر روی پیوندهای جداگانه، در بخش های مختلف وب سایت حرکت کنند.

انیمیشن های حرکتی:

تجربه بصری را با افزودن انیمیشن‌ها و ریز تعامل‌ها به عناصر مختلف در صفحات وب شما افزایش می‌دهد. گزینه‌ها عبارتند از آهنگ ماوس، شیب ماوس، و انیمیشن ورودی.

نحوه ساخت صفحات فرود با الگوهای GutenKit

با کتابخانه گسترده قالب‌های از پیش طراحی شده GutenKit، ساخت صفحه فرود شما به موضوع کشیدن و رها کردن عناصر و سفارشی کردن آنها به دلخواه تبدیل می‌شود.

در اینجا یک نگاه اجمالی به این روند است:

مرحله 1: GutenKit را نصب کنید

برای نصب GutenKit، به سادگی وب سایت وردپرس خود را باز کرده و به آن بروید پلاگین ها. سپس، افزودن پلاگین های جدید. در نوار جستجو، نام را وارد کنیدگوتن کیت” و آن را نصب کنید.

پس از اتمام نصب، آن را فعال کنید تا از بلوک ها و صفحات و قالب های آماده استفاده کنید.

مرحله 2: الگوی خود را انتخاب کنید

حرکت به صفحات و افزودن صفحه جدید. در صفحه ویرایشگر خود، آن را باز کنید کتابخانه قالب GutenKit و برو به صفحات

از آنجا، شما این گزینه را خواهید داشت که از بین تعداد زیادی صفحه آماده انتخاب کنید.

در این آموزش، قالب صفحه اصلی SaaS را انتخاب می کنیم.

صفحه را وارد کنید تا در صفحه ویرایشگر خود پر شود. سپس، آن را با اطلاعات خود ویرایش کنید و در صورت لزوم بخش هایی را اضافه کنید.

مرحله 3: بخش هایی را به صفحه خود اضافه کنید

اگرچه اکثر قالب ها با بخش های مختلفی بسته بندی شده اند، با توجه به اینکه صفحه فرود سفارشی است، می توانید موارد بیشتری را اضافه کنید.

به عنوان مثال، اگر می‌خواهید بخش پرسش‌های متداول را به قالب خود اضافه کنید، به سادگی به آن بروید کتابخانه الگو یک بار دیگر در الگوها برگه، به سوالات متداول بخش و بررسی کنید که کدام الگو با سبک صفحه ای که می سازید مطابقت دارد:

پس از آن، به سادگی الگوی سؤالات متداول مورد علاقه خود را انتخاب و وارد کنید:

چه کارهای دیگری می توانید با GutenKit انجام دهید؟

GutenKit همچنین یک بلوک کانتینر را ارائه می دهد. این بلوک به شما امکان می دهد صفحه فرود خود را با بخش هایی در همان گروه بسازید. به عنوان مثال، شما می خواهید یک بخش تیم و یک بلوک متن متحرک را در یک ظرف گروه بندی کنید. در اینجا مراحلی وجود دارد که باید دنبال کنید:

➡️ روی نماد مثبت کلیک کنید و بلوک ظرف را اضافه کنید.

➡️ بسته به تعداد الگوهایی که می خواهید در یک ظرف نمایش داده شود، چیدمان ظرف را از بین ۶ گزینه انتخاب کنید.

➡️ از آنجایی که فقط می خواهید متن متحرک و بخش تیم را گروه بندی کنید، می توانید از بین گزینه های دارای 2 ستون انتخاب کنید. برای نمایش، ما 66/33 را انتخاب کرده ایم.

➡️ بعد از اینکه چیدمان کانتینر خود را انتخاب کردید، متوجه خواهید شد که یک نماد مثبت در داخل ظرف وجود دارد. برای افزودن هر بلوک روی نماد مثبت کلیک کنید.

➡️ کلیک کنید مرور همه برای داشتن دید کامل از بلوک های مختلف. به ترتیب جدول قیمت و تایمر شمارش معکوس را جستجو کنید. می‌توانید روی هر بلوک کلیک کنید یا آن‌ها را به ظرف تعیین‌شده‌شان بکشید. از طرف دیگر، می‌توانید الگوهای آماده را از کتابخانه قالب GutenKit مانند شکل زیر اضافه کنید:

برای افزودن بخش های بیشتر، فقط همین روند را دنبال کنید.

مرحله 4: صفحه فرود خود را سفارشی کنید

برای سفارشی کردن صفحه فرود خود، به سادگی هر عنصر را در نوار ابزار کناری پخش کنید. می‌توانید با فونت‌ها، رنگ‌ها، انیمیشن‌ها و نمادها بازی کنید تا وب‌سایت خود را واقعاً متعلق به خودتان کنید. شما همچنین می توانید سبک متن (بالشتک، حاشیه و غیره)، چیدمان و سبک ظرف خود و حتی تنظیمات پیشرفته آن را تنظیم کنید.

با GutenKit، می توانید خلاقیت خود را آزاد کنید! این واقعاً به کاربران امکان می دهد تا وب سایت ها را با طیف گسترده ای از گزینه های سفارشی سازی شخصی سازی کنند.

چرا سفارشی سازی آن در سطح دیگری است؟

بلوک های سازنده صفحه GutenKit دارند:

• بیش از 900 نماد فونت درون خطی رایگان
• 44+ افکت حرکتی برای جلب توجه بازدیدکنندگان
• جلوه های شیشه ای تار و بدون کدنویسی CSS
• پیمایش عمودی یا افقی صفحه

مرحله 5: پیش نمایش و انتشار

پس از انجام مراحل 1-4، آن را ذخیره کنید و از عملکرد پیش نمایش در گوتنبرگ برای بررسی نحوه نمایش صفحه فرود خود در دستگاه های مختلف استفاده کنید. اگر از نتیجه راضی هستید، کار خود را منتشر کنید و voila – اکنون صفحه فرود خود را دارید!

افکار نهایی

ساختن یک صفحه فرود با تبدیل بالا با رابط گوتنبرگ و GutenKit در دسترس شماست، حتی اگر متخصص برنامه نویسی نباشید. با رابط بصری، عناصر از پیش ساخته شده و انعطاف‌پذیری طراحی، می‌توانید صفحه فرودی ایجاد کنید که سرنخ‌ها را جذب کند، تبدیل‌ها را افزایش دهد و به شما در دستیابی به اهداف بازاریابی خود کمک کند.

در نهایت، تصمیم به نیازها و ترجیحات خاص شما بستگی دارد. اگر به دنبال روشی کاربرپسند برای ساختن وب سایت های زیبا با گوتنبرگ هستید، قطعاً GutenKit ارزش کاوش را دارد!

بنابراین، چرا آن را هم امتحان نکنید؟