Skip to content
تمی
تمی

اخبار روز وردپرس

  • اخبار و مقالات قالب سایت
تمی

اخبار روز وردپرس

9 فروردین 1401

چگونه رسانه های اجتماعی را به Shopify اضافه کنیم


چگونه رسانه های اجتماعی را به Shopify اضافه کنیم؟ آیا واقعا لازم است؟ بله، برای برند شما بسیار مهم است. ادغام مناسب رسانه های اجتماعی در فروشگاه Shopify شما می تواند آگاهی از برند شما را به میزان قابل توجهی در بین مشتریان بالقوه شما بهبود بخشد. از آنجایی که مردم می توانند به راحتی کانال های اجتماعی شما را بررسی کنند، برند شما برای آنها معتبرتر می شود. اگر به نظر شما ادغام رسانه های اجتماعی دشوار است، فقط دستورالعمل هایی را که در این مقاله به اشتراک می گذارم دنبال کنید. یاد خواهید گرفت چگونه دکمه های اشتراک گذاری اجتماعی را به Shopify اضافه کنیم.

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

بیایید ببینیم چگونه رسانه های اجتماعی را به Shopify اضافه کنیم

استفاده از تم با رسانه های اجتماعی

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

تغییر کد در یک موضوع موجود

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

نحوه اضافه کردن دکمه های اشتراک گذاری اجتماعی به Shopify: روش-1

اگر از این روش پیروی کنید، می توانید از هر نمادی مانند PNG، JPEG، SVG استفاده کنید. این یک راه انعطاف پذیر برای اضافه کردن دکمه آیکون رسانه های اجتماعی در فروشگاه Shopify شما است. این روش شامل چند مرحله است:

ورود به فروشگاه Shopify

مرحله 1: ابتدا وارد فروشگاه Shopify خود شوید.

سفارشی سازی تم Shopify

مرحله 2: اکنون از «فروشگاه آنلاین»، به «موضوعات» بروید و روی ویرایش کد کلیک کنید.

یک دارایی جدید اضافه کنید

مرحله 3: پوشه “Assets” را باز کنید و روی “Add a new asset” کلیک کنید.

Shopify دارایی جدید اضافه کنید

مرحله 4: اکنون فایل ها را مرور کنید و نمادی را که می خواهید اضافه کنید انتخاب کنید.

مرحله 5: همانطور که نماد را اضافه کرده اید. حالا شما باید تصمیم بگیرید که با کدنویسی کجا نمایش داده شود.

مرحله 6: اکنون فایل “theme.liquid” را باز کنید و کد ذکر شده در زیر را در جایی که می خواهید دکمه نماد رسانه های اجتماعی را نشان دهید قرار دهید.

{{ 'icon-facebook.png' | asset_url | img_tag | link_to: 'https://www.facebook.com' }}

مرحله 7: روی دکمه “ذخیره” کلیک کنید. شما باید دکمه رسانه های اجتماعی را در مناطق خاصی از فروشگاه Shopify خود مشاهده کنید.

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

همچنین می توانید بخوانید: راهنمای کامل سفارشی سازی تم Shopify

نحوه اضافه کردن دکمه های اشتراک گذاری اجتماعی به Shopify: روش-2

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

ورود به سیستم Shopify

مرحله 1: ابتدا وارد فروشگاه Shopify خود شوید.

سفارشی سازی تم Shopify

مرحله ۲: اکنون از «فروشگاه آنلاین»، به «موضوعات» بروید و روی «ویرایش کد» کلیک کنید.

Shopify قطعه جدید اضافه می کند

مرحله 3: “Snippets” را باز کنید و روی “Add a new Snippet” کلیک کنید. نام قطعه را وارد کنید و روی “ذخیره” کلیک کنید.

مرحله 4: اکنون کد منبع نماد SVG را در قطعه جدید قرار دهید.

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

<a href="https://www.facebook.com/"> {% render 'icon-facebook' %} </a>

چیزی وجود دارد که باید در نظر بگیرید. اگر از بلوک های Shopify استفاده می کنید، باید از کد زیر استفاده کنید.

<a href="https://www.facebook.com/"> {% render 'icon-facebook', block: block %} </a>

مرحله 5: روی دکمه “ذخیره” کلیک کنید. شما باید دکمه را در مناطق خاصی از فروشگاه Shopify خود مشاهده کنید.

نتیجه

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





منبع

اخبار و مقالات قالب سایت تم سایتقالب سایت

راهبری نوشته

Previous post
Next post

