سلام دوستان،
من قصد داشتم از فرمهای سرویس Porsline (پُرسلاین) داخل سایت طراحیشده با Odoo استفاده کنم و با کمی بررسی، تونستم به راحتی اون رو در صفحات سایت قرار بدم. گفتم این تجربه رو با شما هم به اشتراک بذارم که اگه خواستید فرمهاتون رو از ابزارهای خارجی مثل Porsline استفاده کنید، کارتون راحتتر بشه.
✅ روش انجام کار:
- به ماژول Website برید و صفحهای که میخواید فرم رو داخلش بذارید باز کنید.
- وارد حالت ویرایش بشید و از بخش بلاکها، بلاک HTML رو به صفحه اضافه کنید.
۳ . کد زیر رو درون بلاک HTML قرار بدید:
<div id="2Hr0dTp4" style="min-height: 480px; position: relative;">
<div id="porsline-loading-2Hr0dTp4" style="position: absolute; top: 50%; left: 50%; width: 35px; height: 35px; border: 4px solid rgba(0, 0, 0, 0.1); border-top: 4px solid #555; border-radius: 50%; animation: spin-2Hr0dTp4 1s linear infinite;"></div>
<script>
const styleSheet = document.createElement('style');
styleSheet.innerHTML = `@keyframes spin-2Hr0dTp4 {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}`;
document.head.appendChild(styleSheet);
const loadingIndicator = document.getElementById('porsline-loading-2Hr0dTp4');
const script = document.createElement('script');
script.type = 'text/javascript';
script.fetchPriority = 'high';
script.onload = function() {
loadingIndicator.style.display = 'none';
};
script.src = 'https://survey.porsline.ir/embed/eyJ3aWR0aCI6IjEwMCUiLCJoZWlnaHQiOiIxMDAlIiwiYm9yZGVyIjoibm9uZSJ9/2Hr0dTp4';
document.getElementById('2Hr0dTp4').appendChild(script);
</script>
</div>
💡 اگر با محدودیتهای امنیتی (مثل CSP یا محدودیت iframe) مواجه شدید، میتونید فقط از iframe ساده استفاده کنید:
<iframe src="https://survey.porsline.ir/s/2Hr0dTp4" width="100%" height="480" style="border: none;"></iframe>
🧩 کاربردها:
- فرمهای بازخورد مشتری
- نظرسنجی داخل سایت
- فرم پشتیبانی یا ثبت مشکل
- و حتی ثبت درخواست از داخل پرتال مشتریان
امیدوارم به دردتون بخوره. اگر سوالی بود خوشحال میشم جواب بدم!