📺 چطور در قالب پاندا لندینگ پیج بسازیم؟

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

معمولا یک لندینگ‌پیج شامل موارد زیر میشه:
۱. اسلایدشوی تصویر
۲. بلوک توضیحات
۳. گروه بنری
۴. کروسل محصولات

تو این ویدیو تمام این موارد رو قدم به قدم بررسی می‌کنیم.


💬 اگر نکته‌ای برای ساخت لندینگ پیج داشتین، لطفا تو نظرات با ما به اشتراک بذارین.

#panda_tips #steasycontent

🔵 @fasleaval | فصل اول

⚙️ پرستاشاپ 8.1.6 در تاریخ 26 اردیبهشت 1403 به عنوان یک وصله امنیتی منتشر شد. (این آپدیت از زیر دستمون در رفت 🫣)

در این نسخه 2 مشکل امنیتی برطرف شده است:
- حمله XSS از طریق فرم تماس بخش فروشگاهی، به کمک آپلود فایل
- مشتری ناشناس می‌تواند فاکتور مشتریان دیگر را دانلود کند

مطالعه بیشتر + مشاهده دمو:
💻 https://fasleaval.com/blog/8391/prestashop-8-1-6-maintenance-release


🔵 @fasleaval | فصل اول

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

از منوی «پارامترهای پیشرفته > ویژگی‌های جدید و آزمایشی»
گزینه «رشته پیام‌های مشتری» را غیرفعال کنید.


📌 در اولین فرصت پرستاشاپ را به آخرین نسخه آپدیت کنید.

🔵 @fasleaval | فصل اول

📝 چک لیست بعد از آپدیت پرستاشاپ

به محض اینکه در ماژول 1-Click ارتقا کامل شد و بلوک‌‌های سبز رنگ، کل صفحه‌تون رو گرفت (که امیدواریم بگیره و هیچ‌وقت به خطا نخورید)، چند کار نیازه که انجام بدیم:


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

2. فایل‌های JavaScript و CSS تغییر کردند، بعد از اینکه وارد پنل شدید دکمه‌های Ctrl+F5 رو بزنید تا کش مرورگر خالی بشه.

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

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

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

6. اگر بعد از رفرش صفحه، با خطا روبرو شدید و امکان ورود به پنل رو نداشتید، حالت دیباگ رو به صورت دستی فعال کنید. برای فعال کردن دیباگ فایل config/defines.inc.php رو ویرایش کنید و _PS_MODE_DEV_ رو از false به true تغییر بدید.

🔵 @fasleaval | فصل اول

💳 معرفی ماژول‌های درگاه پرداخت

در پرستاشاپ فارسی 2 ماژول جامع برای درگاه‌های پرداخت ایرانی داریم. در این پست می‌خوایم بررسی کنیم هر ماژول چه درگاه‌هایی به ما ارائه می‌کنه.


👈 ماژول پرداخت یار از مجموعه پرستایار (مشاهده صفحه ماژول)
👈 ماژول پرداخت یکپارچه از مجموعه آی پرستا (مشاهده صفحه ماژول)


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


✅ ماژول پرداخت یار پرستایار
نسخه رایگان:
- پی پینگ
- بانک ملت (به پرداخت)
- بانک پارسیان
- بانک ملی (سداد)
- بانک پاسارگاد
- بانک مسکن (ناواکو)
- بانک سامان
- بانک صادرات (سپهر)
- آقای پرداخت
- ایران کیش

نسخه تجاری:
درگاه آی دی پی
درگاه زرین پال
درگاه سیزپی
درگاه سما
درگاه زیفای
درگاه تومن


✅ ماژول پرداخت یکپارچه آی پرستا
نسخه رایگان:
- بانک ملت (به پرداخت)
- بانک سامان
- بانک صادرات (سپهر)
- بانک پارسیان
- بانک ملی (سداد)
- بانک پاسارگاد
- درگاه آسان پرداخت
- درگاه ایران کیش
- درگاه سیزپی
- درگاه پکپی
- پی‌پینگ
- زرین پال
- درگاه Pay
- درگاه شاناکو

