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

مقاله امروز هم درباره همین موضوعِ رفتارشناسی مخاطبان است. یعنی تست A/B!

تست A/B (یا آزمون A/B) به شما کمک می‌کند تا بهترین رابط و تجربه کاربری را برای وب‌سایت یا اپلیکیشن خود انتخاب کنید. در حقیقت، در تست A/b شما سعی می‌کنید با شناخت رفتار مخاطب، بهترین تجربه کاربری را به او ارائه دهید. مطمئن باشید در دنیای دیجیتال مارکتینگ، ارائه تجربه کاربری موفق به معنی فروش و سود بیشتر است. می‌توان این جمله را در یک کلام خلاصه کرد: تبدیل کاربر به مشتری. به همین سادگی!

خب، اگر تا اینجا از مفهوم کلیِ تست A/B خوشتان آمده است، پیشنهاد می‌کنم به خواندن مقاله ادامه دهید تا با این مفهوم به طور کامل آشنا شوید (درست است که قول دادم مقدمه ننویسم، اما مگر بدون مقدمه هم می‌شود نوشت؟!).

تست A/B چیست؟

تست A/B (که با عنوان‌های Spliting Testing و Bucket Listing نیز شناخته می‌شود) روشی است که با آن می‌توانید دو نسخه از یک وب‌سایت یا اپلیکیشن را با یکدیگر مقایسه کنید. شاید بپرسید چرا؟ برای آنکه بدانید کدام یک از نسخه‌ها عملکرد بهتری دارند.

نمونه‌ای از تغییرات با تست A/B

در حقیقت، تست A/B روشی فوق‌العاده جهت تعیین بهترین استراتژی‌ تبلیغاتی و بازاریابی آنلاین برای کسب‌و‌کار شماست که بر پایه‌ی مقایسه‎ی حالاتِ مختلف بنا شده است. در این روش، دو نسخه از یک صفحه وب سایت ایجاد می‌شود که در یک نسخه عنصر مورد آزمایش به شکل A و در نسخه‌ی دیگر به شکل B قرار داده شده است. سپس این صفحات، در یک بازه زمانی معین (معمولاً بین 3 تا 10 روز) به صورت تصادفی به کاربران نمایش داده می‌شود (به این معنی که یک کاربر ممکن است صفحه A و کاربر دیگری صفحه B را به صورت همزمان مشاهده کنند). در نهایت، با مقایسه‌ی عملکرد کلی هر دو نسخه می‌توانید نسخه نهایی وب‌سایت را به گونه‌ای طراحی کنید تا بالاترین نرخ تبدیل کاربر به مشتری را دریافت نمایید.

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

مقایسه نرخ تبدیل در تست A/B

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

برای مثال یک فروشگاه اینترنتی می‌خواهد که مراجعه‌کنندگان، اجناسِ موجود در آن را خریداری کنند، یک وب‌سایت خبری می‌خواهد که خوانندگانش بر روی بنرهای تبلیغاتی موجود کلیک کنند یا سایت‌های خدماتی توقع دارند که بازدیدکنندگان‌شان به صورت رایگان خدمات‌شان را آزمایش کنند و در صورت رضایت، آن را خریداری کنند. بنابراین هر زمان که توانستید کاربران سایت‌تان را وادار کنید کاری که می‌خواهید را انجام دهند، به این معنی است که عملیات تبدیل کاربر به مشتری با موفقیت انجام شده است. تست A/B دقیقاً به همین دلیل انجام می‌شود، تا شما بدانید چگونه می‌توانید مشتریان را وادار به عمل کنید.

یک تست A/B که به خوبی برنامه‌ریزی شده، تغییرات بزرگی را در میزان اثرگذاریِ فعالیت‌های بازاریابی شما به وجود می‌آورد. تعیین و بررسی جزء‌به‌جزء عناصر موثر بر افزایش نرخ تبدیل با استفاده از تست A/B و جمع‌بندی نتایج حاصل از آن، به وضوح فعالیت‌های بازاریابی شما را سودآورتر و موفق‌تر می‌کند.

