نحوه اضافه کردن نمادهای پرداخت ووکامرس در پاورقی [HTML]

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

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

نمادهای پرداخت ووکامرس را در پاورقی اضافه کنید

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

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

ویرایش فایل‌های تم شما همیشه راه مطمئنی برای سفارشی‌سازی ووکامرس نیست – من با ایجاد یک افزونه ووکامرس Payment Icons که می‌توانید پیدا کنید، بار اضافه کردن آیکون‌های پرداخت در هر نقطه از سایت شما را از بین بردم.

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

این کار را می توان با استفاده از HTML یا تصاویر و آیکون ها انجام داد. برای این آموزش، من از این تصویر استفاده می کنم و آن را در قسمت فوتر قرار می دهم.

بخش پاورقی را می توان با پیمایش از طریق تنظیمات تم > پاورقی > متن در کنار حق چاپ و درج این کد و جایگزینی آدرس منبع تصویر با مسیر تصویر مربوطه برای سایت خود مشاهده کرد. در این مثال تصویر من در لوکال هاست قرار دارد که در تگ تصویر زیر می بینید:

<img src="//http://127.0.0.1/wordpress/wp-content/uploads/2020/07/payments.png">

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

آیکون های سفارشی روش های پرداخت ووکامرس

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

• به عنوان مثال، می‌توانید نمادها را دانلود کنید. این دروازه‌های پرداخت ووکامرس را می‌توان به صورت بسته دانلود کرد و می‌توانید هر یک از آنها را به صورت جداگانه جاسازی کنید.
• در مرحله دوم، باید به بخش پاورقی یا با استفاده از یک ویجت سفارشی HTML که در پاورقی یا کد footer.php طرح زمینه شما از طریق تنظیمات تم > پاورقی > متن در کنار حق نشر قرار داده شده است بروید و این کد را وارد کنید:

<div class="credit-cards" style="text-align: center; width: 100%">

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_visa.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_master.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_paypal.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_unionpay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_linepay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_tw_711_pay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_tw_fm_pay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_taishin.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_amex.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_ecpay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_jcb.png"/>

</div>

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

نتیجه

در این مقاله، من به شما نشان دادم که چگونه با استفاده از HTML آیکون‌های درگاه پرداخت ووکامرس را در پاورقی اضافه کنید. این را می توان برای افزودن اعتماد انجام داد و اجرای آن با استفاده از ویجت متن HTML در قسمت ابزارک های تم بسیار ساده است. به خاطر داشته باشید که اگر این کد را به functions.php اضافه کنید، کد کار نخواهد کرد و هنگام افزودن کد HTML به footer.php باید احتیاط کنید، باید مطمئن شوید که به درستی از PHP فرار می کنید.