چگونه دکمه های CTA را بدون کد به پست ها و صفحات وردپرس اضافه کنیم

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

چرا به دکمه های Call to Action در وردپرس نیاز دارید؟

دکمه های CTA – یا فراخوان – کاربران را تشویق می کند تا اقدام بعدی را انجام دهند. آنها می توانند به سادگی یک دکمه «اکنون خرید» یا «افزودن به سبد خرید» باشند تا بلافاصله فروش را تضمین کنند. یا می‌توانند بازدیدکننده را به سمت محتوای دیگری هدایت کنند که برای «فیلتر کردن» بیشتر آنها در جهت خاصی طراحی شده است.

نمونه های دیگر از دکمه های CTA عبارتند از:

ادامه مطلب
الان بخوان
دانلود
مشترک شدن در خبرنامه ما
در یوتیوب تماشا کنید
در Spotify گوش کنید
این صفحه را نشانه گذاری کنید
همین الان ملحق شوید، همین الان بپیوندید

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

بنابراین، دکمه ها را در نقطه منطقی پست یا صفحه قرار دهید که کاربران به احتمال زیاد در آنجا به آن نیاز دارند. به عنوان مثال، دکمه های منوی اصلی در یک وب سایت (که CTA نیز هستند) معمولا در بالای صفحه قرار دارند، جایی که مردم انتظار دارند آنها را پیدا کنند.

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

وجود دکمه های CTA در سایت شما می تواند به بهبود تعامل شما با کاربرانتان کمک کنند. هنگامی که دکمه ها CTA به خوبی طراحی شده و به درستی قرار داده شوند، می توانند تأثیر زیادی داشته باشند.

نحوه ایجاد دکمه در وردپرس

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

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

گزینه 1 – استفاده از گوتنبرگ

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

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

مرحله 1

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

برای انجام این کار، کافی است کلید اینتر (Enter) را فشار دهید (در صورت لزوم می‌توانید بعداً با استفاده از فلش‌های بالا/پایین که در نوار ابزار کوچک ظاهر می‌شوند، بلوک‌ها را مجدداً مرتب کنید).

گام 2

یک اسلش رو به جلو (/) را در فیلد «نوع / برای انتخاب بلوک» وارد کنید – لیستی از بلوک‌های پرکاربرد ظاهر می‌شود. در مورد من، گزینه buttons block در بالا ظاهر شد، اما می‌توانید /buttons را تایپ کنید تا فقط لیست دکمه موجود را ببینید:

گام 3

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

گام 4

بر روی دکمه دوبار کلیک کنید تا متن مورد نظر خود را وارد کنید:

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

گام 5

برای تعیین تراز ( مکان) دکمه، از گزینه های موجود در نوار ابزار شناور استفاده کنید:

گام 6

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

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

گام 7

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

گزینه 2 – استفاده از Elementor

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

در این قسمت یک نمای کلی از نحوه اضافه کردن یک دکمه ساده به یک پست یا صفحه با استفاده از Elementor آموزش داده می شود:

گام 1

منوی ویجت را در سمت چپ صفحه ویرایشگر Elementor فراخوانی کنید و کلمه “دکمه” یا Button را در نوار جستجو تایپ کنید. ویجت‌های دکمه موجود ظاهر می‌شوند (برخی فقط در صورت نصب Elementor Pro قابل دسترسی خواهند بود). ویجت دکمه مورد نظر را بکشید و آن را در بلوکی که می‌خواهید در آن قرار گیرد رها کنید: