نحوه اضافه کردن فرم تماس اسلاید در وردپرس

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

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

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

به همین دلیل است که ممکن است متوجه شوید که بسیاری از وبسایت های محبوب، پنجره های فرم تماس را اضافه می کنند و یا دکمه های call to action که با فشار بر روی آنها شما را به صفحه فرم های تماس راهنمایی می کند.

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

افزودن یک فرم تماس اسلاید در وردپرس

برای انجام این کار شما به افزونه WPForms دارید. این افزونه بهترین افزونه فرم تماس در بازار وردپرس است .اگر نیاز به ویژگی های این افزونه ندارید شما میتوانید از نسخه رایگان آن استفاده کنید .

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

مرحله ۱:  ایجاد یک فرم تماس در وردپرس

در ابتدا باید افزونه WPForm را نصب و فعال سازی کنید. پس از فعال سازی افزونه مورد نظر میتوانید به بخش WPForms/Add New page برای ایجاد فرم تماس مراجعه کنید. این رابط سازنده WPForms را راه اندازی می کند.

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

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

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

مرحله ۲ : ایجاد Slide Out Optin در OptinMonster

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

پس از فعال سازی روی منوی OptinMonster در نوار مدیریت وردپرس خود کلیک کنید و کلید API خود را وارد نمایید. شما می توانید این اطلاعات را از حساب کاربری خود در وب سایت OptinMonster دریافت کنید.

بعد از وارد کردن کلید مجوز خود، روی دکمه ‘Create new optin’ در گوشه سمت راست بالای صفحه کلیک کنید.

این شما را به وب سایت OptinMonster می برد. OptinMonster انواع مختلفی از کمپین های پویا را ارائه می دهد. برای این آموزش ما ازکمپین ‘Slide in’ استفاده خواهیم کرد. برای انتخاب ‘Slide in’ به عنوان نوع انتخابی خود بروید و روی آن کلیک کنید.

بعد شما باید الگو را انتخاب کنید. OptinMonster چندین قالب آماده ارائه می دهد، اما ما باید برای این آموزش “Canvas” را انتخاب کنیم.

به محض این که قالب را انتخاب کنید، از شما خواسته خواهد شد که یک نام برای کمپین خود را ارائه دهید. این به شما این امکان را می دهد که کمپین را به راحتی در داشبورد OptinMonster خود قرار دهید.

در حال حاضر OptinMonster رابط کاربری سازنده کمپین خود را بارگذاری می کند.

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

در سمت چپ زبانه های مختلف را خواهید دید. در بخش ‘General Optin Settings’ شما باید URL وب سایت خود را در زیر گزینه ‘Optin campaign web site’ وارد کنید.

بعد شما باید به برگه Optin بروید. در اینجا شما می توانید رنگ، ارتفاع و عرض برای optin خود را انتخاب کنید.

پیش بروید و رنگهایی را که دوست دارید انتخاب کنید و عرض و ارتفاع را تنظیم نمایید، به طوری که می توانید تمام فرم خود را به خوبی نشان دهید.

پس از آن شما باید به پایین قسمت سفارشی HTML Canvas بروید و کد کوتاه WPForms که قبل از آن کپی کرده اید را وارد کنید.

مرحله ۳ : نمایش اسلاید فرم تماس در وردپرس

اکنون که شما هر دو فرم تماس و کمپین اسلاید را ایجاد کرده اید آماده نمایش آن در وب سایت خود هستید. به سمت جلو بروید و صفحه OptinMonster  در بخش مدیریت وردپرس خود مشاهده کنید.

در این بخش شما می توانید کمپین اسلایدی را که ایجاد کرده اید را مشاهده نمایید .

در این بخش شما باید بر روی لینک ‘Edit output settings’ کلیک کنید تا تصمیم بگیرید که چگونه می خواهید در وب سایت خود نمایش دهید.

فراموش نکنید که دکمه تنظیمات ذخیره را برای ذخیره تغییرات خود کلیک کنید.اکنون می توانید از وبسایت خود دیدن کنید تا فرم تماس اسلاید را به صورت آنلاین مشاهده کنید.

 به همین راحتی. با تشکر از شما که تا انتهای این آموزش ما را یاری کردید.