هاست ایران میزبان فا
آموزش های وردپرس

آموزش ارسال نوتیفیکیشن در وردپرس

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

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

آموزش ارسال نوتیفیکیشن وردپرس

وبسایتی که برای ارسال هشدار در مرورگر قصد معرفی اونو دارم با آدرس foxpush.com در دسترس هست که با استفاده از اکانت رایگان این وبسایت میتونید تا 50.000 کاربر را برای ارسال هشدار در وردپرس عضو سایت بکنید. این وبسایت امکان ارسال روزانه هشدار را برای یک بار میده که در این صورت اگر حساب کنیم که کل افراد 50.000 نفر در ارسال هشدار ثبت نام کرده باشند، در این صورت در هر ماه میتونید تا 1.5 میلیون بار پیغام هشدار در وردپرس ارسال کنید.

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرسبرای استفاده از این وبسایت به آدرس https://www.foxpush.com مراجعه کنید. سپس روی دکمه Sign up for FREE کلیک کنید تا فرم ثبت نام در سایت مشابه تصویر زیر بهتون نمایش داده بشه و اطلاعات خودتون به همراه اطلاعات سایت را در اون وارد کنید.

Full Name: در این فیلد نام کامل خودتونو وارد کنید.

Email Address: در این فیلد آدرس ایمیل خودتونو وارد کنید. دقت کنید که آدرس ایمیل به درستی وارد شده باشه.

Password: در این فیلد رمز دلخواه برای عضویت و ورود در این سایت را وارد کنید.

Website URL: در این فیلد آدرس دامنه خودتونو وارد کنید. دقت کنید که در اینجا فقط باید نام دامنه را بدون WWW و HTTPS یا HTTP وارد کنید.

Mobile Number: در این فیلد هم شماره همراه خودتونو وارد کنید.

در نهایت بعد از پر کردن همه فرم‌ها روی دکمه سبز رنگ SIGN UP کلیک کرده و منتظر بمونید که ثبت نام شما انجام بگیره.

بعد از اینکه ثبت نام در سایت انجام شد، به صفحه‌ای مشابه تصویر زیر هدایت میشید که باید روی دکمه Click here to sign in کلیک کنید تا به صفحه ورود در سایت هدایت شوید.

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

بعد از این مرحله صفحه زیر براتون باز میشه که باید نام کاربری که همون آدرس ایمیل و رمزی که در مرحله ثبت نام انتخاب کردید را وارد کرده و روی دکمه SIGN IN کلیک کنید تا وارد اکانت شوید.

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

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

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

این مرحله مربوط به خوش آمدگویی هست که باید در این مرحله بدون انجام هیچ کاری روی دکمه NEXT کلیک کنید.

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

تو این مرحله باید قالب و لایه بندی نحوه نمایش پیغام عضویت در دریافت اعلان وردپرس را انتخاب کنید. در اینجا دو حالت استفاده از لایه بندی کلاسیک یا سفارشی قرار داره که میتونید یکی از این دو را انتخاب کنید.

Custom Request: در صورت انتخاب این گزینه میتونید یکی از لایه‌های Box Request، Overlay Request یا Icon Request را انتخاب کنید تا پنجره عضویت در نوتیفیکیشن وردپرس بر اساس گزینه انتخابی نمایش داده شود.

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرسNative Opt-in: در صورت انتخاب این گزینه حالت کلاسیک انتخاب میشه که پیغام نمایش برای عضویت در اعلانات وردپرس پیشفرض خود مرورگر نمایش داده خواهد شد که نمونه‌ای از اونو در تصویر می‌بینید. در این حالت در ابتدای آدرس مرورگر پنجره کوچیکی باز میشه و از کاربر میخواد که آیا مایل به دریافت اعلان هست یا خیر. که در صورت تایید در اعلان عضو خواهد شد و در صورت رد کردن دیگه پیغام عضویت بهش نمایش داده نمیشه.

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

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

Notification box title: در این فیلد عنوان دلخواه برای پنجره دریافت اعلان در مرورگر وردپرس را وارد کنید.

Notification box short title: در این فیلد عنوان دلخواه و کوتاه‌تری برای دکمه عضویت در اعلان مرورگر را وارد کنید.

Notification box description: در این فیلد توضیحات دلخواه برای پنجره اعلان را انتخاب کنید تا بعد از کلیک روی عضویت در اعلان مرورگر وردپرس پنجره کوچکی که برای تاییدیه باز میشه این پیغام در اون نمایش داده بشه.