چرا باید از تست A/B استفاده کنید؟

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

همانطور که در فروش فیزیکی ما سعی می‌کنیم اشتباهاتمان را تکرار نکنیم، جمله‌هایی را که به مشتری می‌گوییم را اصلاح کنیم یا چیدمان محصولاتمان را برای بهتر شدن تغییر دهیم؛ در فروش اینترنتی هم همین کارها را اما به شکل دیگری انجام می‌دهیم. مشکل اصلی در فروش اینترنتی اینجاست که واکنش‌های مشتری را موقع بازدید از سایت را در همان لحظه نمی‌توانیم ببینیم. پس ناچاریم با روش‌هایی مثل تست AB این واکنش‌ها را رصد کنیم.

تست A/b به شما اجازه می‌دهد تا ترافیک وب‌سایت خود را به بهترین شکل ممکن مدیریت کنید. درست است که به دست آوردن ترافیک پولی بسیار هزینه‌بر است، اما هزینه افزایش نرخ تبدیل کاربر به مشتری به این روش، مطمئناً ناچیز است. نرخ سود بازگشت سرمایه‌ حاصل از تست A/B می‌تواند رقمی خیره کننده باشد زیرا حتی تغییرات کوچک بر روی صفحه فرود یا وب‌سایت می‌تواند به افزایش سرنخ، فروش و سود حاصل از آن منجر شود.

تست A/B به شرکت‌ها یا اشخاص اجازه می‌دهد تا با ایجاد تغییرات برنامه‌ریزی شده بر روی وب‌سایت یا اپلیکیشن خود، تجربه کاربری را برای بازدیدکنندگان بهبود بخشند و داده‌های مرتبط با آن را جمع آوری کنند. این کار فرضیات جدیدی را در ذهن صاحبان وب‌سایت‌ها به وجود می‌آورد و به آنها اجازه می‌دهد بدانند چرا برخی از المان‌های وب‌سایت‌شان بر روی رفتار مخاطبانشان تاثیر می‌گذارد. به این ترتیب، تست A/B به شما اجازه می‌دهد تا فرضیات خود را محک بزنید (شاید تصورات شما درباره تجربه کاربری سایت‌تان نادرست باشد!).

تست A/B می‌تواند به صورت مداوم، جهت بهبود تجربه کاربری و افزایش نرخ تبدیل کاربر به مشتری در طولانی مدت، انجام شود. برای مثال یک شرکت B2B فعال در حوزه تکنولوژی شاید بخواهد کیفیت سرنخ‌های فروش خود را از طریق ایجاد یک Landing Page افزایش دهد. برای رسیدن به این هدف، تیم بازاریابی این شرکت باید از طریق آزمون A/B عناوین صفحه، تصاویر به کار رفته، فرم‌های ثبت نام، دکمه‌های فراخوان عمل و عناصر دیگر صفحه را تغییر دهد.

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

این روش از اعمال تغییرات در تست A/B به شما اجازه می‌دهد تا تجربه کاربر را برای به دست آوردن نتیجه مطلوب تغییر دهید و گام‌های موفقیت خود در کمپین‌های تبلیغاتی را محکم‌تر بردارید.

با بررسی داده‌ها، مدیران وب‌سایت‌ها خواهند دانست که کدام یک از نسخه‌های سایت کلیک بیشتری را دریافت می‌کند یا کدام یک از نسخه‌ها توانسته است بازدیدکنندگان بیشتری را به مشتری تبدیل کند. همچنین، اگر تست A/B به درستی صورت بگیرد، هزینه‌های بازاریابی و تبلیغات یک کمپین کاهش می‌یابد.

طراحی تست A/B به چه شکل است؟

زمانی‌که قصد دارید برای انجام یک تست A/B برنامه‌ریزی کنید، ابتدا لازم است بدانید دقیقاً چه چیزی را می‌خواهید آزمایش کنید. آیا می‌خواهید این آزمایش را در وب‌سایت خود انجام دهید یا بیرون از آن؟

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

