نشان و دکمه‌ها

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

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

دکمه پرداخت

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

<div id="pay"></div>

<script src="https://my.coinlandexchange.com/pay/v1.js"></script>
<script>
  CoinlandPay.button(document.getElementById("pay"), {
    sessionId: "b3f1…",
    variant: "gold",   // gold | dark | light | outline
    size: "md",        // sm | md | lg
    onComplete: function (payment) { /* … */ }
  });
</script>

گزینه‌ها

بقیه گزینه‌ها همان‌هایی است که CoinlandPay.open() می‌گیرد — sessionId، checkoutUrl، onComplete و onCancel — چون دکمه با کلیک دقیقاً همان را صدا می‌زند.

نشان اعتماد

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

CoinlandPay.badge(document.querySelector("footer"), {
  theme: "light",   // dark | light | plain
  size: "md"        // sm | md
});

نشان به‌صورت پیش‌فرض هیچ لینکی ندارد و هیچ رویدادی نمی‌گیرد. اضافه کردن یک لینک خروجی به صفحه پرداخت شما تصمیم ما نیست؛ اگر می‌خواهید لینک بدهید، href را پاس کنید و ما آن را با rel امن و در تب تازه باز می‌کنیم.

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

بدون جاوااسکریپت

اگر صفحه پرداخت شما رندر سمت سرور است و نمی‌خواهید برای یک دکمه اسکریپت اضافه کنید، همان دکمه به شکل یک فایل SVG آماده هست. یک تگ <img> داخل لینکی که به checkout_url جلسه می‌رود:

<a href="{{checkout_url}}">
  <img src="https://my.coinlandexchange.com/pay/brand/button-fa-gold.svg"
       alt="پرداخت با کوین‌لند" height="48">
</a>

متن داخل این فایل‌ها به مسیر تبدیل شده، نه متن زنده. یعنی روی هر دستگاهی دقیقاً یک شکل دیده می‌شود و به هیچ فونتی روی سیستم بازدیدکننده وابسته نیست — چیزی که برای فارسی اهمیت دارد، چون مرورگر یک SVG داخل <img> را اجازه نمی‌دهد فونت خارجی بگیرد و متن زنده روی هر سیستم با یک قلم متفاوت درمی‌آمد.

اگر ترجیح می‌دهید خودتان با CSS بسازید و فقط نشان ما را بگذارید، این هم کافی است:

<a href="{{checkout_url}}" style="
     display:inline-flex; align-items:center; gap:9px;
     height:44px; padding:0 20px; border-radius:12px;
     background:#ffb400; color:#020b1f;
     font-weight:700; font-size:14.5px; text-decoration:none;">
  <img src="https://my.coinlandexchange.com/pay/brand/mark-ink.svg" alt="" height="20">
  پرداخت با کوین‌لند
</a>

فایل‌ها

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

نشان

mark-gold.svg · mark-white.svg · mark-ink.svg

لوگوی کامل

lockup-{fa,en}-{gold,ink,white}.svg

نشان اعتماد، به شکل فایل

badge-{fa,en}-{dark,light}.svg — نام رنگ به خودِ قرص اشاره دارد، نه به پس‌زمینه شما. قرص تیره را روی پس‌زمینه روشن بگذارید و برعکس.

دانلود همه

قواعد استفاده

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

آزادید

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

نکنید

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

فاصله و اندازه

• دور تا دور، دست‌کم به اندازه نصف ارتفاع نشان فضای خالی بگذارید.
• کمینه اندازه: نشان ۱۶ پیکسل، لوگوی کامل ۸۸ پیکسل عرض، نشان اعتماد ۱۳۲ پیکسل عرض. کوچک‌تر از این، جزئیات حلقه نشان از بین می‌رود.

رنگ‌ها

روی عکس یا پس‌زمینه شلوغ، از حالت سفید روی یک پوشش تیره استفاده کنید؛ طلایی آنجا کنتراستش را از دست می‌دهد.

اگر قالبی لازم دارید که اینجا نیست — PNG با اندازه مشخص، یا نسخه‌ای برای چاپ — به support@coinlandexchange.com بنویسید.