نسخه تجاری:
- بانک مسکن (ناواکو)
- درگاه موبایلی تجارت پی
- درگاه آیدی پی (IDPay)
- درگاه ارزی یک پی
- درگاه Paycpg
- درگاه ازکی وام


⚙️ بررسی سازگاری:
نسخه پرستاشاپ: هر دو ماژول از پرستاشاپ 1.6، 1.7 و 8
نسخه PHP: هر دو ماژول از 7.1 تا 8.1


💬 اگر نظری در رابطه با این ماژول‌ها دارید، می‌تونید در بخش نظرات این پست اون رو با ما به اشتراک بذارید.

#module_introduction
#ماژول
#پرداخت

🔵 @fasleaval | فصل اول

📣 تغییر در انتشار نسخه‌های جدید پرستاشاپ

همانطور که می‌دونید در نسخه‌های قبلی پرستاشاپ، ابتدا نسخه در گیت‌هاب و بعد از مدتی در سایت PrestaShop.com منتشر می‌شد. در اطلاعیه‌ای که امروز منتشر شد، تیم پروژه پرستاشاپ تصمیم گرفتند تا این دو نسخه رو یکی کنند.

در تصمیم جدید تیم پروژه، از این پس هر نسخه فقط یک فایل Zip خواهد بود که در سایت PrestaShop.com منتشر خواهد شد. اوپن سورس بودن پروژه همچنان جای خودش باقیست.

به قول تیم پروژه:

Open Source is and will remain in PrestaShop’s DNA.

اهدافی که این تغییر در نظر داره:
1. از بین بردن سردرگمی کاربران در انتخاب بین دو نسخه
2. یکپارچه کردن سیستم گزارش باگ
3. رسیدن آخرین نسخه به دست تمام کاربران، در سریع‌ترین زمان
4. بهبود پروسه تست و افزایش سرعت توسعه، از آنجایی که دیگر نیاز به انجام بعضی تست‌ها در دو مرتبه وجود ندارد.


برای اطلاعات بیشتر می‌تونید مقاله زیر رو مطالعه کنید:
💻 https://build.prestashop-project.org/news/2024/new-zip-distribution-channel/


#prestashop_news

🔵 @fasleaval | فصل اول

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

چند موردی که همیشه توجه من رو جلب می‌کنه (چه وقتی رعایت شده باشه چه وقتی رعایت نشده باشه):
۱. محل قرارگیری علائم نگارشی مثلا نقطه و ویرگول و علامت سوال و پرانتز.

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

۳. استفاده از " " به جای « » در متون فارسی.

خیلی از این موارد توسط افزونه ویراستیار یا پاک‌نویس در نرم‌افزار Word قابل بهبوده. اگر ویراستیار رو روی ویندوزهای ۱۰ به بعد نتونستید نصب کنید هم گوگل کنید یه راهنما در سایت ویرگول نوشته شده که کار می‌کنه.

💬 آیا شما این موارد رو رعایت می‌کنید؟ آیا اگر کسی این‌ها رو رعایت نکنه، حسی رو در شما ایجاد می‌کنه؟

🔵 @fasleaval | فصل اول

🖥 آنالیز و ردیابی لینک‌ها با کمک UTM

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

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


همونطور که گفتیم، کد UTM به انتهای آدرس یک صفحه اضافه میشه. مثلا لینک زیر رو در نظر بگیرید:
📎 https://www. fasleaval .com/?utm_source=instagram&utm_medium=social&utm_campaign=spring_sale&utm_term=modules&utm_content=story
(اسپیس‌های داخل دامنه سایت رو نادیده بگیرید.)


یک کد UTM می‌تونه تا 5 پارامتر داشته باشه که در ادامه اونا رو بررسی می‌کنیم.

1. منبع یا utm_source:
- این پارامتر مشخص می‌کنه که کاربر از چه سایت یا اپلیکیشنی اومده.
- در مثال ما instagram
- این پارامتر اجباری هست.