منبع

https://www.novin.com/

هدف نهایی تمامی کسب‌وکارهای آنلاین کسب درآمد می‌باشد. اما این درآمد چگونه حاصل می‌شود؟ در این مقاله شما را با محاسبه نرخ تبدیل و اهمیت آن، چگونگی بهینه‌سازی نرخ تبدیل و یکی از ابزارهای بهبود Conversion Rate آشنا خواهیم کرد.

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

هدف نهایی شما از طراحی سایت و یا طراحی سایت فروشگاهی چیست ؟ نرخ تبدیل در سایت فروشگاهی چگونه محاسبه می‌شود؟

نرخ تبدیل، نسبت تعداد تبدیل‌ها به تعداد کل بازدیدکنندگان سایت است. به عنوان مثال، اگر یک سایت فروشگاهی در ماه ۲۰۰ بازدید داشته باشد و از آن تعداد ۵۰ نفر اقدام به خرید از سایت کنند نرخ تبدیل آن ۵۰/۲۰۰ (یعنی ۲۵ درصد) خواهد بود.

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

هر اپلیکیشن و وب‌سایتی معمولا چندین هدف مختلف را به عنوان «تبدیل» تعریف می‌کنند و هر کدام نرخ تبدیل مخصوص به خود را دارند.

پیشنهاد وب رمز: هک رشد؛ ۳ نمونه موفق و ۱۲ تکنیک برای افزایش نرخ تبدیل

چرا نرخ تبدیل از اهمیت بالایی برخوردار است؟‌

چرا نرخ تبدیل از اهمیت بالایی برخوردار است؟‌

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

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

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

چطور نرخ تبدیل را بهبود دهیم؟

به فرآیند هدف‌گذاری، محاسبه نرخ تبدیل، و بهینه سازی سایت یا اپلیکیشن به منظور بهبود وضعیت نرخ تبدیل را بهینه‌سازی نرخ تبدیل یا CRO می‌گویند.

CRO از طریق نظریه‌پردازی در خصوص علل عدم تبدیل بازدیدکنندگان شروع می‌شود.

سپس باید روش‌هایی که باعث بهبود وضعیت می‌شود را پیدا و اجرا کرد. در اینجا باید روش‌های اجرا شده را از طریق پروسه A/B Testing بررسی کرد.

در این روش دو ورژن مختلف از یک صفحه در مقایسه با هم بررسی می‌شود تا مشخص شود که کدام ورژن عملکرد بهتری داشته است.

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

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

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

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

بهینه‌سازی نرخ تبدیل در عمل

نمونه واقعی‌ای از CRO در مطالعه موردی شرکت ComScore که یک شرکت آنالیتیکس است شرح داده شده است.

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

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

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

نرخ تبدیل- سایت خود را با Optimizely ارتقا دهید

Optimizely جزو پلتفرم‌های پیشرو در زمینه آزمایش A/B و فرآیند‌های بهبود نرخ تبدیل می‌باشد. نصب Optimizely بسیار آسان بوده و فقط باید کد Javascript آن را روی سایت خود قرار دهید.

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

اجرای آزمایش‌ها به سادگی یک کلیک است. Optimizely به صورت خودکار ورژن‌های مختلفی از صفحات را به بازدیدکنندگان نمایش می‌دهد.

بعد از اینکه آزمایش فعال شود‌ Optimizely به شما اطلاع می‌دهد چه زمانی داده‌های آماری به مقدار کافی جمع‌آوری شده است و می‌تواند با اطمینان نظر دهد که آیا تغییرات اعمال شده باعث بهبود نرخ تبدیل شدند یا خیر.

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

منبع

https://www.webramz.com/

اضافه کردن قطعه کد در پیشخوان وردپرس

