پرش به مطلب اصلی

فوتر

قرار دادن کد اینماد در فوتر پیشفرض

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

ابتدا در داشبورد مدیریت به منوی داشبورد مدیریتظاهر سایتفوتر بروید

قرار دادن دکمه رفتن به بالا

  • با توجه به اینکه امکان طراحی تمام html فوتر در اسکریپت کدمن وجود دارد شما به سادگی می‌توانید دکمه رفتن به بالا را در فوتر خود قرار دهید. برای این کار کافیست کد
onclick="window.scrollTo(0, 0);"

را در دکمه‌ مورد نظر قرار دهید. بدین ترتیب با زدن روی دکمه اسکرول به بالا انجام خواهد شد.

  • کد کامل به صورت زیر می‌باشد
<button onclick="window.scrollTo(0, 0);" class=" custom-class ">
رفتن به بالا
</button>

گرفتن ایمیل کاربر برای اهداف بازاریابی

  • برای طراحی این مورد نیاز هست در قسمتی نام و پیام و ایمیل کاربر را دریافت کنیم و سپس با زدن یک دکمه اطلاعات دریافتی را برای مدیریت سایت ایمیل کنیم.
  • نمونه کد انجام این کار به صورت زیر می‌باشد.
http://localhost:3000
<form class="container ">
<div>
<input
type="text"
class="form-control"
id="name_id"
name="name"
placeholder="نام"
/>
</div>
<div>
<input
type="email"
class="form-control"
id="email_id"
name="email"
placeholder="ایمیل"
/>
</div>
<div>
<textarea
class="form-control"
id="message_id"
name="message"
rows="6"
placeholder="پیام"
/>
</div>
<div class="">
<button
class="btn btn-primary d-block w-100"
action-vira="send-email"
type="button"
onclick=" window.sendEmail($('#name_id') , $('#email_id') , $('#message_id'))"
>
ارسال
</button>
</div>
</form>
  • این کار را به صورت خلاصه تر نیز می‌توانید انجام دهید و فقط ایمیل کاربر را درخواست نمایید و به جای پیام و نام کاربر از متن های ثابت استفاده نمایید. به طور مثال:
http://localhost:3000
<div class="flex-c">
<input
type="email"
class="form-control"
id="email_id"
name="email"
placeholder="ایمیل خود را وارد کنید"
/>
<button
class="btn btn-primary no-wrap "
action-vira="send-email"
onclick="window.sendEmail( 'footerBox' , $('#email_id') ,'عضویت در خبرنامه') "
>
عضویت در خبرنامه
</button>
</div>
اطلاع

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