ویژگی Web to Lead در CRM اکسیرتجارت این امکان را به شما میدهد که یک فرم وب بر اساس فیلدهای سرنخ و فیلدهای سفارشی بسازید و آن را در وبسایت، صفحه فرود یا سایر صفحات خود با استفاده از iframe قرار دهید.
بازدیدکنندگان میتوانند اطلاعاتی مانند نام، ایمیل، فایلهای پیوست و سایر اطلاعات پایه را وارد کنند و به صورت مستقیم یک سرنخ جدید در CRM ثبت کنند.
مراحل ایجاد فرم وب به سرنخ:
- از منوی اصلی مدیریت وارد مسیر تنظیمات -> سرنخها -> Web to Lead شوید.
- روی دکمه فرم جدید در بالای سمت چپ کلیک کنید.
نکته: پس از ایجاد فرم اولیه، میتوانید فرم را به طور کامل بسازید و همه تنظیمات دلخواه خود را اعمال کنید.
تنظیمات فرم وب به سرنخ
- نام فرم – به فرم خود یک نام توصیفی بدهید. این نام فقط برای استفاده داخلی است و هنگام مشاهده سرنخ در CRM نیز نمایش داده میشود.
- زبان – زبانی که انتخاب میکنید فقط برای پیامهای اعتبارسنجی فرم استفاده میشود.
- متن دکمه ارسال – متنی که روی دکمه ارسال نمایش داده میشود (مثلاً «درخواست پیشفاکتور» یا «تماس با ما»). آن را متناسب با نیاز خود تنظیم کنید.
- پیام نمایش پس از ارسال موفق فرم – پیامی که بعد از ارسال موفق فرم به کاربران نمایش داده میشود.
- اجازه درج سرنخهای تکراری در پایگاه داده؟ – فرمهای وب به سرنخ گاهی ممکن است سرنخهای تکراری ایجاد کنند. CRM اکسیرتجارت میتواند به جای درج مستقیم سرنخ در پایگاه داده، یک وظیفه ایجاد کند که شامل تمام اطلاعات فرم در توضیحات آن باشد. سپس کارمند مسئول میتواند دادهها را بررسی و اقدام مناسب انجام دهد.
- منبع سرنخ – منبع پیشفرض سرنخ.
- وضعیت سرنخ – وضعیت سرنخ پس از وارد شدن به پایگاه داده CRM.
- مسئول – اختصاص خودکار سرنخ به یک کارمند مشخص.
- تنظیمات اعلان – کاربران بر اساس نوع اعلان انتخاب شده در اپلیکیشن اعلان دریافت میکنند. همچنین، کارمند مسئول ایمیل دریافت میکند، مگر اینکه قالب ایمیل «سرنخ جدید به کارمند اختصاص یافت» در مسیر تنظیمات -> قالبهای ایمیل غیرفعال شده باشد.
- Recaptcha – استفاده از Google reCAPTCHA برای جلوگیری از اسپم. فیلد Google reCAPTCHA فقط در صورتی نمایش داده میشود که قبلاً کلیدهای reCAPTCHA را تنظیم کرده باشید.
بعد از ایجاد فرم، دو تب جدید در بخش فرم ظاهر میشوند: Form Builder (سازنده فرم) و Integration Code (کد اتصال).
- Form Builder (سازنده فرم): محلی است که میتوانید فرم را بسازید و تمام فیلدهای مورد نیاز خود را اضافه یا تنظیم کنید.
- Integration Code (کد اتصال): این همان کدی است که باید در وبسایت خود قرار دهید تا فرم نمایش داده شود. هر فرم یک کلید منحصر به فرد دارد که از طریق این لینک قابل مشاهده است.
ساخت فرم
پس از ذخیره تنظیمات اولیه فرم، به صورت خودکار به تب Form Builder هدایت میشوید. در سمت چپ، تمام فیلدهای موجود از پروفایل سرنخ قابل مشاهده هستند. اگر فیلدهای سفارشی برای سرنخها داشته باشید، میتوانید به راحتی آنها را با روش کشیدن و رها کردن (Drag & Drop) به فرم اضافه کنید.
⚠️ تنها استثناء: فیلدهای نوع Hyperlink (لینک) قابلیت اضافه شدن به فرم وب به سرنخ را ندارند.
برای افزودن فیلد به فرم، کافیست آن را به سمت راست بخش فرم بکشید. بعد از اضافه شدن، امکان افزودن دوباره همان فیلد به فرم غیرفعال میشود تا از سردرگمی جلوگیری شود.
شخصیسازی فیلدها
اگر فیلدها به طور کامل با نیاز شما همخوانی ندارند، میتوانید:
- برچسبها را تغییر دهید
- متن راهنما اضافه کنید
- Placeholder تعیین کنید
- فیلد را اجباری کنید
برای این کار، پس از کشیدن فیلد در بخش فرم، روی بالای سمت راست فیلد، دو دکمه مشاهده میکنید: ویرایش و حذف.
ذخیره و دریافت کد
بعد از شخصیسازی فرم، روی دکمه ذخیره (Save) در پایین سمت چپ کلیک کنید، سپس به تب Integration Code بروید تا کد مورد نیاز برای قرار دادن در وبسایت را دریافت کنید. این کد به صورت iframe خواهد بود و میتوانید ارتفاع و عرض آن را مستقیماً در کد ارائه شده توسط CRM اکسیرتجارت تنظیم کنید.
طراحی و استایل فرمها
اگر میخواهید ظاهر فرمها، رنگ فیلدها یا دکمهها را با وبسایت خود هماهنگ کنید، میتوانید یک فایل custom.css در مسیر assets/css بسازید و استایلهای مورد نیاز را اعمال کنید.
مثال تغییر رنگ حاشیه فیلدهای ورودی:
body.web-to-lead input {
border-color: red;
}
مثال تغییر رنگ پسزمینه دکمه ارسال فرم:
body.web-to-lead #form_submit {
background: red;
}
body.web-to-lead #form_submit:hover,
body.web-to-lead #form_submit:active {
background: green;
}
هدایت کاربر به یک آدرس دلخواه بعد از ارسال فرم
برای این کار:
- از طریق FTP یا cPanel به مسیر application/helpers/ بروید و فایل my_functions_helper.php را بسازید (در صورت وجود نداشتن).
- قطعه کد زیر را در فایل اضافه کنید:
hooks()->add_action(‘web_to_lead_form_submitted’,’my_web_to_lead_form_submitted_redirect_to_custom_url’);
function my_web_to_lead_form_submitted_redirect_to_custom_url($data){
echo json_encode(array(
‘success’=>true,
‘redirect_url’=>’http://yourcustomurl.com’
));
die;
}
⚠️ فراموش نکنید که اگر فایل PHP تازه ساخته شده، تگ باز <?php در ابتدای آن اضافه شود.
افزودن لوگوی شرکت به فرم
برای اضافه کردن لوگو، میتوانید لینک لوگو را در URL فرم با پارامتر with_logo=1 قرار دهید، مانند:
https://your–crm.com/forms/wtl/فرم–من?with_logo=1
اشتراکگذاری مستقیم لینک فرم
میتوانید لینک فرم را مستقیماً به مشتریان ارسال کنید بدون اینکه فرم در سایت قرار گیرد.
این روش برای استفاده در ایمیل، پیامک یا شبکههای اجتماعی مناسب است.
برای اینکه CRM تشخیص دهد فرم مستقیماً به اشتراک گذاشته شده و داخل iframe نیست، باید پارامتر زیر را به URL اضافه کنید:
?with_logo=1&styled=1
با این کار، CRM استایل مناسب برای فرم را اعمال میکند.
ایجاد فرم چند ستونه (از نسخه v1.0.3)
به صورت پیشفرض، فیلدها در یک ستون و تمام عرض صفحه نمایش داده میشوند.
برای ایجاد فرم چند ستونه:
- میتوانید با افزودن کلاسهای سفارشی به فیلدها، تا ۱۲ ستون در یک ردیف ایجاد کنید.
- مثال: دو فیلد در دو ستون یک ردیف: برای هر فیلد کلاس form-col-6 اضافه کنید.
- اگر سه ستون بخواهید، برای هر فیلد کلاس form-col-4 قرار دهید (۴+۴+۴ = ۱۲ ستون).
نکته: کلاسها فقط هنگام مشاهده فرم از طریق لینک مستقیم یا iframe اعمال میشوند و در Form Builder دیده نمیشوند.
برای فرمهایی که داخل کانتینر کوچک قرار میگیرند، میتوانید کلاس اضافی برای صفحههای کوچک اضافه کنید، مثل: form-col-xs-6.
چند نکته مهم
- هیچگاه فرم را بدون فیلدهای ضروری رها نکنید.
به صورت پیشفرض فیلد نام الزامی است و پیشنهاد میشود آن را غیر فعال نکنید.
- هنگام قرار دادن کد iframe در سایت:
- اگر CRM شما از پروتکل HTTP استفاده میکند، iframe هم باید صفحه HTTP باشد.
- اگر CRM شما از پروتکل HTTPS استفاده میکند، iframe هم باید HTTPS باشد.
به طور خلاصه: پروتکلها باید یکسان باشند تا فرم به درستی نمایش داده شود.