افزونه Woody ad Snippets چیست؟ قبل از هر چیز باید ببینیم که این افزونه دقیقاً چیست و به چه منظوری طراحی و توسعه داده‌شده است؟ با استفاده از افزونه Woody ad Snippets می‌توانید برای ایجاد و اضافه کردن قطعه کد در پیشخوان وردپرس خود اقدام کنید. اسنیپت قطعه کدهای کوتاه و مختصری هستند که در داشبورد و پنل ادمین ذخیره می‌شوند. به‌طوری‌که می‌توانید هر زمان به محتوای وب‌سایت آن را اضافه کنید. تمامی این کدها می‌توانند از طریق Shortcodes و یا اتوماتیک به هر کجای وب‌سایت شما اضافه شوند. فرقی نمی‌کند یک کتابخانه باشد یا یک فایل. همچنین شما می‌توانید تحت شرایطی Snippetsها را نمایش دهید یا پنهان کنید.

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

ویژگی‌های افزونه Woody ad Snippets

در این افزونه فقط کافی است که یک فایل جدید Snippet ایجاد کنید و با قرار دادن کدها در این فایل آن را شخصی‌سازی کنید. به این معنی که هر بار هیچ نیازی به انجام فرایندهای تکراری نیست. بلکه می‌توانید فقط با دست‌کاری‌های جزئی و اضافه کردن Shortcodesها شیوه نمایش را تغییر دهید. این امر باعث می‌شود در زمان، صرفه‌جویی کنید.

همچنین در افزونه Woody ad Snippet خبری از ویرایش‌های طولانی‌مدت نیست. اجازه دهید این مورد را با یک مثال توضیح دهیم. برای مثال فرض کنید شما کدهای Snippets را در تمام وب‌سایت خود استفاده کرده‌اید. آیا برای ایجاد یک تغییر باید تمامی این بخش‌ها را به‌صورت جداگانه ویرایش کنید؟ قطعاً نه! خوشبختانه در این افزونه شما می‌توانید برای تغییر در بخش‌هایی که اسنیپت در آن‌ها استفاده‌شده است فقط فایل Snippet ایجاد شده را ویرایش کنید. این تغییر در تمامی بخش‌ها اتوماتیک اعمال می‌شود.

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

با استفاده از این افزونه می‌توانید به‌راحتی کدهای هدر و فوتر وب‌سایت خود را مدیریت کنید.

در این پلاگین شاهد یک رابط کاربری بسیار ساده و آسان هستیم. به‌طوری‌که همه کاربران می‌توانند از آن استفاده کنند. چه حرفه‌ای باشید یا آماتور فرقی نمی‌کند.

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

این افزونه با هر دو ویرایشگر کلاسیک و گوتنبرگ وردپرس به‌خوبی سازگار است.

در این افزونه همچنین می‌توانید کدهای اسنیپت را import و export کنید.

Shortcodesهای این افزونه فقط مختص به استفاده در پلاگین woody ad snippets نیستند. به این معنی که می‌توانید از این کدها در افزونه‌های دیگر هم استفاده کنید.

این افزونه به‌طور خودکار اسنیپت را برای تمامی پست‌ها قرار می‌دهد.

در این افزونه می‌توانید با استفاده از Css، جاوا اسکریپت و HTML برای ایجاد دستورات اسنیپت اقدام کنید.

یکی دیگر از قابلیت‌های این افزونه اجرای کدها و دستورات PHP در هرکجای وب‌سایت است.

با استفاده از این افزونه می‌توانید به‌راحتی سرویس‌هایی همچون گوگل آنالیتیکس و دیگر سرویس‌های مشابه آنالیز را به وب‌سایت خود متصل کنید.

این افزونه دارای یک ادیتور ویژوال است به‌طوری‌که تغییرات را می‌توانید آنی ملاحظه کنید.

Woody ad Snippets دارای ساختار بلوک‌بندی مناسب برای ویرایشگر گوتنبرگ وردپرس است.

در این افزونه هیچ محدودیتی در ایجاد کدهای اسنیپت ندارید.

دستورات ایجاد شده در این افزونه را می‌توانید برای اطمینان در حالت Safe Mode اجرا کنید.