نوشته‌های تازه

  • نحوه اضافه کردن هدرهای امنیتی HTTP در وردپرس (راهنمای مبتدیان)
  • ثبت نام اظهارنامه مالیات بر ارزش افزوده ۱۴۰۲ نحوه تکمیل و ارسال 1402 | تکس مپ
  • نحوه ایجاد گالری تصاویر محصول ووکامرس (گام به گام)
  • 9 بهترین پلاگین دستور غذا برای وردپرس (رایگان و پولی)
  • نحوه تنظیم یک آدرس ایمیل حرفه ای با Gmail و Workspace
  • نحوه برجسته کردن متن در وردپرس (راهنمای مبتدیان)
  • نحوه دریافت حاشیه نویسی و یادداشت های سایت GA4 در وردپرس
  • ابزار ممیزی رایگان سئو برای افزایش رتبه
  • نحوه ویرایش انبوه تصاویر ویژه در وردپرس
  • نحوه ایجاد فید RSS مجزا برای هر دسته در وردپرس
  • نحوه اضافه کردن خودکار سلب مسئولیت در وردپرس (راه آسان)
  • نحوه تغییر اندازه تصویر Gravatar در وردپرس
  • 10 بهترین مولد کلمات کلیدی دم بلند (مقایسه شده)
  • نحوه استفاده از کدهای کوتاه در ابزارک های نوار کناری وردپرس
  • اعلام ایده مولد پست وبلاگ WPBeginner
  • چرا باید به سراغ بهترین لپ تاپ های لنوو Core i5 رفت؟ + معرفی 4 مدل محبوب | behtarin-laptop
  • نحوه فروش وب سایت یا کسب و کار آنلاین (راهنمای کامل)
  • نمایندگی سیم کشی و برق کشی ساختمان اعزام سریع برقکار ساختمان امدادکاران | fanbaz
  • نحوه ایجاد نمودار سازمانی شرکت خود در وردپرس (راه آسان)
  • نحوه ایجاد یک پست خلاصه در وردپرس (راه آسان)
  • قیمت دستگاه تولید لیوان کاغذی دست دوم + راهنمای جامع خرید | ایران کاپ
  • نحوه مشاهده نسخه موبایل سایت های وردپرس از دسکتاپ
  • نحوه افزودن متن به گفتار در وردپرس (گام به گام)
  • نحوه ایجاد فرم آپلود فایل در وردپرس (راه حل آسان)
  • کتاب کمک درسی دوم دبستان پایتخت کتاب | ketabko
  • طراحی سایت و فروشگاه اینترنتی شروع یک موفقیت آنلاین پرتال | allescape
  • حمل و نقل چیست ؟ انواع و تاریخچه حمل و نقل در ایران | transemartlogistics
  • نحوه اضافه کردن یک سازنده محصول سفارشی در ووکامرس (آسان)
  • چگونه انواع پست سفارشی را به فید اصلی وردپرس خود اضافه کنید
  • معرفی تحلیلگر سرفصل – نوشتن سرفصل های جذاب آسان شده است
  • نحوه اضافه کردن مبدل ارز در وردپرس (2 راه آسان)
  • نحوه تعمیر تغییر مسیر وردپرس به دامنه قدیمی پس از مهاجرت
  • چگونه در پست های وردپرس خود کلیک به جعبه های توییت اضافه کنید
  • نحوه ایجاد اسلایدر محصول در Shopify در سال 2023
  • نحوه نمایش یا پنهان کردن ابزارک ها در صفحات خاص وردپرس
  • به HeroThemes به صندوق رشد WPBeginner خوش آمدید
  • بهترین کاندوم بازار در سال 2023 + معرفی 20 مدل پرفروش | asilbekharid
  • نحوه ایجاد و مدیریت فایل های Ads.txt در وردپرس (آسان)
  • آیا باید به افزونه های وردپرس اجازه جمع آوری داده ها را بدهم؟
  • قیمت و رزرو اتاق فرار اختلال disorder ایران اسکیپ | allescape
  • نحوه ارسال ایمیل به همه کاربران ثبت نام شده در وردپرس
  • 16 بهترین افزونه تایپوگرافی وردپرس برای بهبود طراحی شما
  • چگونه به راحتی تصاویر تعاملی 360 درجه را در وردپرس اضافه کنیم
  • شرایط شرکت در بازی اتاق فرار در مجموعه اسکیپ رومیست | allescape
  • نحوه نمایش یا دفن نظرات در وردپرس (2 راه آسان)
  • 8 بهترین افزونه گرید محصول برای ووکامرس (رایگان + پولی)
  • معماری اسلامی و 8 نمونه برجسته | معماری نواز
  • معرفی Broken Link Checker – Easy Dead Link Checker برای تعمیر لینک های شکسته در وردپرس
  • نحوه اضافه کردن کلاهک در پست های وردپرس (3 روش ساده)
  • نحوه باز کردن پیوندهای خارجی در یک پنجره یا برگه جدید با وردپرس

