آیا می خواهید دکمه های تماس به عمل را در پست ها یا صفحات وردپرس خود اضافه کنید؟
دکمه ها یک روش عالی برای تقویت تبدیل ها هستند. آنها بسیار قابل توجه هستند که باعث می شود آنها در هدایت توجه کاربر به تعامل مورد نظر بسیار عالی باشند.
به عنوان مثال ، می توانید با استفاده از یک دکمه تماس برای اقدام ، کاربران را به یک صفحه معامله مانند صفحه قیمت گذاری ، صفحه محصول ، صفحه خدمات و سایر موارد در وب سایت خود هدایت کنید.
همچنین می توانید برای تبلیغ پیشنهادات ویژه ، محصولات جدید یا پیوندهای وابسته که به وب سایت های شریک هدایت می شوند ، از دکمه های تماس به عمل استفاده کنید.
در این مقاله ، ما به شما نشان خواهیم داد که چگونه بدون نوشتن هیچ کدی ، به راحتی دکمه های زیبا برای اقدام در WordPress را اضافه کنید.
توجه: این مقاله برای افزودن دکمه های تماس به اقدام سفارشی در وردپرس است. اگر می خواهید دکمه های اشتراک اجتماعی را اضافه کنید ، لطفاً به راهنمای ما در نحوه افزودن دکمه های اشتراک اجتماعی در وردپرس .
افزودن دکمه ها در پست ها و صفحه های وردپرس (مرحله به مرحله) h4>
وردپرس افزودن دکمه های دارای بلوک “دکمه” داخلی را بسیار آسان می کند.
این ویژگی جدیدی است که در WordPress 5.0 معرفی شده است ، همراه با ویرایشگر بلوک وردپرس گوتنبرگ
در این مقاله ، ما سه روش مختلف برای افزودن دکمه های تماس به عمل در پست ها و صفحات وبلاگ وردپرس به شما نشان خواهیم داد. می توانید راه حل مناسب با نیازهای خود را انتخاب کنید.
برای مرور آسان این مقاله ، می توانید از جدول مطالب زیر استفاده کنید.
فهرست مطالب :
- افزودن دکمه ها در پست ها / صفحات WordPress با استفاده از ویرایشگر پیش فرض
- ایجاد یک دکمه وردپرس در ویرایشگر کلاسیک
- افزودن دکمه کلیک برای تماس در وردپرس
آموزش فیلم h4>
اگر فیلم را دوست ندارید یا به دستورالعمل های بیشتری احتیاج دارید ، به خواندن ادامه دهید.
افزودن دکمه ها در پست ها / صفحات وردپرس با استفاده از ویرایشگر پیش فرض h4>
این روش برای بیشتر کاربران آسان تر و توصیه می شود. از بلوک دکمه داخلی در ویرایشگر جدید وردپرس استفاده می کند. اگر هنوز از ویرایشگر قدیمی قدیمی استفاده می کنید ، می توانید به قسمت بعدی بروید.
ابتدا باید یک پست جدید ایجاد کنید یا یک پست موجود را ویرایش کنید در جایی که می خواهید یک دکمه به آن اضافه کنید.
در صفحه ویرایش پست خود ، بر روی نماد “+” کلیک کنید تا یک Block جدید اضافه کنید و بلوک Button را در بخش Layout Elements انتخاب کنید.
در مرحله بعدی ، باید بتوانید بلوک دکمه اضافه شده به ویرایشگر محتوا را ببینید
به سادگی بر روی قسمت “افزودن متن” “کلیک کنید و متن دکمه خود را وارد کنید.
پس از آن ، باید URL صفحه ای را که می خواهید پیوند دهید در قسمت “چسباندن URL یا تایپ کردن برای جستجو” در زیر دکمه قرار دهید.
پس از اتمام ، روی نماد اعمال کلیک کنید.
اگر می خواهید دکمه را در مرکز نمایش دهید ، می توانید بر روی نماد Align Center در نوار ابزار بلوک خود در بالا کلیک کنید.
بعد ، می توانید سبک دکمه خود را تنظیم کنید ، رنگ پس زمینه را تغییر دهید و رنگ متن را از صفحه تنظیمات بلوک در سمت راست تغییر دهید.
سه سبک دکمه وجود دارد که می توانید انتخاب کنید: پیش فرض ، رئوس مطالب و مربع. می توانید هرکدام را با کلیک بر روی آنها امتحان کنید و یکی از بهترین ها را انتخاب کنید.
بخش تنظیمات رنگ شامل پنج تغییر رنگ برای پس زمینه دکمه و متن دکمه است. نه تنها این ، بلکه می توانید با کلیک بر روی گزینه Custom Color از رنگ دلخواه خود نیز استفاده کنید.
هنگامی که از طراحی دکمه راضی بودید ، می توانید پست خود را ذخیره کرده یا برای دیدن پیش نمایش زنده منتشر کنید.
در وب سایت نمایشی ما نحوه مشاهده آن است.
جایزه: اگر می خواهید عملکرد دکمه هایتان را خوب ببینیم ، پس باید از MonsterInsights . این دارای پیگیری رویداد داخلی برای پیوندهای وابسته ، پیوندهای خروجی و رویدادهای سفارشی است ، بنابراین شما می توانید عملکرد دکمه های خود را ببینید. برای جزئیات بیشتر ، به معیارهای مهم بازاریابی که باید در وردپرس ردیابی کنید .
ایجاد یک دکمه وردپرس در ویرایشگر کلاسیک h4>
اگرچه ویرایشگر بلوک گوتنبرگ سریعتر و راحت تر است ، اما بسیاری از کاربران هنوز نسخه قدیمی ویرایشگر کلاسیک وردپرس . اگر شما هم یکی از آنها هستید ، پس باید یک راه حل جایگزین برای افزودن دکمه ها در سایت وردپرس خود پیدا کنید.
به طور عمده سه گزینه برای افزودن دکمه ها در WordPress Classic Editor وجود دارد.
- افزودن دکمه در وردپرس با کد HTML / CSS.
- افزودن دکمه در وردپرس با پلاگین کد کوتاه دکمه وردپرس.
- بدون استفاده از کد کوتاه در وردپرس دکمه اضافه کنید.
از بین سه گزینه ، گزینه اول روش کدگذاری است. شما باید هر کجا که به یک دکمه نیاز دارید کد HTML / CSS را بنویسید و به وب سایت خود اضافه کنید. مبتدی پسند نیست.
گزینه دوم متداولترین روش است. به این دلیل که اکثر افزونه های دکمه وردپرس کد کوتاه افزودن دکمه ها را ارائه می دهند.
گزینه سوم بهترین است زیرا به شما امکان می دهد بدون نیاز به یادآوری کد کوتاه ، به راحتی دکمه ها را به پست ها و صفحات خود اضافه کنید.
بیایید نگاهی به نحوه افزودن دکمه ها در وردپرس بدون استفاده از کد کوتاه بیاندازیم.
اولین کاری که باید انجام دهید نصب و فعال سازی فراموش کردن دکمه های کد کوتاه افزونه. برای جزئیات بیشتر ، به راهنمای گام به گام ما در نحوه نصب افزونه وردپرس .
هنگامی که افزونه را فعال کردید ، یک پست جدید ایجاد کنید یا یک پست موجود را ویرایش کنید. در ویرایشگر ، یک دکمه جدید در ویرایشگر ویژوال با عنوان دکمه درج مشاهده خواهید کرد.
برای درج دکمه جدید در پست خود ، باید روی دکمه Insert کلیک کنید. با این کار یک پنجره بازشو ظاهر می شود که در آن می توانید دکمه جدید خود را طراحی کنید.
ابتدا باید متن دکمه و URL خود را اضافه کنید. همانطور که متن دکمه خود را اضافه می کنید ، می توانید پیش نمایش زنده را در کادر زیر مشاهده کنید.
بعد ، می توانید برچسب nofollow را به پیوند خود اضافه کنید و با کلیک کردن روی گزینه های جعبه زیر ، پیوند را در یک برگه جدید باز کنید.
بعد از آن ، می توانید نمادی را برای دکمه خود انتخاب کنید. اگر روی برگه Icons کلیک کنید ، در این صورت می توانید آیکون هایی را که می توانید قبل یا بعد از متن در دکمه های خود اضافه کنید ، مشاهده کنید.
این آیکون ها در واقع فونت آیکون هستند (نحوه استفاده از قلم های آیکون در WordPress Post Editor ).
بعد ، می توانید با کلیک روی نماد جعبه رنگ ، رنگ متن و رنگ پس زمینه را برای دکمه خود انتخاب کنید.
بعد از آن ، روی منوی کشویی کلیک کنید تا سبک دکمه را انتخاب کنید. هشت سبک مختلف دکمه برای استفاده آماده است.
به همین ترتیب ، می توانید اندازه دکمه را نیز از خیلی کوچک تا خیلی بزرگ انتخاب کنید.
هنگامی که از ظاهر راضی شدید ، کافی است بر روی دکمه بروزرسانی کلیک کنید.
شما می توانید دکمه خود را همانطور که در پست شما ، درست در داخل ویرایشگر پست نشان داده می شود ، مشاهده کنید.
همچنین می توانید با انتخاب متن دکمه و استفاده از دکمه های نوار ابزار در ویرایشگر کلاسیک ، تراز بندی دکمه ها را تنظیم کنید.
با دوبار کلیک بر روی دکمه ، پنجره Insert Button ظاهر می شود و در صورت تمایل می توانید دکمه خود را دوباره ویرایش کنید.
هنگامی که از طراحی آن راضی بودید ، می توانید پست خود را منتشر یا به روز کنید و آن را در عمل مشاهده کنید. اینگونه دکمه فانتزی در نسخه نمایشی ما ظاهر شد وب سایت وردپرس .
افزودن دکمه کلیک برای تماس در وردپرس h4>
علاوه بر دکمه های تماس معمول برای اقدام ، همچنین می توانید دکمه های کلیک به تماس را در وب سایت خود اضافه کنید تا منجر به افزایش هدایت و تبدیل شود.
دکمه کلیک برای تماس نوعی دکمه تماس برای عمل است که به کاربران شما امکان می دهد فقط با یک ضربه با تیم خود تماس تلفنی برقرار کنند.
با استفاده از دکمه های ضربه به تماس ، بازدیدکنندگان سایت شما می توانند بلافاصله با تیم شما به صورت حضوری صحبت کنند و اطلاعات مورد نیاز را دریافت کنند. خواه بحث درمورد درخواست قیمت گذاری ، اطلاعات پیش فروش یا مسئله پشتیبانی باشد ، تماس های تلفنی سریع هستند.
با افزایش تعداد کاربران تلفن های هوشمند ، افزودن دکمه های تماس اکنون امروزه از اهمیت بیشتری برخوردار است.
در صورت نداشتن تلفن شغلی ، بنابراین ممکن است بخواهید شماره تلفن مجازی کسب و کار .
با این اوصاف ، بیایید نگاهی بیندازیم که چگونه مرحله به مرحله دکمه های کلیک برای تماس را در وردپرس اضافه کنیم.
اولین کاری که باید انجام دهید نصب و فعال سازی افزونه دکمه تماس WP است . برای دستورالعمل های دقیق ، می توانید راهنمای گام به گام ما را در نحوه نصب افزونه وردپرس .
پس از فعال سازی ، برای پیکربندی تنظیمات افزونه و طراحی دکمه کلیک برای تماس ، باید از صفحه تنظیمات »دکمه تماس WP بازدید کنید.
در ابتدا ، تنظیمات Sticky Call Button را مشاهده خواهید کرد. دکمه تماس چسبنده یک ویژگی بهینه سازی شده برای تبدیل است که هنگام مرور سایت شما ، دکمه تماس را به همراه کاربران حرکت می دهد.
می توانید با فعال کردن وضعیت دکمه Call Now شروع کنید. برای فعال کردن آن کافیست روی دکمه تغییر کلید کلیک کنید.
پس از آن ، باید شماره تلفن خود را وارد کنید. دکمه تماس WP یک شماره شماره تلفن هوشمند همراه با کد کشور شما دارد. به سادگی کشور خود را انتخاب کرده و شماره تلفن مشاغل خود را وارد کنید.
اگر شماره شغلی ندارید ، می توانید شماره آن را از Nextiva . این یک ارائه دهنده VoIP تجاری قابل اعتماد است ” .
بعد ، می توانید متن دکمه تماس خود را ویرایش کنید ، موقعیت دکمه تماس و رنگ را انتخاب کنید.
همچنین ، می توانید مکان نمایش دکمه چسبناک تماس را در وب سایت خود انتخاب کنید. به طور پیش فرض ، دکمه تماس را در همه صفحات و همه دستگاه ها نشان می دهد. می توانید دکمه را در صفحات خاصی نمایش داده یا پنهان کنید و فقط در دستگاه های تلفن همراه نشان داده شود.
پس از بررسی همه گزینه ها ، می توانید بر روی دکمه ذخیره تغییرات در پایین کلیک کنید. پس از آن ، می توانید به وب سایت خود مراجعه کرده و دکمه تماس چسبنده اکنون را مشاهده کنید.
جدا از دکمه های تماس چسبنده ، شما همچنین می توانید دکمه های تماس ثابت را در صفحات ، پست ها و ستون های کناری a خود اضافه کنید > با استفاده از این پلاگین.
یک صفحه جدید ایجاد کنید یا یک صفحه موجود را ویرایش کنید و بلوک WP Call Button را در ویرایشگر صفحه خود اضافه کنید.
بعد از آن ، می توانید متن دکمه ، رنگ دکمه ، رنگ متن ، اندازه قلم را سفارشی کنید و نماد تلفن را نشان دهید یا پنهان کنید.
هنگامی که از طراحی آن راضی بودید ، می توانید صفحه خود را منتشر یا به روز کنید.
اگر از کلاسیک وردپرس استفاده می کنید ویرایشگر ، سپس برای دریافت کد کوتاه باید از مولد دکمه تماس ثابت استفاده کنید. به تنظیمات »دکمه تماس WP بروید و روی منوی Static Call Button در بالا کلیک کنید.
نگران نباشید ، گزینه های دکمه را سفارشی کرده و سپس کد کوتاه را کپی کنید. پس از آن ، می توانید از کد کوتاه در هر پست یا صفحه ای در وب سایت خود استفاده کنید.
افزونه WP Call Button همچنین به شما امکان می دهد دکمه تماس را در نوار کناری وردپرس و سایر مناطق آماده ویجت اضافه کنید.
نگران نباشید ، به Appearance »Widegts بروید و ابزارک WP Call Button را به یک منطقه آماده ویجت که می خواهید دکمه تماس را در آن نشان دهید ، بکشید.
اکنون می توانید یک عنوان ، توضیحات اضافه کرده و دکمه تماس را از قسمت تنظیمات پیشرفته سفارشی کنید. پس از اتمام ، ویجت خود را ذخیره کنید.
همین! اگر می خواهید آموزش دقیق تری را مشاهده کنید ، می توانید راهنمای گام به گام ما را در نحوه افزودن دکمه کلیک برای تماس در وردپرس .
نکته پاداش برای افزودن دکمه های سفارشی در وردپرس h4>
اگر می خواهید دکمه های تماس کاملاً کاربردی سفارشی را در وردپرس اضافه کنید ، به احتمال زیاد به دنبال راه حلی هستید که به شما امکان اضافه کردن بخشهای سفارشی و همچنین دکمه های سفارشی را در هدر وب سایت ، منوها و سایر مناطق ارائه دهد.
در این صورت ، ما توصیه می کنیم از کشیدن و رها کردن افزونه صفحه ساز WordPress مانند Beaver Builder یا Divi .
این سازندگان صفحه به شما کمک می کنند صفحات فرود سفارشی خود را با دکمه های فانتزی فراخوان دقیقاً همانطور که می خواهید ایجاد کنید.
هر کاری انجام دهید ، مهم این است که نحوه عملکرد دکمه های خود را ردیابی کنید زیرا حدس زدن بهترین استراتژی رشد تجارت نیست.
توصیه می کنیم از MonsterInsights استفاده کنید. این دارای پیگیری رویداد داخلی برای پیوندهای وابسته ، پیوندهای خروجی و رویدادهای سفارشی است ، بنابراین شما می توانید عملکرد دکمه های خود را ببینید. برای جزئیات بیشتر ، به معیارهای مهم بازاریابی که باید در وردپرس ردیابی کنید .
امیدواریم این مقاله به شما کمک کند تا یاد بگیرید چگونه به راحتی دکمه ها را در وردپرس اضافه کنید. همچنین ممکن است بخواهید لیست ما را از بهترین افزونه های وردپرس و بهترین خدمات بازاریابی از طریق ایمیل برای مشاغل کوچک.
اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .
منبع:
https://www.wpbeginner.com/plugins/how-to-add-buttons-in-wordpress-without-using-shortcodes/.