نصب، تنظیمات و روش کار با افزونه Woody ad Snippets

همان‌طور که کمی پیش‌تر اشاره کردیم این افزونه دارای رابط کاربری بسیار ساده‌ و User-Friendly است که می‌توان به کمک آن قطعه کدهای وردپرس را در همان پیشخوان اضافه کرد. برای نصب این افزونه کافی است که آن را دانلود کنید. در این افزونه بعد از نصب، اگر گزینه Activate by Default فعال باشد به این معنی است که بلافاصله بعد از ایجاد یک اسنیپت جدید این قابلیت در وب‌سایت فعال می‌شود. همچنین گزینه دیگری که در این افزونه می‌توانید آن را به‌صورت اختیاری تغییر دهید Complete Uninstall است. به این معنی که بعد از حذف کامل افزونه، تمامی دستورات و تغییرات ایجاد شده توسط این افزونه هم غیرفعال شوند.

چطور یک اسنیپت PHP ایجاد کنیم؟

این مدل، ساده‌ترین راه برای ایجاد یک اسنیپت است که مختص به اجرای دستورات PHP است. اگر قصد دارید بدون تغییر در فایل‌های هسته وردپرس دستورات PHP به وب‌سایت خود اضافه کنید این روش مناسب شماست. همان‌طور که می‌دانید به‌طور پیش‌فرض برای اضافه کردن کدهای PHP باید به سراغ فایل Function.php بروید. البته که این ایده خوبی نیست. زیرا با زیاد شدن دستورات نظم و ساختار پیش‌فرض این فایل به هم می‌ریزد.

برای ایجاد یک اسنیپت PHP از نوار ابزار وردپرس بر روی آیکون افزونه کلیک کنید. از منوی باز شده +Add snippet را انتخاب کنید. سپس در این صفحه در زیر بخش PHP Snippet بر روی Create Item کلیک کنید.

افزودن اسنیپت به سایت

با این کار به صفحه ادیتور هدایت می‌شوید. قبل از هر چیز یک نام برای این فایل انتخاب کنید.

انتقال به صفحه ویرایشگر کدها

فراموش نکنید که این ادیتور برای اضافه کردن قطعه کد در پیشخوان وردپرس است. به این معنی که برای وارد کردن دستورات هیچ نیازی به اضافه کردن تگ شروع و پایان PHP نیست. فقط دستورات را وارد کنید. همین.

ایجاد یک اسنیپت متنی – Text Snippet

اسنیپت متنی زمانی مورد استفاده قرار می‌گیرد که قرار است از کدهای HTML و متن در ادیتور استفاده کنید. برای این کار بعد از انتخاب Add Snippet باید Text Snippet و سپس Create Item را انتخاب کنید.

ایجاد یک اسنیپت متنی

ویرایش اسنپت متنی

اسنیپت Universal

این مدل از اسنیپت زمانی استفاده می‌شود که قرار است ترکیبی از کدهای PHP، جاوا اسکرپیت، CSS، HTML، گوگل آنالیتیکس و … را بنویسیم. برای این کار در زیر بخش Universal Snippet بر روی Create Item کلیک کنید تا به صفحه ادیتور هدایت شوید.

امکان ویرایش کدها

به یاد داشته باشید که در انتخاب اسم برای این فایل‌ها از اسم‌های منطقی استفاده کنید تا پیدا کردن آن ساده‌تر باشد.

نام فایل مورد نظر را انتخاب کنید

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

چطور شورت‌کدهای اسنیپت را به ابزارک متنی اضافه کنیم؟

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

اضافه کردن شورتکدهای اسنیپت به ابزارکها

چطور اسنیپت را به ویرایشگر کلاسیک وردپرس اضافه کنیم؟

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

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

چطور Shortcodesهای اسنیپت را به ویرایشگر گوتنبرگ اضافه کنیم؟

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

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

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

ویرایش اسنیپت متنی

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

منابع:

wordpress.org