در فیلد Allow button متن دلخواه برای دکمه تاییدیه عضویت در اعلان مرورگر و در فیلد Deny button هم متن دلخواه برای دکمه لغو عضویت را وارد کنید.

Site Direction: در نهایت از این گزینه هم در صورتی که سایت شما راست‌چین هست و کاربر زبان فارسی هستید گزینه RTL و در صورتی که سایتتون چپ چین هست گزینه LTR را انتخاب کنید. در نهایت روی دکمه NEXT کلیک کنید تا به مرحله بعد برید.

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

Box Image: این گزینه مربوط به تصویر پس زمینه در پنجره دریافت نوتیفیکیشن هست که باید یک تصویر دلخواه در اندازه 150*250 را انتخاب کنید تا در پنجره‌ای که برای تاییدیه باز میشه نمایش داده بشه.

Notification Image: این گزینه مربوط به تصویر آیکون پنجره دریافت نوتیفیکیشن هست که باید یک تصویر دلخواه در اندازه 250*250 را انتخاب کنید تا در پنجره‌ای که برای عضویت کاربر در دریافت اعلان وردپرس باز میشه نمایش داده بشه. در نهایت بعد از انتخاب این تصاویر روی دکمه NEXT کلیک کنید تا به مرحله بعد هدایت شده و رنگ دلخواه برای پنجره دریافت اعلان در وردپرس را مشخص کنید.

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

Font Color: از این بخش رنگ دلخواه برای متن نمایش داده شده داخل پنجره اعلان را انتخاب کنید.

Button Background Color: از این بخش 

Button Font Color: و در نهایت از این بخش هم 

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

توی این مرحله هم همونطور که در تصویر میبینید کد جاوااسکریپت مخصوص سایت شما تولید میشه که برای نمایش پنجره دریافت اعلان در مرورگر باید این کد را در فایل Header.php قالب خودتون قرار بدین. بنابراین به منوی نمایش> ویرایشگر مراجعه کرده و کد زیر را قبل از تگ بسته <body/> داخل این فایل قرار بدین.

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

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

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

ارسال نوتیفیکیشن در مرورگر وردپرس

برای ارسال هشدار جدید باید در پنل مدیریتی این سایت به منوی Campaigns> New Campaign مراجعه کنید تا صفحه زیر براتون باز بشه و سپس اطلاعات اعلان که شامل نام، عنوان هشدار، توضیح هشدار، لینک هشدار، تصویر، آیکون و… میشه را انتخاب کنید.

آموزش ارسال نوتیفیکیشن وردپرس بدون افزونه | ارسال هشدار در وردپرس

بعد از اینکه کمپین رو ایجاد کردید روی دکمه Action کلیک کنید تا منوی Preview نمایش داده بشه، در این حالت پیغامی که ارسال خواهد شد براتون نمایش داده میشه که بعد از چک کردن و درست بودن همه چیز مجددا با همین دکمه این بار میتونید گزینه Send Now را از Action انتخاب کنید تا نوتیفیکیشن برای کاربرانی که عضو هستند ارسال بشه.

امیدوارم که این آموزش هم مورد توجه و پسند شما قرار گرفته باشه و با استفاده از این آموزش تونسته باشید اقدام به ارسال نوتیفیکیشن وردپرس کرده و در مرورگر کاربران اعلان ارسال بکنید. در صورتی که در رابطه با این آموزش سوال یا مشکلی داشتید در بخش دیدگاه‌ها اعلام کنید تا در کوتاه‌ترین زمان ممکن پاسخگوی شما باشم.
آموزش ارسال نوتیفیکیشن در وردپرس
4.3 (85.88%) 17
برچسب ها
هاست ایران میزبان فا

علی یزدان پرست

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

نوشته های مشابه

