یک پاسخ ساده را به چیزی قابل لمس تبدیل کنید
پیامهای غنی اجزای تعاملی هستند که با یک کد کوتاه در پیام قرار میگیرند. طرف مقابل شما یک کارت، مجموعهای از دکمهها یا یک فرم کوچک میبیند، آن را پر میکند و پاسخش در مکالمه ذخیره میشود.
نوشتن یک لیست از گزینهها و امید به اینکه کسی با کلمات درست پاسخ دهد، برای هر دوی شما کار ایجاد میکند. پیامهای غنی به آنها چیزی برای کلیک کردن میدهند که برای انتخابها، کارت محصول، اطلاعات تماس، جدول قیمت و ویدیو مفید است.
گام به گام
یک پیام بنویسید و یک کد کوتاه اضافه کنید
پیامهای غنی با کدهای کوتاه در ویرایشگر متن پنل درج میشوند. کد کوتاه مورد نظر خود را تایپ یا جایگذاری کنید، مثلاً [buttons options="A,B,C"]، و پیام را به صورت عادی ارسال کنید. طرف مقابل کامپوننت رندر شده را میبیند نه متن کد کوتاه را.
پارامترها را پر کنید
هر کد کوتاه پارامترهای خاص خود را میگیرد. یک کارت محصول به صورت [card image="URL" header="TITLE" description="..." link="URL" link-text="Purchase" extra="$599" target="_blank"] است، در حالی که یک ویدیو به صورت [video type="youtube" id="VIDEO_ID" height="350"] است و youtube یا vimeo را میپذیرد.
در صورت نیاز پارامترهای سراسری را اضافه کنید
هر پیام غنی همچنین id، title، message، success و settings را میپذیرد. از title و message برای معرفی کامپوننت و از success برای نمایش پس از پاسخ دادن طرف مقابل استفاده کنید.
کاراکترهای ناخوشایند را فرار دهید
کاما، دو نقطه و علامت نقل قول درون یک کد کوتاه معنی دارند، بنابراین آنها را در متن خود با بکاسلش فرار دهید: \, برای کاما، \: برای دو نقطه و \" برای علامت نقل قول. رد کردن این کار رایجترین دلیل رندر شدن پیام غنی به صورت تکهتکه است.
اگر به بیش از یک زبان خدمت میدهید متن را ترجمه کنید
متن اصلی یک پیام غنی باید انگلیسی باشد. رشته انگلیسی و ترجمه آن را در تنظیمات > ترجمهها > فرانتاند اضافه کنید.
زمانی که شورتکدها کافی نیستند، یک شورتکد سفارشی بسازید.
پیامهای غنی استاتیک ساخته شده از HTML خودتان در تنظیمات > متفرقه ایجاد میشوند. کلاسهای مفید عبارتند از: sb-rich-btn sb-btn برای دکمه لینک، sb-rich-btn sb-btn-text برای لینک متنی، و sb-image برای اینکه کاربران بتوانند با کلیک روی تصویر آن را بزرگ کنند.
راهنمای تنظیمات
| تنظیمات | کارکرد آن |
|---|---|
| [card] | یک کارت به سبک محصول با تصویر، هدر، توضیحات، قیمت یا متن اضافی و دکمه لینک. |
| [slider] و [slider-images] | مجموعهای از کارتهای قابل کشیدن، حداکثر ۱۰ اسلاید، یا یک اسلایدر تصویری ساده که به صورت [slider-images images="URL,URL,URL"] نوشته میشود. |
| [chips] | گزینههای کوچک قابل لمس، که به صورت [chips options="A,B,C"] نوشته میشوند. |
| [buttons] | مجموعهای از دکمههای پاسخ، که به صورت [buttons options="A,B,C"] نوشته میشوند. |
| [select] | یک لیست کشویی از گزینهها، که به صورت [select options="A,B,C"] نوشته میشود. |
| [inputs] | یک فرم کوچک از فیلدهای متنی با دکمه ارسال، که به صورت [inputs values="A,B,C" button="Send now"] نوشته میشود. |
| [email] | اطلاعات تماس را جمعآوری میکند، مثلاً [email name="true" last-name="true" phone="true" phone-required="false" placeholder=""]. |
| [timetable] | ساعتهای کاری شما را به صورت یک جزء درون پیام نمایش میدهد. |
| [articles] | مقالات را در پیام نمایش میدهد، به صورت [articles link="..."]. |
| [list] و [list-image] | یک لیست ساده، شمارهدار، دو ستونه یا تصویری، مثلاً [list values="A,B,- C,- D,E" numeric="true"] یا [list-image values="URL:A,URL:B"]. |
| [table] | یک جدول داده، به صورت [table header="A,B,C" values="A:B:C,A:B:C"]. |
| [button]، [image] و [share] | یک دکمه لینک، یک تصویر با [image url="..."]، یا آیکونهای اشتراکگذاری با [share fb="" tw="" li="" pi="" wa=""]. |
خوب است بدانید
HTML خام در پیامهای عادی مسدود است
به دلایل امنیتی، HTML خام و جاوااسکریپت در پیامهای معمولی مجاز نیست. اگر به نشانهگذاری خاص خود نیاز دارید، یک پیام غنی سفارشی در تنظیمات > متفرقه ایجاد کنید.
آیتمهای لیست تودرتو نیاز به خط تیره دارند
در [list]، یک ورودی را با خط تیره و فاصله شروع کنید تا به عنوان آیتم داخلی در نظر گرفته شود، مانند [list values="A,B,- C,- D,E"]. برای لیست دو ستونه با عنوان، از دو نقطه استفاده کنید: [list values="A:X,B:Y,C:Z"].
دکمهها میتوانند یک مقاله را باز کنند
یک دکمه به صورت [button link="..." name="Click here" target="_blank" style="link"] نوشته میشود. برای باز کردن یکی از مقالات خود، از #article-ID به عنوان مقدار لینک استفاده کنید.
اجباری کردن اطلاعات تماس در پیامرسانها
برای الزام به وارد کردن ایمیل یا شماره تلفن در پیامرسانها نیز، required-messaging-apps="true" را به شورتکد [email] اضافه کنید.
فرمتدهی و لینکها در ویرایشگر
ویرایشگر از *bold*، __italic__، ~strikethrough~، `code` و ```code block``` پشتیبانی میکند. لینکها به طور خودکار به لینک تبدیل میشوند؛ برای نامگذاری یک لینک، #sb-example را به آن اضافه کنید و فاصلهها را با دو خط تیره بنویسید.
شکستن خط با Enter انجام نمیشود
فشردن Enter پیام را ارسال میکند. برای اضافه کردن شکست خط در داخل یک پیام، از SHIFT+ENTER یا CTRL+ENTER استفاده کنید.
سوالات رایج
کجا میتوانم یک پیام غنی تایپ کنم؟
برای اطلاعاتی که شخص انتخاب یا تایپ میکند چه اتفاقی میافتد؟
کارت من در وسط یک جمله خراب شد. چرا؟
یک اسلایدر چند اسلاید میتواند داشته باشد؟
آیا پیامهای غنی میتوانند به زبانهای دیگر نمایش داده شوند؟
اگر به کامپوننتی نیاز داشته باشم که شما ارائه نمیدهید چه؟
آماده پایان دادن به هرجومرج هستید؟
پیامهای خود را یکپارچه کنید، سوالات تکراری را خودکار کنید و مکالمات را به درآمد تبدیل کنید — از امروز شروع کنید.
شروع کنید