دسته‌ها

  • اخبار و مقالات قالب سایت
  • دسته‌بندی نشده
  • نحوه اضافه کردن هدرهای امنیتی HTTP در وردپرس (راهنمای مبتدیان)
  • ثبت نام اظهارنامه مالیات بر ارزش افزوده ۱۴۰۲ نحوه تکمیل و ارسال 1402 | تکس مپ
  • نحوه ایجاد گالری تصاویر محصول ووکامرس (گام به گام)
  • 9 بهترین پلاگین دستور غذا برای وردپرس (رایگان و پولی)
  • نحوه تنظیم یک آدرس ایمیل حرفه ای با Gmail و Workspace
  • نحوه برجسته کردن متن در وردپرس (راهنمای مبتدیان)
  • نحوه دریافت حاشیه نویسی و یادداشت های سایت GA4 در وردپرس
  • ابزار ممیزی رایگان سئو برای افزایش رتبه
  • نحوه ویرایش انبوه تصاویر ویژه در وردپرس
  • نحوه ایجاد فید RSS مجزا برای هر دسته در وردپرس
  • نحوه اضافه کردن خودکار سلب مسئولیت در وردپرس (راه آسان)
  • نحوه تغییر اندازه تصویر Gravatar در وردپرس
  • 10 بهترین مولد کلمات کلیدی دم بلند (مقایسه شده)
  • نحوه استفاده از کدهای کوتاه در ابزارک های نوار کناری وردپرس
  • اعلام ایده مولد پست وبلاگ WPBeginner
  • چرا باید به سراغ بهترین لپ تاپ های لنوو Core i5 رفت؟ + معرفی 4 مدل محبوب | behtarin-laptop
  • نحوه فروش وب سایت یا کسب و کار آنلاین (راهنمای کامل)
  • نمایندگی سیم کشی و برق کشی ساختمان اعزام سریع برقکار ساختمان امدادکاران | fanbaz
  • نحوه ایجاد نمودار سازمانی شرکت خود در وردپرس (راه آسان)
  • نحوه ایجاد یک پست خلاصه در وردپرس (راه آسان)
  • قیمت دستگاه تولید لیوان کاغذی دست دوم + راهنمای جامع خرید | ایران کاپ
  • نحوه مشاهده نسخه موبایل سایت های وردپرس از دسکتاپ
  • نحوه افزودن متن به گفتار در وردپرس (گام به گام)
  • نحوه ایجاد فرم آپلود فایل در وردپرس (راه حل آسان)
  • کتاب کمک درسی دوم دبستان پایتخت کتاب | ketabko
  • طراحی سایت و فروشگاه اینترنتی شروع یک موفقیت آنلاین پرتال | allescape
  • حمل و نقل چیست ؟ انواع و تاریخچه حمل و نقل در ایران | transemartlogistics
  • نحوه اضافه کردن یک سازنده محصول سفارشی در ووکامرس (آسان)
  • چگونه انواع پست سفارشی را به فید اصلی وردپرس خود اضافه کنید
  • معرفی تحلیلگر سرفصل – نوشتن سرفصل های جذاب آسان شده است
  • نحوه اضافه کردن مبدل ارز در وردپرس (2 راه آسان)
  • نحوه تعمیر تغییر مسیر وردپرس به دامنه قدیمی پس از مهاجرت
  • چگونه در پست های وردپرس خود کلیک به جعبه های توییت اضافه کنید
  • نحوه ایجاد اسلایدر محصول در Shopify در سال 2023
  • نحوه نمایش یا پنهان کردن ابزارک ها در صفحات خاص وردپرس
  • به HeroThemes به صندوق رشد WPBeginner خوش آمدید
  • بهترین کاندوم بازار در سال 2023 + معرفی 20 مدل پرفروش | asilbekharid
  • نحوه ایجاد و مدیریت فایل های Ads.txt در وردپرس (آسان)
  • آیا باید به افزونه های وردپرس اجازه جمع آوری داده ها را بدهم؟
  • قیمت و رزرو اتاق فرار اختلال disorder ایران اسکیپ | allescape
  • نحوه ارسال ایمیل به همه کاربران ثبت نام شده در وردپرس
  • 16 بهترین افزونه تایپوگرافی وردپرس برای بهبود طراحی شما
  • چگونه به راحتی تصاویر تعاملی 360 درجه را در وردپرس اضافه کنیم
  • شرایط شرکت در بازی اتاق فرار در مجموعه اسکیپ رومیست | allescape
  • نحوه نمایش یا دفن نظرات در وردپرس (2 راه آسان)
  • 8 بهترین افزونه گرید محصول برای ووکامرس (رایگان + پولی)
  • معماری اسلامی و 8 نمونه برجسته | معماری نواز
  • معرفی Broken Link Checker – Easy Dead Link Checker برای تعمیر لینک های شکسته در وردپرس
  • نحوه اضافه کردن کلاهک در پست های وردپرس (3 روش ساده)
  • نحوه باز کردن پیوندهای خارجی در یک پنجره یا برگه جدید با وردپرس
©2023 تمی | WordPress Theme by SuperbThemes