2. رسانه یا utm_medium:
- این پارامتر مشخص می‌کنه که از چه نوع تبلیغی استفاده شده. بعضی از mediumهای پرکاربرد می‌تونه cpc (تبلیغات کلیکی)، یا email (کمپین‌های ایمیلی) یا social (شبکه‌های اجتماعی) باشه. هدف این پارامتر اینه که متوجه بشیم نوع ترافیک چی بوده. مثلا اورگانیک بوده یا پولی بابتش پرداخت شده.
- در مثال ما social
- این پارامتر اجباری هست.

3. نام کمپین یا utm_campaign:
- این پارامتر اسم کمپین رو مشخص می‌کنه.
- در مثال ما spring_sale
- این پارامتر اجباری هست.

4. عبارت کلیدی یا utm_term:
- این پارامتر که عمدتا برای تبلیغات پولی مثل گوگل ادز استفاده می‌شه، کلمه کلیدی که تبلیغ شما برای اون نمایش داده و کلیک شده رو مشخص می‌کنه.
- در مثال ما modules
- این پارامتر اختیاری هست.

5. محتوا یا utm_content:
- اگر تبلیغات رو تست A/B می‌کنید یا چند Call To Action دارید، با این پارامتر می‌تونید تفاوت رو مشخص کنید. کال تو اکشن (CTA) می‌تونه یک جمله داخل متن، یک دکمه یا یک عکس باشه. با استفاده از این پارامتر می‌تونید اون‌ها رو تمایز بدید.
- در مثال ما story
- این پارامتر اختیاری هست.


2 نکته در ادامه 👇

🔵 @fasleaval | فصل اول

ادامه 👆

✔️ نکته مهم اول:
در تمام لینک‌هایی که می‌سازید، هماهنگی و یکپارچگی رو رعایت کنید.

مثلا اگر شما اسم کمپین رو یک بار Spring_Sale و یک بار spring_sale و یک بار SPRINGSALE بزنید، ابزارهای آنالیتیکس معمولا این‌ها رو 3 کمپین متفاوت می‌بینن و کار آنالیز شما رو سخت می‌کنن. این پارامترها case-sensitive (حساس به کوچک و بزرگ بودن حروف) هستند.


✔️ نکته مهم دوم:
پارامترها رو واضح و دقیق وارد کنید.

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


🙂 اگر سوالی در این رابطه داشتین، خوشحال می‌شیم تا در نظرات پاسخگوتون باشیم.


🔵 @fasleaval | فصل اول

⚪️ معرفی سایت GA Dev Tools

در پست قبل با UTM آشنا شدیم. راه‌های مختلفی برای ساخت UTM هست، از شیت اکسل گرفته تا نوشتن به صورت دستی، اما این روش‌ها ممکنه دارای خطا باشن. تو این پست می‌خوایم سایت GA Dev Tools که در واقع یک showcase رسمی از ابزارهای گوگل آنالیتیکس هست رو معرفی کنیم.

با کمک ابزار Campaign URL Builder که داخل این سایت هست، طبق چیزی که داخل اسکرین شات می‌بینید، خیلی راحت می‌تونید فیلدها رو تکمیل کنید و لینک نهایی رو کپی و استفاده کنید.

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

👇 آدرس این ابزار:
https://ga-dev-tools.google/campaign-url-builder/


🔵 @fasleaval | فصل اول

📣 اطلاعيه جدید مربوط به انتشار One zip

با توجه به اطلاعیه جدید تیم پرستاشاپ، تغییر مربوط به «انتشار نسخه‌های جدید به صورت یک فایل Zip» تنها برای پرستاشاپ نسخه 9 به بعد است.

نسخه‌های 8.1 همچنان به شکل قبل عرضه خواهند شد.

اطلاعات بیشتر در رابطه با این تغییر در Live Update بعدی (30 خرداد) اعلام خواهد شد.

🔵 @fasleaval | فصل اول