‫۲۰ نظرها

  1. درود بر شما
    خسته نباشید
    بنده میخوام برای هر نوشته و یا محصول یک نوتفیکیشن مجزا بدم. اگر ۱۰ تا مطلب دارم نیاز به ۱۰ تا نوتفیکیشن مختلف دارم !
    آیا این موضوع امکان پذیره؟؟

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

  2. باسلام. این سیستم نوتیفیکیشن انگار از ارسال اعلان بصورت خودکار بعد از انتشار پست در سایت پشتیبانی نمیکنه.درسته؟ باتشکر.

  3. وقت بخیر. تعداد زیادی سایت و افزونه برای push notification تست کردم و بهترینشون onesignal بود که در یکی از مطالبتون معرفی کردید. این سرویس خیلی عالیه و همه چیش هم رایگانه و روی http هم کار میکنه. فقط علی رغم اینکه گفته که برای اندروید روی کروم و فایرفاکس هم اعلان میفرسته اعلان هاش نمیاد. فقط یه اعلان خوش آمدگویی زمانی میرسه که از فایرفاکس مشترک میشم. از داخل افزونه هم دریافت از اندروید و ios رو انجام دادم منتها معلوم نیست مشکلش چیه!

    1. سلام، باید از داشبوردی که سایت onesignal در اختیارتون قرار میده، با رفتن به سربرگ Settings از بخش Native App Platforms گزینه‌های apple ios و google andriod رو انتخاب کنید و تنظیماتش رو انجام بدین.

  4. ممنون منتها در documentaion برای گرفتن یک کلید firebase برای فعال کردن google android عنوان شده که
    Do not follow this guide if you are integrating web push for a website or WordPress blog.
    Android platforms are for native mobile apps only, not for websites
    ظاهرا برای ساخت اپلیکیشن در موبایل با android stadio یا اندروید sdk بکار میره.

  5. ببخشید در داکیومنتیشن ها جستجو کردم و ظاهرا میشه این مشکل رو حل کرد. لطفا به آدرس صفحه ای که میفرستم مراجعه کنید. یک کد php داده شده که برای ارسال نوتیفیکیشن به “هم مرورگر” و هم اپلیکیشن اندروید به کار میره. توصیه شده که جایی قرارش بدیم که پلاگین راحت بهش دسترسی داشته باشه. منتها نمیدونم کجا دقیقا. یک پلاگین پولی در همین صفحه معرفی کردن منتها توضیحاتش واضح نیست. ممنون میشم بررسی کنید این کد رو کجا قرار بدیم. باتشکر. آدرس صفحه :
    https://documentation.onesignal.com/docs/web-push-wordpress-faq#section-opening-web-and-mobile-notifications-in-the-browser-and-app

    1. از یک کدنویس برای این کار کمک بگیرید. فکر کنم اگه داخل فانکشن قالب قرار بدین کار بکنه، اگه نکرد از یک کدنویس برای این کار کمک بگیرید.

  6. سلام ، آیا به موبایل هم میفرسته ؟!
    مثل برای شما میشه ؟!
    این آیکون سمت چپی میاد واسه ما ؟!

      1. یک مورد دیگه اونجا میگه قبل از تگ بزارید کد رو ولی شما میگید قبل بادی بزاریم
        من یکم گیج شدم !
        آخرش کجا باید بزاریم

      2. سلام من کد رو قبل از تگ بسته هد گذاشتن و روی سایتم کار کرد ولی با نما خیلی بدی اومد و این آیکون دریافت اعلانات که رو سایت شما هست رو سایت من نیومد !!
        در ضمن سایت من https است و کد https رو قرار دادم
        لطفا راهنمایی کنید

        1. سلام مرتضی جان، برای تغییر ظاهر باید از پنل کاربری سایت foxpush که در اختیارتون قرار میده، از بخش layout انتخاب کنید که به چه سبکی نشون داده بشه.

          1. عباس جان از بخش setting یک subscription داشت که میزنم میره توی cumstomize و اونجا هم چیزی نداره !
            عذر میخواهم میشه دقیق تر آدرس بدید ؟!

            1. از منو setting روی زیر منو Subscription Layout کلیک کنید. البته یه موردی هم که هست اینه که حالتی که ما استفاده می‌کنیم مربوط به خود قالب هست و داخل تنظیمات قالب استفاده از این سایت برای ارسال هشدار وجود داره که روی قالب پیاده سازی و شخصی سازی شده. بنابراین ممکنه تو این حالت که از طریق کد استفاده می‌کنید، دقیقا عین این مورد در نیاد.

  7. درود.وقتی میخوام داخل ویرایشگر بذارم اینو میگه:
    قادر به برقراری ارتباط با سایت برای بررسی خطاهای مهلک نمی‌باشیم، بنابراین تغییر PHP برگشت داده شد. شما بایستی تغییر فایل PHP خود را با استفاده از ابزارهای دیگر مانند استفاده از SFTP آپلود نمایید.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بستن