ساختن فرم تماس با بدون افزونه در وردپرس

ساختن فرم تماس با بدون افزونه در وردپرس

یکی از امکانات یک وب سایت داشتن فرم تماس با ما می باشد که دوستان برای داشتن این فرم از افزونه ها مختلف استفاده می کند که بسیاری از افزونه باعث افت سرعت و مشکلاتی برای وب سایت ایجاد می کند که ما در این مطلب می خواهید خیلی ساده یک فرم تماس با ما بدون افزونه را درست کنید و یکی از مزایا این روش سرعت بالایی ثبت اطلاعات بدون افت سرعت وب سایت می باشد.

قدم اول :

ساختن table

table در بانک اطلاعاتی وظیفه نگهداری اطلاعات در دارد که ما در قدم اول باید یک table در بانک اطلاعاتی بسازیم برای این کار وارد سی پنل وب سایت می شویم و از قسمت Databases و انتخاب گزینه phpMyAdmin می شویم

و سمت چپ بانک اطلاعاتی متصل به وب سایت وردپرس را انتخاب می کنید و از پایین صفحه در قسمت Create table یک Name برای فرم مورد نظر می نویسیم برای مثال ما نام فرم را wp_hw_custom_form قرار می دهیم و از قسمت Number of columns: j که تعداد فیلد را مشخص می کنیم که عدد 4 را وارد می کنید و دکمه Go را کلیک می کنید به راحتی فرم ساخته شد

فیلد های table

در این قسمت ما چهار فیلد برای ردیف- نام – شماره تماس – توضیحات نیاز داریم

در قسمت Name نام فیلد _ Type نوع فیلد – Length/Values تعداد کارکتر ورودی – Collation نوع زبان ورودی-A_I مشخص کنن یکتا بدون ورودی(برای فیلد ID) را وارد می کنیم به ترتیب زیر

قدم دوم :

ساخت فرم تماس با ما

برای ساختن فرم تماس با ما از کد های Html استفاده می کنیم به شرح زیر

   <form id="form_request" action="" method="post">
<div class="form-row">
<div class="form-group col-md-6">
<input type="text" class="form-control" id="full_name" name="full_name" placeholder="نام و نام خانوادگی ">
</div>
<div class="form-group col-md-6">
<input type="number" class="form-control" id="mobile" name="mobile"  placeholder="شماره تماس">
</div>
</div>
<div class="form-row">
<div class="form-group col">
<input type="email" class="form-control" id="description" name="description"  placeholder="پست الکترونیکی">
</div>
</div>
<div class="d-flex justify-content-center">
 <button type="submit" name="submit">ثبت درخواست</button>
</div>
   </form>

توضیح کد ها بالا

برای ساختن فرم در html از تگ Form استفاده می کنیم که method post برای ارسال اطلاعات به بانک اطلاعاتی می باشد

و تگ Input که name برای نام گذاری ورودی داده ها می باشد که باید با نامی که در ساختن فرم استفاده شد یکسان باشد

و در آخر دکمه ثبت که باید با نام submit باشد به این خاطر که مقدار فرم را ارسال کند

قدم سوم :

کد های php

در این قسمت با استفاده از کد های php برای ارسال اطلاعات از وردپرس به بانک اطلاعاتی ارسال می کنیم


if ( isset( $_POST[ 'submit' ] ) ) {
    $form_request_data = array (
        'full_name'   => sanitize_text_field( $_POST[ 'full_name' ] ),

        'mobile'      => sanitize_text_field( $_POST[ 'mobile' ] ),

        'description' => sanitize_text_field( $_POST[ 'description' ] )
    );
    $table_name = $table_prefix.'hw_custom_form';
    $wpdb->insert($table_name,$form_request_data,array(
            '%s','%s','%s'
    ));
    $payment_form_id = $wpdb->insert_id;
    $payment_resnum = preg_replace('/\D/','',uniqid());
    $form_entry_payment_data = array(
            'payment_form_id' => $payment_form_id,
            'payment_amount'  => $form_request_data['amount'],
            'payment_resnum'  => $payment_resnum,
            'payment_date'    => date('Y-m-d'),
    );

    $payment_table = $table_prefix.'hw_custom_form_payments';
    $wpdb->insert($payment_table,$form_entry_payment_data,array(
            '%d','%d','%s','%s'
    ));
    
}

?>

نکته پایانی :

از این کد می توانید در قسمت های مختلف وب سایت استفاده کنید که ما در وب سایت رسانه تبلیغات گرام در فوتر قابل مشاهده می باشد

سوالات بپرس ، جواب بگیر : ساختن فرم تماس با بدون افزونه در وردپرس

  1. سحر گفت:

    سلام بسیار عالی حتما انجام میدم

    1. majd گفت:

      نظر لطف شما دوست عزیز

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

لوگو تبلیغات گرام رسانه تبلیغات گرام