<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web App พร้อมใช้งาน &#8211; Book Intelligent</title>
	<atom:link href="https://www.bookintelligent.com/category/web-app-%E0%B8%9E%E0%B8%A3%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bookintelligent.com</link>
	<description>ความรู้คือโอกาสในการสร้างความร่ำรวย</description>
	<lastBuildDate>Thu, 30 Jul 2026 00:22:02 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.3</generator>

<image>
	<url>https://www.bookintelligent.com/wp-content/uploads/2021/04/cropped-Logo-32x32.jpg</url>
	<title>Web App พร้อมใช้งาน &#8211; Book Intelligent</title>
	<link>https://www.bookintelligent.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">197878750</site>	<item>
		<title>[Web App พร้อมใช้งาน] ระบบจัดการ บ้านเช่า ห้องเช่า หอพัก ครบวงจร พร้อมแจ้งเตือนค่าเช่าอัตโนมัติผ่านอีเมล</title>
		<link>https://www.bookintelligent.com/web-app-rental-property-tracker/</link>
		
		<dc:creator><![CDATA[kookguu]]></dc:creator>
		<pubDate>Thu, 30 Jul 2026 00:21:57 +0000</pubDate>
				<category><![CDATA[Web App พร้อมใช้งาน]]></category>
		<guid isPermaLink="false">https://www.bookintelligent.com/?p=3761</guid>

					<description><![CDATA[เก็บค่าเช่าหลายห้องด้วยสมุด/Excel แยกไฟล์ จำไม่ได้ว่าห้องไหนจ่ายแล้ว ห้องไหนค้าง? สัญญาหมดอายุแล้วไม่รู้ตัว ห้องว่างก็ไม่รู้ตัวง่ายๆ จนลูกบ้านทวงถามก่อนถึงจะเห็นว่าตกหล่น ระบบนี้คืออะไร? Rental Property Tracker Lite คือระบบจัดการห้องเช่า/หอพักบน Google Sheet + Google Apps Script ที่ครบทั้งทรัพย์สิน ห้อง ผู้เช่า สัญญาเช่า บิลค่าเช่า และการชำระเงินในที่เดียว คำนวณยอดค้างชำระ อัปเดตสถานะห้อง (ว่าง/มีผู้เช่า/ใกล้หมดสัญญา) ให้อัตโนมัติ พร้อมระบบแจ้งเตือนทางอีเมล 3 รอบ (ก่อนครบกำหนด วันครบกำหนด และเลยกำหนด) ไม่ต้องไล่ทวงค่าเช่าเอง ทำงานผ่านเว็บแอปหน้าตาสวยงาม ใช้ได้ทั้งคอมและมือถือ ข้อมูลทั้งหมดเก็บอยู่ใน Google Sheet ของคุณเอง 100% ฟีเจอร์หลักของระบบ Dashboard ภาพรวมทั้งระบบในหน้าเดียว — สรุป KPI ห้องว่าง/มีผู้เช่า รายได้ แนวโน้มรายรับ สัดส่วนสถานะการชำระเงิน และรายการที่ต้องติดตาม เปิดแอปมาเห็นสถานะทั้งหมดทันทีโดยไม่ต้องไล่เปิดชีต &#8230;<p class="read-more"> <a class="" href="https://www.bookintelligent.com/web-app-rental-property-tracker/"> <span class="screen-reader-text">[Web App พร้อมใช้งาน] ระบบจัดการ บ้านเช่า ห้องเช่า หอพัก ครบวงจร พร้อมแจ้งเตือนค่าเช่าอัตโนมัติผ่านอีเมล</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">เก็บค่าเช่าหลายห้องด้วยสมุด/Excel แยกไฟล์ จำไม่ได้ว่าห้องไหนจ่ายแล้ว ห้องไหนค้าง? สัญญาหมดอายุแล้วไม่รู้ตัว ห้องว่างก็ไม่รู้ตัวง่ายๆ จนลูกบ้านทวงถามก่อนถึงจะเห็นว่าตกหล่น</p>



<span id="more-3761"></span>



<h2 class="wp-block-heading">ระบบนี้คืออะไร?</h2>



<p class="wp-block-paragraph"><strong>Rental Property Tracker Lite</strong> คือระบบจัดการห้องเช่า/หอพักบน Google Sheet + Google Apps Script ที่ครบทั้งทรัพย์สิน ห้อง ผู้เช่า สัญญาเช่า บิลค่าเช่า และการชำระเงินในที่เดียว คำนวณยอดค้างชำระ อัปเดตสถานะห้อง (ว่าง/มีผู้เช่า/ใกล้หมดสัญญา) ให้อัตโนมัติ พร้อมระบบแจ้งเตือนทางอีเมล 3 รอบ (ก่อนครบกำหนด วันครบกำหนด และเลยกำหนด) ไม่ต้องไล่ทวงค่าเช่าเอง ทำงานผ่านเว็บแอปหน้าตาสวยงาม ใช้ได้ทั้งคอมและมือถือ ข้อมูลทั้งหมดเก็บอยู่ใน Google Sheet ของคุณเอง 100%</p>



<h2 class="wp-block-heading">ฟีเจอร์หลักของระบบ</h2>



<p class="wp-block-paragraph"><strong>Dashboard</strong> ภาพรวมทั้งระบบในหน้าเดียว — สรุป KPI ห้องว่าง/มีผู้เช่า รายได้ แนวโน้มรายรับ สัดส่วนสถานะการชำระเงิน และรายการที่ต้องติดตาม เปิดแอปมาเห็นสถานะทั้งหมดทันทีโดยไม่ต้องไล่เปิดชีต</p>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/01-dashboard-1.jpg" alt="Dashboard ภาพรวมระบบจัดการห้องเช่า Rental Property Tracker Lite"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>ทรัพย์สิน/ห้องเช่า</strong> จัดการได้หลายอาคารหลายห้องในที่เดียว — สถานะห้องอัปเดตอัตโนมัติตามสัญญาเช่าจริง ไม่ต้องแก้มือ</p>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/02-properties-units.jpg" alt="หน้าทรัพย์สินและห้องเช่า จัดการหลายอาคารหลายห้อง"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>ผู้เช่าและสัญญาเช่า</strong> เก็บประวัติครบ ป้องกันสัญญาซ้อนกันเอง — พร้อมแนบไฟล์เอกสารสัญญาเก็บใน Google Drive ของคุณเอง</p>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/03-tenants.jpg" alt="หน้าผู้เช่า เก็บประวัติผู้เช่าครบ"/></figure>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/04-leases.jpg" alt="หน้าสัญญาเช่า ป้องกันสัญญาซ้อนกันเอง"/></figure>



<p class="wp-block-paragraph"><br>
</p>



<p class="wp-block-paragraph"><strong>บิลค่าเช่า</strong> ออกบิลรายเดือน คำนวณยอดค้างอัตโนมัติ — พิมพ์ใบแจ้งหนี้/ใบเสร็จได้ในคลิกเดียว พร้อมลายเซ็นเจ้าของที่อัปโหลดเอง</p>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/05-billing.jpg" alt="หน้าค่าเช่า ออกบิลรายเดือนคำนวณยอดค้างอัตโนมัติ"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>แจ้งเตือนอีเมลอัตโนมัติ 3 รอบ</strong> ไม่ต้องไล่ทวงเอง — แต่ละรอบเปิด/ปิดและตั้งเวลาส่งเองได้อิสระ</p>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/06-email-reminders.jpg" alt="หน้าแจ้งเตือนอีเมลอัตโนมัติ 3 รอบ"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>รายงานสรุป</strong> แยกดูรายได้ ยอดค้างชำระ และห้องว่างตามช่วงเวลาที่ต้องการ</p>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/07-reports.jpg" alt="หน้ารายงานสรุปรายได้และยอดค้างชำระ"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>ใช้ได้ทั้งคอมและมือถือ</strong> หน้าจอปรับตามขนาดจอ ใช้งานสะดวกทุกที่</p>



<h2 class="wp-block-heading">ระบบนี้เหมาะกับใคร</h2>



<p class="wp-block-paragraph">✅ เจ้าของหอพัก/อพาร์ตเมนต์ให้เช่าขนาดเล็ก-กลาง ที่ยังจดค่าเช่าในสมุดหรือไฟล์ Excel แยกกันหลายไฟล์<br>
✅ เจ้าของบ้านเช่า/คอนโดปล่อยเช่าหลายยูนิต ที่อยากรู้ภาพรวมทุกห้องในที่เดียว<br>
✅ ผู้ดูแล/จัดการทรัพย์สินให้เช่าแทนเจ้าของ ที่ต้องออกบิลและติดตามยอดค้างชำระเป็นประจำทุกเดือน</p>



<h2 class="wp-block-heading">วิธีติดตั้งใช้งาน (5 ขั้น — ไม่ต้องเขียนโค้ด)</h2>



<ol class="wp-block-list">
<li>เปิดลิงก์ Google Sheet ต้นฉบับที่ได้รับ แล้วไปที่ File &gt; Make a copy (ข้อมูลเป็นของคุณ 100% แยกจากต้นฉบับผู้ขายสมบูรณ์)</li>



<li>Deploy เป็น Web App ผ่าน Extensions &gt; Apps Script &gt; Deploy &gt; New deployment &gt; Web app แล้วอนุญาตสิทธิ์ให้ครบทุกช่อง</li>



<li>กลับไปที่ Google Sheet รีเฟรชหน้า แล้วใช้เมนู Rental Property Tracker Lite เลือกติดตั้งระบบ (ครั้งแรก) ระบบจะสร้าง 9 ชีตพร้อมข้อมูลตัวอย่างให้อัตโนมัติ</li>



<li>คัดลอก Web App URL ที่ได้ แล้วเปิดใช้งาน</li>



<li>ไปหน้าตั้งค่าระบบ กรอกชื่อเจ้าของ บัญชีธนาคาร และอีเมลรับแจ้งเตือน แล้วบันทึก พร้อมใช้งานจริง</li>
</ol>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/08-settings.jpg" alt="หน้าตั้งค่าระบบ"/></figure>



<h2 class="wp-block-heading">ดาวน์โหลดโปรแกรม</h2>



<!-- ===== BookIntelligent - Single Card Subscribe Form (All-in-One) + Image Upload ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<style>
  :root{
    --card-bg:#ffffff;
    --card-br:#eceff3;
    --shadow:0 12px 36px rgba(2,16,64,.08);
    --primary:#0A66FF;
    --primary-d:#064fd1;
    --muted:#6b7280;
    --ring:#e6f0ff;
    --coffee-bg:#f3f8ff;
    --coffee-br:#e1ecff;
    --radius:18px;
  }
  .bi-card{
    max-width:640px;margin:0 auto;padding:22px;background:var(--card-bg);
    border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);
    font-family:"Prompt",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Sarabun",sans-serif;
    color:#0f172a; line-height:1.55;
  }
  .bi-card h2{margin:2px 6px 16px;text-align:center;font-size:1.28rem;font-weight:700;letter-spacing:.2px}
  .bi-row{margin:14px 0}
  .bi-label{display:block;margin:6px 0 8px;font-size:1rem;color:#111;font-weight:500}
  .bi-input,.bi-textarea,.bi-number{
    width:100%;border:1px solid #d9dee6;border-radius:12px;background:#fff;
    padding:12px 14px;font-size:1rem;outline:none;transition:border .15s,box-shadow .15s,background .15s;
  }
  .bi-input:focus,.bi-textarea:focus,.bi-number:focus{border-color:var(--primary); box-shadow:0 0 0 4px var(--ring)}
  .bi-textarea{min-height:96px;resize:vertical}
  .bi-input::placeholder,.bi-textarea::placeholder{color:#9aa3b2}

  .coffee-box{background:var(--coffee-bg);border:1px solid var(--coffee-br);border-radius:14px;padding:14px 14px 12px;margin-top:10px}
  .coffee-title{font-weight:600;margin-bottom:6px}
  .bi-hint{font-size:.95rem;color:var(--muted)}
  .pp-row{display:flex;align-items:center;gap:10px;margin:8px 0}
  .pp-chip{background:#fff;border:1px dashed #9ac7ff;border-radius:10px;padding:8px 10px;font-weight:700;font-family:ui-monospace,Consolas,monospace}
  .copy-btn{border:1px solid #9ac7ff;background:#f2f7ff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
  .copy-btn:active{transform:translateY(1px)}

  .bi-submit{
    width:100%;margin-top:16px;padding:14px 16px;border:none;border-radius:12px;
    background:linear-gradient(180deg,#0A66FF 0%,#0958e8 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.2px;
  }
  .bi-submit:disabled{
    background: #ccc; cursor: not-allowed;
  }
  .bi-submit:hover:not(:disabled){filter:brightness(.98)}
  .bi-disclaimer{margin-top:12px;color:#c0392b;font-size:.92rem}

  /* Upload Button Style */
  .upload-box {
      border: 2px dashed #9ac7ff;
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      background: #fdfdfd;
      margin-top: 10px;
  }
  .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
  }
  .btn-upload {
      border: 2px solid #0A66FF;
      color: #0A66FF;
      background-color: white;
      padding: 8px 20px;
      border-radius: 8px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
  }
  .upload-btn-wrapper input[type=file] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
  }
  #fileNameDisplay {
      margin-top: 8px;
      font-size: 0.9rem;
      color: #0A66FF;
      font-weight: 500;
  }

  /* === Mini Scale Override (~12–18% smaller) === */
  .bi-card{ font-size:15px; padding:16px }
  .bi-card h2{ font-size:1.06rem; margin:2px 6px 12px }
  .bi-label{ font-size:.90rem }
  .bi-input,.bi-textarea,.bi-number{ padding:10px 12px; font-size:.95rem; border-radius:10px }
  .bi-textarea{ min-height:80px }
  .coffee-box{ padding:12px; border-radius:12px }
  .coffee-title{ font-size:.98rem }
  .bi-hint{ font-size:.88rem; line-height:1.6 }
  .pp-chip{ padding:6px 8px; font-size:.93rem }
  .copy-btn{ padding:6px 8px; font-size:.90rem }
  .bi-submit{ padding:12px 14px; font-size:.98rem; border-radius:10px }
  .bi-disclaimer{ font-size:.85rem }
  .promo-red{ color:#ff1f1f !important; font-weight:700; }
  .copy-btn{ color:#111 !important; }
  .copy-btn svg, .copy-btn svg path{ stroke:#111 !important; }
  .copy-btn:hover{ color:#111 !important; }

  @media (max-width:420px){
    .bi-card{ padding:14px }
    .bi-card h2{ font-size:1rem }
    .bi-input,.bi-textarea,.bi-number{ padding:9px 11px; font-size:.92rem }
    .pp-chip,.copy-btn{ font-size:.88rem }
  }
</style>

<form id="subscribeForm" class="bi-card" action="https://script.google.com/macros/s/AKfycbzy2bsbi_VbGBDJnIOXVBkp_yjDQLtEW12Y2TKSt5u7LPm0aXMQlxzBrwysp9CI7_JN/exec" method="POST">
  <h2>ดาวน์โหลดโปรแกรม</h2>

  <!-- Email -->
  <div class="bi-row">
    <label class="bi-label" for="email">📩อีเมล Email <span class="promo-red">(บังคับ)</span></label>
    <input class="bi-input" type="email" id="email" name="email" required="" placeholder="name@gmail.com">
  </div>


<!-- หัวข้อ Subscribe YouTube -->
<div class="bi-row" style="margin-top:10px;">
  <div style="display:flex; align-items:center; gap:6px;">
    <label style="font-weight:600;">📺 Subscribe YouTube</label>
    <span class="promo-red">(บังคับ)</span>
  </div>

<div class="bi-hint" style="margin-bottom:10px;">อัปเดต Template และ ระบบอัตโนมัติใหม่ก่อนใครที่นี่</div>
  <a href="https://www.youtube.com/@bookintelligent6509" target="_blank" style="display:inline-block; background:#ff0000; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; font-weight:600;" rel="noopener">
     🔔 Subscribe ช่อง BookIntelligent
  </a>
</div>


  <!-- กล่องกาแฟ (คอลัมน์ R = donation) -->
  <div class="coffee-box">
    <div class="coffee-title">☕ สนับสนุนค่ากาแฟ <span class="bi-hint"></span></div>

    <!-- ปรับปรุงข้อความใหม่ตรงนี้ -->
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        Webapp ตัวนี้จริง ๆ แล้ว หากไปดูตามคนที่ติดตั้งอยู่ระหว่าง 2,000
-3,000 บาท<br>
        แต่ผมอยากแบ่งปันให้ทุกคนได้ใช้งานในราคาที่เข้าถึงได้<br>
        เพียงคุณ <strong style="color:#0A66FF">เลี้ยงกาแฟผม 1 แก้ว (179 บาท)</strong>
    </p>
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        คุณจะได้รับ Template Web App ระบบจัดการงานตัวเต็ม พร้อมใช้งานทันที<br>
        ทุกการสนับสนุนของคุณ คือกำลังใจสำคัญที่ทำให้ผมมีแรงสร้างคอนเทนต์ดี ๆ แบบนี้มาแบ่งปันกันต่อไป 🙏<br>
        <b>ขอบคุณจากใจจริงครับ ❤️</b>
    </p>

    <!-- ข้อมูลการโอน -->
    <div class="bi-hint" style="margin-top:15px; font-weight:600;">พร้อมเพย์</div>
    <div class="pp-row">
      <span class="pp-chip" id="bank-number">1100400603389</span>
      <button class="copy-btn" type="button" id="copyBank">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 9h9v9H9z" stroke="#2563eb" stroke-width="2"></path><path d="M6 6h9v9" stroke="#2563eb" stroke-width="2"></path></svg>
        คัดลอก
      </button>
    </div>
    <label class="bi-label" for="donation">ชื่อบัญชี: นาย ศิริพงษ์ โรจน์ชัยวิริยะกุล</label>

    <!-- ส่วนแนบสลิป แก้ไขตามที่ขอ -->
    <div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">
        ☕ สนับสนุนค่ากาแฟ 179 บาท เพื่อรับ Template นี้

    <label class="bi-label" style="margin-top:15px;">🧾 แนบสลิปการโอน <span class="promo-red">(บังคับ)</span></label>
    <div class="upload-box">
        <div class="upload-btn-wrapper">
          <button class="btn-upload" type="button">เลือกรูปสลิป (Click)</button>
          <input type="file" id="slipInput" accept="image/*" required="">
        </div>
        <div id="fileNameDisplay">ยังไม่ได้เลือกไฟล์</div>
    </div>

  </div>

  <!-- Hidden fields -->
  <input type="hidden" name="source" value="Web App Rental Apartment + Email">
  <input type="hidden" name="type" value="Template Web App">
  <input type="hidden" id="ip" name="ip" value="">

  <!-- Hidden fields สำหรับไฟล์รูปภาพ -->
  <input type="hidden" id="fileContent" name="fileContent">
  <input type="hidden" id="fileMimeType" name="fileMimeType">
  <input type="hidden" id="fileName" name="fileName">

  <button class="bi-submit" id="submitBtn" type="submit"> Download </button>
  <div id="loadingMsg" style="display:none; text-align:center; color:#0A66FF; margin-top:10px;">กำลังอัปโหลด&#8230; กรุณารอสักครู่</div>

  <div style="margin-top:12px; text-align:center; font-size:0.9rem; color:#9aa3b2;">
    หลังโอนถ้าติดปัญหาสามารถทักมาสอบถามได้ที่ LINE ID : <b>@741imcyw</b> หรือ <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" style="color:#9aa3b2; text-decoration:underline;" rel="noopener">คลิกที่นี่</a>
  </div>

  <div class="bi-disclaimer">
    ไม่อนุญาตให้นำไฟล์ไปจำหน่าย แจกจ่าย หรือเปิดให้ดาวน์โหลดต่อสาธารณะ
  </div>


<script>
  // 1. คัดลอกเลขพร้อมเพย์
  document.getElementById('copyBank').addEventListener('click', async () => {
    const text = document.getElementById('bank-number').textContent.replace(/\s/g,'').trim();
    try{
      await navigator.clipboard.writeText(text);
      alert('คัดลอกหมายเลขแล้ว');
    }catch(e){
      alert('คัดลอกไม่สำเร็จ ลองอีกครั้งครับ');
    }
  });

  // 2. จัดการไฟล์รูปภาพ (แปลงเป็น Base64)
  const fileInput = document.getElementById('slipInput');
  const fileNameDisplay = document.getElementById('fileNameDisplay');
  const hiddenContent = document.getElementById('fileContent');
  const hiddenMime = document.getElementById('fileMimeType');
  const hiddenName = document.getElementById('fileName');

  fileInput.addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var file = this.files[0];

          // แสดงชื่อไฟล์
          fileNameDisplay.textContent = "✅ " + file.name;
          fileNameDisplay.style.color = "#06C755";

          // อ่านไฟล์
          var reader = new FileReader();
          reader.onload = function(e) {
              // ดึงเฉพาะข้อมูล Base64 (ตัด header data:image/...;base64, ออก)
              var result = e.target.result;
              var base64 = result.split(',')[1];
              var mime = result.split(';')[0].split(':')[1];

              hiddenContent.value = base64;
              hiddenMime.value = mime;
              hiddenName.value = file.name;
          };
          reader.readAsDataURL(file);
      } else {
          fileNameDisplay.textContent = "ยังไม่ได้เลือกไฟล์";
          fileNameDisplay.style.color = "#0A66FF";
          hiddenContent.value = "";
          hiddenMime.value = "";
          hiddenName.value = "";
      }
  });

  // 3. จัดการ Submit Form
  document.getElementById("subscribeForm").addEventListener("submit", async function(e){
    e.preventDefault();

    // ตรวจสอบ Email
    const email = document.getElementById("email").value.trim();
    if(!email || !email.includes("@")){ alert("กรอกอีเมลให้ถูกต้องครับ"); return; }

    // ตรวจสอบไฟล์ (ถ้าไม่มีไฟล์ ค่า base64 จะว่าง)
    if(!hiddenContent.value) {
        alert("กรุณาแนบสลิปการโอนเงินก่อนกด Download ครับ");
        return;
    }

    // แสดง Loading
    const btn = document.getElementById('submitBtn');
    const loadMsg = document.getElementById('loadingMsg');
    btn.disabled = true;
    btn.textContent = "กำลังดำเนินการ...";
    loadMsg.style.display = "block";

    // หา IP Address
    try{
      const res = await fetch("https://api.ipify.org?format=json");
      const data = await res.json();
      document.getElementById("ip").value = data.ip || "";
    }catch(err){
      document.getElementById("ip").value = "unknown";
    }

    // ส่งฟอร์ม
    this.submit();
  });
</script></div></form>



<h2 class="wp-block-heading">สิ่งที่ได้รับ</h2>



<p class="wp-block-paragraph">✅ Google Sheet Template (9 ชีต: Properties / Units / Tenants / Leases / Bills / Payments / EmailLog / ActivityLog / Settings) พร้อม demo data<br>
✅ Web App หน้าตาสวยงาม ใช้ได้ทั้งคอมและมือถือ (deploy เองจาก Google Sheet ของคุณ)<br>
✅ คู่มือการติดตั้ง 5 ขั้นตอน<br>
✅ อัปเดตฟรีในเวอร์ชันหลักเดียวกัน (v1.x)</p>



<h2 class="wp-block-heading">คำถามที่พบบ่อย (FAQ)</h2>



<p class="wp-block-paragraph"><strong>ไม่เก่งคอมพิวเตอร์ ใช้ได้ไหม?</strong><br>
ได้ครับ ไม่ต้องเขียนโค้ดเลย ทำตามคู่มือ 5 ขั้นก็ใช้งานได้ทันที</p>



<p class="wp-block-paragraph"><strong>ข้อมูลห้องเช่า/ผู้เช่าของเราอยู่ที่ใคร ปลอดภัยไหม?</strong><br>
ข้อมูลทั้งหมดอยู่ใน Google Sheet/Drive ของคุณเอง 100% ไม่มีการส่งข้อมูลไปเซิร์ฟเวอร์อื่นใด</p>



<p class="wp-block-paragraph"><strong>ใช้ได้กี่เครื่อง / กี่คน?</strong><br>
เปิดลิงก์ Web App ใช้ได้พร้อมกันหลายเครื่อง/หลายคน (ระบบยังไม่มี login แยกสิทธิ์ผู้ใช้ เหมาะกับเจ้าของ/ทีมที่ไว้ใจกัน)</p>



<p class="wp-block-paragraph"><strong>อีเมลแจ้งเตือนส่งเวลาไหน แม่นยำแค่ไหน?</strong><br>
ตั้งเวลาที่ต้องการได้ในหน้าตั้งค่า แต่ระบบคิวของ Google Apps Script อาจคลาดจากเวลาที่ตั้งได้ประมาณ ±15 นาที</p>



<h2 class="wp-block-heading">ข้อจำกัดที่ควรรู้</h2>



<p class="wp-block-paragraph">ระบบยังไม่มีระบบ login แยกสิทธิ์ผู้ใช้ — ใครมีลิงก์ก็เข้าใช้งานได้ เหมาะกับเจ้าของหรือทีมที่ไว้ใจกัน</p>



<h2 class="wp-block-heading">สินค้าอื่นในซีรีส์</h2>



<p class="wp-block-paragraph">ดูสินค้าอื่นในซีรีส์ SME Digital Asset ทั้งหมดได้ที่ bookintelligent.com (เช่น Stock Lite — ระบบจัดการสต็อกสินค้า)</p>



<h2 class="wp-block-heading">ลองดูบทความเพิ่มเติมได้ดังนี้</h2>



<ul class="wp-block-list">
<li><a href="https://www.bookintelligent.com/category/template-free/">Template Free Google Sheet &amp; Excel ดาวน์โหลดฟรี</a></li>



<li><a href="https://www.bookintelligent.com/passive-income-salaryman/">Passive Income สำหรับพนักงานประจำ</a></li>



<li><a href="https://www.bookintelligent.com/financial-freedom/">สร้างอิสรภาพทางการเงินได้อย่างไร</a></li>
</ul>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg" alt="รับปรึกษาและสอน Excel, Power BI, Data Storytelling"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">ตอนนี้ ผมมีทำ <strong>[Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker)</strong> สามารถดูรายละเอียดได้ที่ <a href="https://www.bookintelligent.com/template-pro-income-expense-saving-tracker/">Link นี้</a></p>



<figure class="wp-block-image"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2025/09/%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%9A%E0%B8%9A%E0%B8%B1%E0%B8%8D%E0%B8%8A%E0%B8%B5%E0%B8%A3%E0%B8%B2%E0%B8%A2%E0%B8%A3%E0%B8%B1%E0%B8%9A-%E0%B8%A3%E0%B8%B2%E0%B8%A2%E0%B8%88%E0%B9%88%E0%B8%B2%E0%B8%A2-%E0%B9%80%E0%B8%87%E0%B8%B4%E0%B8%99%E0%B8%AD%E0%B8%AD%E0%B8%A1-%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-Google-Sheets-%E0%B8%A1%E0%B8%B5-Dashboard-%E0%B8%AA%E0%B8%A3%E0%B8%B8%E0%B8%9B-1-1024x576.png" alt="Template Pro ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป"/></figure>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3761</post-id>	</item>
		<item>
		<title>[Web App พร้อมใช้งาน] ระบบจัดการสต็อกสินค้า (Inventory) พร้อมแจ้งเตือนทางอีเมล</title>
		<link>https://www.bookintelligent.com/web-app-stock-inventory-email-reminder/</link>
		
		<dc:creator><![CDATA[kookguu]]></dc:creator>
		<pubDate>Wed, 22 Jul 2026 15:31:01 +0000</pubDate>
				<category><![CDATA[Web App พร้อมใช้งาน]]></category>
		<guid isPermaLink="false">https://www.bookintelligent.com/?p=3745</guid>

					<description><![CDATA[ของหมดสต็อกแบบไม่ทันตั้งตัว ลูกค้าสั่งแล้วของไม่มีขาย? สต็อกที่จดในสมุด/แชทกลุ่มมักมาพร้อมปัญหาเดิม ๆ — นับผิด ของหายไม่รู้ตัว จนถึงวันที่ลูกค้าสั่งแล้วเพิ่งรู้ว่าของหมด ระบบนี้คืออะไร? Stock Lite คือระบบจัดการสต็อกสินค้า (Inventory) บน Google Sheet + Google Apps Script ที่บันทึกรับเข้า-จ่ายออกแล้วคำนวณคงเหลือให้อัตโนมัติ ไม่ต้องนั่งกดเครื่องคิดเลขหรือนับสต็อกเองทุกวัน พร้อมระบบ แจ้งเตือนทางอีเมล (Email Reminder) ทุกเช้าเมื่อสินค้าชิ้นไหนใกล้หมด ทำงานผ่านเว็บแอปหน้าตาสวยงาม ใช้ได้ทั้งคอมและมือถือ ข้อมูลทั้งหมดเก็บอยู่ใน Google Sheet ของคุณเอง 100% ไม่มีค่าใช้จ่ายรายเดือน จ่ายครั้งเดียว ฿199 ฟีเจอร์หลักของระบบ 🗂️ Dashboard ภาพรวมสต็อกทั้งร้านในหน้าเดียว สรุป SKU ทั้งหมด, เคลื่อนไหววันนี้, มูลค่าสต็อกรวม, จำนวนสินค้าใกล้หมด พร้อมกราฟแนวโน้มการเคลื่อนไหว 7 วันล่าสุด เปิดแอปมาเห็นสถานะร้านทันทีโดยไม่ต้องไล่เปิดชีต 📦 สินค้าคงเหลือ รู้ทันทีว่าอะไรใกล้หมด ค้นหา/กรอง/เรียงสินค้าคงเหลือได้ตามหมวดหมู่และสถานะ &#8230;<p class="read-more"> <a class="" href="https://www.bookintelligent.com/web-app-stock-inventory-email-reminder/"> <span class="screen-reader-text">[Web App พร้อมใช้งาน] ระบบจัดการสต็อกสินค้า (Inventory) พร้อมแจ้งเตือนทางอีเมล</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">ของหมดสต็อกแบบไม่ทันตั้งตัว ลูกค้าสั่งแล้วของไม่มีขาย? สต็อกที่จดในสมุด/แชทกลุ่มมักมาพร้อมปัญหาเดิม ๆ — นับผิด ของหายไม่รู้ตัว จนถึงวันที่ลูกค้าสั่งแล้วเพิ่งรู้ว่าของหมด</p>



<span id="more-3745"></span>



<h2 class="wp-block-heading">ระบบนี้คืออะไร?</h2>



<p class="wp-block-paragraph"><strong>Stock Lite</strong> คือระบบจัดการสต็อกสินค้า (Inventory) บน Google Sheet + Google Apps Script ที่บันทึกรับเข้า-จ่ายออกแล้วคำนวณคงเหลือให้อัตโนมัติ ไม่ต้องนั่งกดเครื่องคิดเลขหรือนับสต็อกเองทุกวัน พร้อมระบบ <strong>แจ้งเตือนทางอีเมล (Email Reminder)</strong> ทุกเช้าเมื่อสินค้าชิ้นไหนใกล้หมด ทำงานผ่านเว็บแอปหน้าตาสวยงาม ใช้ได้ทั้งคอมและมือถือ ข้อมูลทั้งหมดเก็บอยู่ใน Google Sheet ของคุณเอง 100% ไม่มีค่าใช้จ่ายรายเดือน จ่ายครั้งเดียว ฿199</p>



<h2 class="wp-block-heading">ฟีเจอร์หลักของระบบ</h2>



<h3 class="wp-block-heading">🗂️ Dashboard ภาพรวมสต็อกทั้งร้านในหน้าเดียว</h3>



<p class="wp-block-paragraph">สรุป SKU ทั้งหมด, เคลื่อนไหววันนี้, มูลค่าสต็อกรวม, จำนวนสินค้าใกล้หมด พร้อมกราฟแนวโน้มการเคลื่อนไหว 7 วันล่าสุด เปิดแอปมาเห็นสถานะร้านทันทีโดยไม่ต้องไล่เปิดชีต</p>



<figure class="wp-block-image aligncenter size-large"><img fetchpriority="high" decoding="async" width="1162" height="702" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/01-dashboard.jpg" alt="ระบบจัดการสต็อก Stock Lite หน้า Dashboard ภาพรวมสต็อกและกราฟแนวโน้ม" class="wp-image-3739" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/07/01-dashboard.jpg 1162w, https://www.bookintelligent.com/wp-content/uploads/2026/07/01-dashboard-300x181.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2026/07/01-dashboard-1024x619.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/07/01-dashboard-768x464.jpg 768w, https://www.bookintelligent.com/wp-content/uploads/2026/07/01-dashboard-600x362.jpg 600w" sizes="(max-width: 1162px) 100vw, 1162px" /><figcaption class="wp-element-caption">Dashboard สรุปภาพรวมสต็อกทั้งร้านในหน้าเดียว</figcaption></figure>



<h3 class="wp-block-heading">📦 สินค้าคงเหลือ รู้ทันทีว่าอะไรใกล้หมด</h3>



<p class="wp-block-paragraph">ค้นหา/กรอง/เรียงสินค้าคงเหลือได้ตามหมวดหมู่และสถานะ พร้อมไฮไลต์สีแดงอัตโนมัติทันทีที่คงเหลือต่ำกว่าจุดสั่งซื้อ (reorder point) ที่ตั้งไว้ ไม่ต้องไล่นับเอง</p>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="1318" height="812" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/02-stock-list.jpg" alt="ระบบจัดการสต็อก Stock Lite หน้าสินค้าคงเหลือ ไฮไลต์สินค้าใกล้หมด" class="wp-image-3740" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/07/02-stock-list.jpg 1318w, https://www.bookintelligent.com/wp-content/uploads/2026/07/02-stock-list-300x185.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2026/07/02-stock-list-1024x631.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/07/02-stock-list-768x473.jpg 768w, https://www.bookintelligent.com/wp-content/uploads/2026/07/02-stock-list-600x370.jpg 600w" sizes="(max-width: 1318px) 100vw, 1318px" /><figcaption class="wp-element-caption">หน้าสินค้าคงเหลือ ค้นหา/กรอง/เรียง พร้อมไฮไลต์แดงเมื่อใกล้หมด</figcaption></figure>



<h3 class="wp-block-heading">🔁 บันทึกรับเข้า/จ่ายออก/ปรับยอด ใน 10 วินาที</h3>



<p class="wp-block-paragraph">ฟอร์มบันทึกการเคลื่อนไหวพร้อม preview คงเหลือก่อน-หลังทำรายการให้เห็นทันทีที่กรอก และบล็อกอัตโนมัติถ้าจ่ายออกเกินของที่มีจริง กันสต็อกติดลบโดยไม่ตั้งใจ</p>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="1318" height="805" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/03-movement-form.jpg" alt="ระบบจัดการสต็อก Stock Lite ฟอร์มบันทึกรับเข้าจ่ายออกสินค้า" class="wp-image-3741" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/07/03-movement-form.jpg 1318w, https://www.bookintelligent.com/wp-content/uploads/2026/07/03-movement-form-300x183.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2026/07/03-movement-form-1024x625.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/07/03-movement-form-768x469.jpg 768w, https://www.bookintelligent.com/wp-content/uploads/2026/07/03-movement-form-600x366.jpg 600w" sizes="(max-width: 1318px) 100vw, 1318px" /><figcaption class="wp-element-caption">บันทึกรับเข้า/จ่ายออก/ปรับยอด พร้อม preview คงเหลือก่อน-หลังทำรายการ</figcaption></figure>



<h3 class="wp-block-heading">🕒 ประวัติเคลื่อนไหว ย้อนดูได้ว่าใครทำอะไรเมื่อไหร่</h3>



<p class="wp-block-paragraph">ประวัติครบทุกรายการ filter ตามวันที่/ประเภท/ผู้บันทึกได้ พร้อมส่งออกเป็นไฟล์ CSV ได้ทันทีเมื่อต้องใช้ตรวจสอบหรือส่งต่อฝ่ายบัญชี</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1318" height="805" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/04-history.jpg" alt="ระบบจัดการสต็อก Stock Lite ประวัติการเคลื่อนไหวสินค้าและส่งออก CSV" class="wp-image-3742" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/07/04-history.jpg 1318w, https://www.bookintelligent.com/wp-content/uploads/2026/07/04-history-300x183.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2026/07/04-history-1024x625.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/07/04-history-768x469.jpg 768w, https://www.bookintelligent.com/wp-content/uploads/2026/07/04-history-600x366.jpg 600w" sizes="auto, (max-width: 1318px) 100vw, 1318px" /><figcaption class="wp-element-caption">ประวัติเคลื่อนไหวครบทุกรายการ filter ได้ ส่งออก CSV ได้</figcaption></figure>



<h3 class="wp-block-heading">🏷️ จัดการสินค้า เพิ่ม-แก้ไข-ตั้งจุดสั่งซื้อเองได้ทุกตัว</h3>



<p class="wp-block-paragraph">CRUD สินค้าครบวงจร เพิ่ม/แก้ไข/ปิดใช้งานสินค้า พร้อมจัดหมวดหมู่และตั้งจุดสั่งซื้อ (reorder point) แยกรายชิ้นตามที่ร้านต้องการ</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1318" height="805" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/05-manage-products.jpg" alt="ระบบจัดการสต็อก Stock Lite หน้าจัดการสินค้าและตั้งจุดสั่งซื้อ" class="wp-image-3743" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/07/05-manage-products.jpg 1318w, https://www.bookintelligent.com/wp-content/uploads/2026/07/05-manage-products-300x183.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2026/07/05-manage-products-1024x625.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/07/05-manage-products-768x469.jpg 768w, https://www.bookintelligent.com/wp-content/uploads/2026/07/05-manage-products-600x366.jpg 600w" sizes="auto, (max-width: 1318px) 100vw, 1318px" /><figcaption class="wp-element-caption">จัดการสินค้า เพิ่ม/แก้ไข/ตั้งจุดสั่งซื้อรายชิ้น</figcaption></figure>



<h3 class="wp-block-heading">✉️ อีเมลแจ้งเตือนอัตโนมัติ ไม่ต้องเปิดชีตทุกวันเพื่อเช็กของหมด</h3>



<p class="wp-block-paragraph">ตั้งค่าอีเมลแจ้งเตือนสินค้าใกล้หมดอัตโนมัติทุกเช้า พร้อมปุ่มทดสอบส่งอีเมลได้ทันทีเพื่อความมั่นใจว่าระบบทำงานจริง</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1318" height="805" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/06-settings.jpg" alt="ระบบจัดการสต็อก Stock Lite ตั้งค่าแจ้งเตือนสินค้าใกล้หมดทางอีเมล" class="wp-image-3744" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/07/06-settings.jpg 1318w, https://www.bookintelligent.com/wp-content/uploads/2026/07/06-settings-300x183.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2026/07/06-settings-1024x625.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/07/06-settings-768x469.jpg 768w, https://www.bookintelligent.com/wp-content/uploads/2026/07/06-settings-600x366.jpg 600w" sizes="auto, (max-width: 1318px) 100vw, 1318px" /><figcaption class="wp-element-caption">ตั้งค่าอีเมลแจ้งเตือนสินค้าใกล้หมดอัตโนมัติทุกเช้า</figcaption></figure>



<h2 class="wp-block-heading">ระบบนี้เหมาะกับใคร</h2>



<ul class="wp-block-list">
<li>✅ <strong>ร้านค้าออนไลน์</strong> ที่แพ็กส่งเองทุกวัน ต้องรู้คงเหลือแบบเรียลไทม์ก่อนรับออเดอร์</li>



<li>✅ <strong>ร้านของชำ/ร้านค้าปลีก</strong> ที่อยากเลิกจดสต็อกในสมุด เปลี่ยนมาดูตัวเลขจริงบนมือถือ</li>



<li>✅ <strong>คลังวัตถุดิบร้านอาหาร/คาเฟ่</strong> ที่ต้องสั่งของเข้าตามจุดสั่งซื้อก่อนของขาดจริง</li>
</ul>



<h2 class="wp-block-heading">วิธีติดตั้งใช้งาน (5 ขั้น — ไม่ต้องเขียนโค้ด)</h2>



<ol class="wp-block-list">
<li>เปิด Google Sheet ที่ได้รับ → <strong>Make a copy</strong> (ข้อมูลเป็นของคุณ 100% อยู่ใน Google Drive คุณเอง)</li>



<li>เมนู <strong>Extensions → Apps Script</strong> → วางโค้ด <code>Code.gs</code> ที่แนบมา</li>



<li>รันฟังก์ชัน <strong>setup</strong> ครั้งเดียว (หรือใช้เมนู 📦 Stock Lite → ⚙️ ติดตั้งระบบ บนหัวชีต) — สร้าง 4 ชีต + ข้อมูลตัวอย่าง + ตั้งเวลาแจ้งเตือนให้อัตโนมัติ</li>



<li><strong>Deploy → New deployment → Web app</strong> (Execute as: Me, Who has access: Anyone with the link)</li>



<li>คัดลอกลิงก์ Web App → เปิดใช้งาน → ไปหน้า <strong>ตั้งค่าระบบ</strong> ใส่อีเมลที่ต้องการรับแจ้งเตือน → บันทึก</li>
</ol>



<h2 class="wp-block-heading">สิ่งที่ได้รับ + ราคา</h2>



<ul class="wp-block-list">
<li>✅ Google Sheet Template (4 ชีต: Products / Movements / Settings / StockSummary) พร้อม demo data</li>



<li>✅ Web App หน้าตาสวยงาม ใช้ได้ทั้งคอมและมือถือ (deploy เองจาก Google Sheet ของคุณ)</li>



<li>✅ อัปเดตฟรีใน major version เดียวกัน (v1.x)</li>
</ul>



<h2 class="wp-block-heading">฿199 จ่ายครั้งเดียว ไม่มีรายเดือน</h2>



<!-- ===== BookIntelligent - Single Card Subscribe Form (All-in-One) + Image Upload ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<style>
  :root{
    --card-bg:#ffffff;
    --card-br:#eceff3;
    --shadow:0 12px 36px rgba(2,16,64,.08);
    --primary:#0A66FF;
    --primary-d:#064fd1;
    --muted:#6b7280;
    --ring:#e6f0ff;
    --coffee-bg:#f3f8ff;
    --coffee-br:#e1ecff;
    --radius:18px;
  }
  .bi-card{
    max-width:640px;margin:0 auto;padding:22px;background:var(--card-bg);
    border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);
    font-family:"Prompt",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Sarabun",sans-serif;
    color:#0f172a; line-height:1.55;
  }
  .bi-card h2{margin:2px 6px 16px;text-align:center;font-size:1.28rem;font-weight:700;letter-spacing:.2px}
  .bi-row{margin:14px 0}
  .bi-label{display:block;margin:6px 0 8px;font-size:1rem;color:#111;font-weight:500}
  .bi-input,.bi-textarea,.bi-number{
    width:100%;border:1px solid #d9dee6;border-radius:12px;background:#fff;
    padding:12px 14px;font-size:1rem;outline:none;transition:border .15s,box-shadow .15s,background .15s;
  }
  .bi-input:focus,.bi-textarea:focus,.bi-number:focus{border-color:var(--primary); box-shadow:0 0 0 4px var(--ring)}
  .bi-textarea{min-height:96px;resize:vertical}
  .bi-input::placeholder,.bi-textarea::placeholder{color:#9aa3b2}

  .coffee-box{background:var(--coffee-bg);border:1px solid var(--coffee-br);border-radius:14px;padding:14px 14px 12px;margin-top:10px}
  .coffee-title{font-weight:600;margin-bottom:6px}
  .bi-hint{font-size:.95rem;color:var(--muted)}
  .pp-row{display:flex;align-items:center;gap:10px;margin:8px 0}
  .pp-chip{background:#fff;border:1px dashed #9ac7ff;border-radius:10px;padding:8px 10px;font-weight:700;font-family:ui-monospace,Consolas,monospace}
  .copy-btn{border:1px solid #9ac7ff;background:#f2f7ff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
  .copy-btn:active{transform:translateY(1px)}

  .bi-submit{
    width:100%;margin-top:16px;padding:14px 16px;border:none;border-radius:12px;
    background:linear-gradient(180deg,#0A66FF 0%,#0958e8 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.2px;
  }
  .bi-submit:disabled{
    background: #ccc; cursor: not-allowed;
  }
  .bi-submit:hover:not(:disabled){filter:brightness(.98)}
  .bi-disclaimer{margin-top:12px;color:#c0392b;font-size:.92rem}

  /* Upload Button Style */
  .upload-box {
      border: 2px dashed #9ac7ff;
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      background: #fdfdfd;
      margin-top: 10px;
  }
  .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
  }
  .btn-upload {
      border: 2px solid #0A66FF;
      color: #0A66FF;
      background-color: white;
      padding: 8px 20px;
      border-radius: 8px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
  }
  .upload-btn-wrapper input[type=file] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
  }
  #fileNameDisplay {
      margin-top: 8px;
      font-size: 0.9rem;
      color: #0A66FF;
      font-weight: 500;
  }

  /* === Mini Scale Override (~12–18% smaller) === */
  .bi-card{ font-size:15px; padding:16px }
  .bi-card h2{ font-size:1.06rem; margin:2px 6px 12px }
  .bi-label{ font-size:.90rem }
  .bi-input,.bi-textarea,.bi-number{ padding:10px 12px; font-size:.95rem; border-radius:10px }
  .bi-textarea{ min-height:80px }
  .coffee-box{ padding:12px; border-radius:12px }
  .coffee-title{ font-size:.98rem }
  .bi-hint{ font-size:.88rem; line-height:1.6 }
  .pp-chip{ padding:6px 8px; font-size:.93rem }
  .copy-btn{ padding:6px 8px; font-size:.90rem }
  .bi-submit{ padding:12px 14px; font-size:.98rem; border-radius:10px }
  .bi-disclaimer{ font-size:.85rem }
  .promo-red{ color:#ff1f1f !important; font-weight:700; }
  .copy-btn{ color:#111 !important; }
  .copy-btn svg, .copy-btn svg path{ stroke:#111 !important; }
  .copy-btn:hover{ color:#111 !important; }

  @media (max-width:420px){
    .bi-card{ padding:14px }
    .bi-card h2{ font-size:1rem }
    .bi-input,.bi-textarea,.bi-number{ padding:9px 11px; font-size:.92rem }
    .pp-chip,.copy-btn{ font-size:.88rem }
  }
</style>

<form id="subscribeForm" class="bi-card" action="https://script.google.com/macros/s/AKfycbzy2bsbi_VbGBDJnIOXVBkp_yjDQLtEW12Y2TKSt5u7LPm0aXMQlxzBrwysp9CI7_JN/exec" method="POST">
  <h2>ดาวน์โหลดโปรแกรม</h2>

  <!-- Email -->
  <div class="bi-row">
    <label class="bi-label" for="email">📩อีเมล Email <span class="promo-red">(บังคับ)</span></label>
    <input class="bi-input" type="email" id="email" name="email" required="" placeholder="name@gmail.com">
  </div>


<!-- หัวข้อ Subscribe YouTube -->
<div class="bi-row" style="margin-top:10px;">
  <div style="display:flex; align-items:center; gap:6px;">
    <label style="font-weight:600;">📺 Subscribe YouTube</label>
    <span class="promo-red">(บังคับ)</span>
  </div>

<div class="bi-hint" style="margin-bottom:10px;">อัปเดต Template และ ระบบอัตโนมัติใหม่ก่อนใครที่นี่</div>
  <a href="https://www.youtube.com/@bookintelligent6509" target="_blank" style="display:inline-block; background:#ff0000; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; font-weight:600;" rel="noopener">
     🔔 Subscribe ช่อง BookIntelligent
  </a>
</div>


  <!-- กล่องกาแฟ (คอลัมน์ R = donation) -->
  <div class="coffee-box">
    <div class="coffee-title">☕ สนับสนุนค่ากาแฟ <span class="bi-hint"></span></div>

    <!-- ปรับปรุงข้อความใหม่ตรงนี้ -->
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        Webapp ตัวนี้จริง ๆ แล้ว หากไปดูตามคนที่ติดตั้งอยู่ระหว่าง 2,000
-3,000 บาท<br>
        แต่ผมอยากแบ่งปันให้ทุกคนได้ใช้งานในราคาที่เข้าถึงได้<br>
        เพียงคุณ <strong style="color:#0A66FF">เลี้ยงกาแฟผม 1 แก้ว (199 บาท)</strong>
    </p>
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        คุณจะได้รับ Template Web App ระบบจัดการงานตัวเต็ม พร้อมใช้งานทันที<br>
        ทุกการสนับสนุนของคุณ คือกำลังใจสำคัญที่ทำให้ผมมีแรงสร้างคอนเทนต์ดี ๆ แบบนี้มาแบ่งปันกันต่อไป 🙏<br>
        <b>ขอบคุณจากใจจริงครับ ❤️</b>
    </p>

    <!-- ข้อมูลการโอน -->
    <div class="bi-hint" style="margin-top:15px; font-weight:600;">พร้อมเพย์</div>
    <div class="pp-row">
      <span class="pp-chip" id="bank-number">1100400603389</span>
      <button class="copy-btn" type="button" id="copyBank">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 9h9v9H9z" stroke="#2563eb" stroke-width="2"></path><path d="M6 6h9v9" stroke="#2563eb" stroke-width="2"></path></svg>
        คัดลอก
      </button>
    </div>
    <label class="bi-label" for="donation">ชื่อบัญชี: นาย ศิริพงษ์ โรจน์ชัยวิริยะกุล</label>

    <!-- ส่วนแนบสลิป แก้ไขตามที่ขอ -->
    <div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">
        ☕ สนับสนุนค่ากาแฟ 199 บาท เพื่อรับ Template นี้

    <label class="bi-label" style="margin-top:15px;">🧾 แนบสลิปการโอน <span class="promo-red">(บังคับ)</span></label>
    <div class="upload-box">
        <div class="upload-btn-wrapper">
          <button class="btn-upload" type="button">เลือกรูปสลิป (Click)</button>
          <input type="file" id="slipInput" accept="image/*" required="">
        </div>
        <div id="fileNameDisplay">ยังไม่ได้เลือกไฟล์</div>
    </div>

  </div>

  <!-- Hidden fields -->
  <input type="hidden" name="source" value="Web App Stocklite + Email">
  <input type="hidden" name="type" value="Template Web App">
  <input type="hidden" id="ip" name="ip" value="">

  <!-- Hidden fields สำหรับไฟล์รูปภาพ -->
  <input type="hidden" id="fileContent" name="fileContent">
  <input type="hidden" id="fileMimeType" name="fileMimeType">
  <input type="hidden" id="fileName" name="fileName">

  <button class="bi-submit" id="submitBtn" type="submit"> Download </button>
  <div id="loadingMsg" style="display:none; text-align:center; color:#0A66FF; margin-top:10px;">กำลังอัปโหลด&#8230; กรุณารอสักครู่</div>

  <div style="margin-top:12px; text-align:center; font-size:0.9rem; color:#9aa3b2;">
    หลังโอนถ้าติดปัญหาสามารถทักมาสอบถามได้ที่ LINE ID : <b>@741imcyw</b> หรือ <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" style="color:#9aa3b2; text-decoration:underline;" rel="noopener">คลิกที่นี่</a>
  </div>

  <div class="bi-disclaimer">
    ไม่อนุญาตให้นำไฟล์ไปจำหน่าย แจกจ่าย หรือเปิดให้ดาวน์โหลดต่อสาธารณะ
  </div>


<script>
  // 1. คัดลอกเลขพร้อมเพย์
  document.getElementById('copyBank').addEventListener('click', async () => {
    const text = document.getElementById('bank-number').textContent.replace(/\s/g,'').trim();
    try{
      await navigator.clipboard.writeText(text);
      alert('คัดลอกหมายเลขแล้ว');
    }catch(e){
      alert('คัดลอกไม่สำเร็จ ลองอีกครั้งครับ');
    }
  });

  // 2. จัดการไฟล์รูปภาพ (แปลงเป็น Base64)
  const fileInput = document.getElementById('slipInput');
  const fileNameDisplay = document.getElementById('fileNameDisplay');
  const hiddenContent = document.getElementById('fileContent');
  const hiddenMime = document.getElementById('fileMimeType');
  const hiddenName = document.getElementById('fileName');

  fileInput.addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var file = this.files[0];

          // แสดงชื่อไฟล์
          fileNameDisplay.textContent = "✅ " + file.name;
          fileNameDisplay.style.color = "#06C755";

          // อ่านไฟล์
          var reader = new FileReader();
          reader.onload = function(e) {
              // ดึงเฉพาะข้อมูล Base64 (ตัด header data:image/...;base64, ออก)
              var result = e.target.result;
              var base64 = result.split(',')[1];
              var mime = result.split(';')[0].split(':')[1];

              hiddenContent.value = base64;
              hiddenMime.value = mime;
              hiddenName.value = file.name;
          };
          reader.readAsDataURL(file);
      } else {
          fileNameDisplay.textContent = "ยังไม่ได้เลือกไฟล์";
          fileNameDisplay.style.color = "#0A66FF";
          hiddenContent.value = "";
          hiddenMime.value = "";
          hiddenName.value = "";
      }
  });

  // 3. จัดการ Submit Form
  document.getElementById("subscribeForm").addEventListener("submit", async function(e){
    e.preventDefault();

    // ตรวจสอบ Email
    const email = document.getElementById("email").value.trim();
    if(!email || !email.includes("@")){ alert("กรอกอีเมลให้ถูกต้องครับ"); return; }

    // ตรวจสอบไฟล์ (ถ้าไม่มีไฟล์ ค่า base64 จะว่าง)
    if(!hiddenContent.value) {
        alert("กรุณาแนบสลิปการโอนเงินก่อนกด Download ครับ");
        return;
    }

    // แสดง Loading
    const btn = document.getElementById('submitBtn');
    const loadMsg = document.getElementById('loadingMsg');
    btn.disabled = true;
    btn.textContent = "กำลังดำเนินการ...";
    loadMsg.style.display = "block";

    // หา IP Address
    try{
      const res = await fetch("https://api.ipify.org?format=json");
      const data = await res.json();
      document.getElementById("ip").value = data.ip || "";
    }catch(err){
      document.getElementById("ip").value = "unknown";
    }

    // ส่งฟอร์ม
    this.submit();
  });
</script></div></form>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">ข้อจำกัดที่ควรรู้: ระบบยังไม่มี login แยกสิทธิ์ผู้ใช้ — ใครมีลิงก์ก็เข้าใช้งานได้ เหมาะกับร้าน/ทีมที่ไว้ใจกัน</p>
</blockquote>



<h2 class="wp-block-heading">คำถามที่พบบ่อย (FAQ)</h2>



<p class="wp-block-paragraph"><strong>ไม่เก่งคอมพิวเตอร์ ใช้ได้ไหม?</strong><br>ได้ครับ ไม่ต้องเขียนโค้ดเลย ทำตามคู่มือ 5 ขั้นก็ใช้งานได้ทันที</p>



<p class="wp-block-paragraph"><strong>ข้อมูลสต็อกของร้านอยู่ที่ใคร ปลอดภัยไหม?</strong><br>ข้อมูลทั้งหมดอยู่ใน Google Sheet/Drive ของคุณเอง 100% ไม่มีการส่งข้อมูลไปที่เซิร์ฟเวอร์อื่นใด</p>



<p class="wp-block-paragraph"><strong>ใช้ได้กี่เครื่อง / กี่คน?</strong><br>เปิดลิงก์ Web App ใช้ได้พร้อมกันหลายเครื่อง/หลายคน (ระบบยังไม่มี login แยกสิทธิ์ผู้ใช้ — เหมาะกับทีมที่ไว้ใจกัน)</p>



<p class="wp-block-paragraph"><strong>มีค่าใช้จ่ายรายเดือนไหม?</strong><br>ไม่มีครับ จ่ายครั้งเดียว ฿199 ใช้ได้ตลอดไป (ใช้โควตา Gmail ส่งอีเมลของ Google ที่มีอยู่แล้วฟรี)</p>



<p class="wp-block-paragraph"><strong>อีเมลแจ้งเตือนส่งเวลาไหน แม่นยำแค่ไหน?</strong><br>ตั้งเวลาไว้ที่ 08:00 น. แต่ระบบคิวของ Google Apps Script อาจส่งช่วง 08:00–09:00 (ไม่ตรงเป๊ะนาที) — ระบุไว้ชัดเจนในหน้าตั้งค่าเพื่อไม่ให้เข้าใจผิด</p>



<h2 class="wp-block-heading">สินค้าอื่นในซีรีส์</h2>



<p class="wp-block-paragraph">ดูสินค้าอื่นในซีรีส์ SME Digital Asset ทั้งหมดที่ bookintelligent.com</p>



<h2 class="wp-block-heading">คลิปวีดีโอสอนติดตั้ง ใช้งาน</h2>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="ast-oembed-container"><iframe loading="lazy" title="[Web App พร้อมใช้งาน] ระบบจัดการสต็อกสินค้า พร้อมแจ้งเตือนสินค้าใกล้หมดทางอีเมล (Stock Inventory)" width="1200" height="675" src="https://www.youtube.com/embed/FHt6QID4JmM?start=65&amp;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>ลองดูบทความเพิ่มเติมได้ดังนี้</strong></p>



<ul class="wp-block-list">
<li><a href="https://www.bookintelligent.com/category/template-free/">Template Free Google Sheet &amp; Excel ดาวน์โหลดฟรี</a></li>



<li><a href="https://www.bookintelligent.com/passive-income-salaryman/">Passive Income สำหรับพนักงานประจำ</a></li>



<li><a href="https://www.bookintelligent.com/financial-freedom/">สร้างอิสรภาพทางการเงินได้อย่างไร</a></li>
</ul>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg" alt="" class="wp-image-2080" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-600x338.jpg 600w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-300x169.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-768x432.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ตอนนี้ ผมมีทำ <strong>[Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker)</strong> สามารถดูรายละเอียดได้ที่ <a href="https://www.bookintelligent.com/template-pro-income-expense-saving-tracker/">Link นี้</a></p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png" alt="" class="wp-image-2596" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-600x338.png 600w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-300x169.png 300w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-768x432.png 768w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1.png 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"></h2>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3745</post-id>	</item>
		<item>
		<title>[Web App พร้อมใช้งาน] ระบบ To Do List Calendar + แจ้งเตือนผ่านอีเมล ใช้งานง่ายและอัตโนมัติ</title>
		<link>https://www.bookintelligent.com/web-app-to-do-list-calendar-email-reminder/</link>
		
		<dc:creator><![CDATA[kookguu]]></dc:creator>
		<pubDate>Mon, 22 Jun 2026 15:44:39 +0000</pubDate>
				<category><![CDATA[Web App พร้อมใช้งาน]]></category>
		<guid isPermaLink="false">https://www.bookintelligent.com/?p=3662</guid>

					<description><![CDATA[📌 งานสำคัญหายไปไหน? 😅 ตั้ง reminder ไว้ในมือถือ แต่พอเด้งขึ้นมาก็ dismiss ทิ้งลิสต์งานไว้ใน Notes แต่ไม่เคยเปิดดูรู้ตัวอีกทีก็เลยกำหนดส่งไปแล้ว… ถ้าคุณเจอปัญหาแบบนี้อยู่ บทความนี้อาจเป็นคำตอบที่ใช่ให้คุณครับ 👇 ✅ ระบบนี้คืออะไร? To Do List Calendar Web App + Email Reminder คือ Web Application ที่สร้างด้วย Google Apps Script และใช้ Google Sheets เป็นฐานข้อมูล เปิดใช้งานได้ทันทีบนเบราว์เซอร์ ไม่ต้องติดตั้งซอฟต์แวร์ใดๆ เพิ่ม และที่สะดวกกว่า To Do App ทั่วไป คือระบบนี้ ส่งอีเมลแจ้งเตือนให้คุณโดยอัตโนมัติก่อนถึงเวลางาน ✨ ผ่าน Gmail / Google Workspace ของคุณเอง — ไม่ต้องสมัครบริการแจ้งเตือนเพิ่มเติมเลยแม้แต่อย่างเดียว &#8230;<p class="read-more"> <a class="" href="https://www.bookintelligent.com/web-app-to-do-list-calendar-email-reminder/"> <span class="screen-reader-text">[Web App พร้อมใช้งาน] ระบบ To Do List Calendar + แจ้งเตือนผ่านอีเมล ใช้งานง่ายและอัตโนมัติ</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">📌 งานสำคัญหายไปไหน? 😅</h2>



<p class="wp-block-paragraph">ตั้ง reminder ไว้ในมือถือ แต่พอเด้งขึ้นมาก็ dismiss ทิ้ง<br>ลิสต์งานไว้ใน Notes แต่ไม่เคยเปิดดู<br>รู้ตัวอีกทีก็เลยกำหนดส่งไปแล้ว…</p>



<span id="more-3662"></span>



<p class="wp-block-paragraph">ถ้าคุณเจอปัญหาแบบนี้อยู่ บทความนี้อาจเป็นคำตอบที่ใช่ให้คุณครับ 👇</p>



<h2 class="wp-block-heading">✅ ระบบนี้คืออะไร?</h2>



<p class="wp-block-paragraph"><strong>To Do List Calendar Web App + Email Reminder</strong> คือ Web Application ที่สร้างด้วย <strong>Google Apps Script</strong> และใช้ <strong>Google Sheets</strong> เป็นฐานข้อมูล เปิดใช้งานได้ทันทีบนเบราว์เซอร์ ไม่ต้องติดตั้งซอฟต์แวร์ใดๆ เพิ่ม</p>



<p class="wp-block-paragraph">และที่สะดวกกว่า To Do App ทั่วไป คือระบบนี้ <strong>ส่งอีเมลแจ้งเตือนให้คุณโดยอัตโนมัติก่อนถึงเวลางาน</strong> ✨ ผ่าน Gmail / Google Workspace ของคุณเอง — ไม่ต้องสมัครบริการแจ้งเตือนเพิ่มเติมเลยแม้แต่อย่างเดียว</p>



<h2 class="wp-block-heading">🔧 ฟีเจอร์หลักของระบบ</h2>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="445" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-1024x445.png" alt="หน้า Dashboard ภาพรวมงาน ระบบ To Do List Calendar Web App แสดง KPI งานเลยกำหนด งานรอดำเนินการ และปฏิทินรายเดือน" class="wp-image-3663" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-1024x445.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-300x130.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-768x334.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-1536x668.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-600x261.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12.png 1891w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">📊 หน้า Dashboard แสดงภาพรวมงานทั้งหมด พร้อม KPI การ์ดสรุปและปฏิทินรายเดือนในหน้าเดียว</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="440" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-1024x440.png" alt="หน้าจัดการงาน Task List แสดงตารางงานพร้อมตัวกรองสถานะและระดับความสำคัญ ในระบบ To Do List Calendar" class="wp-image-3665" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-1024x440.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-300x129.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-768x330.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-1536x660.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-600x258.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14.png 1902w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">📋 หน้าจัดการงานแบบตาราง ดู กรอง และแก้ไข Task ได้ละเอียดทุกรายการ</figcaption></figure>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="440" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-1024x440.png" alt="หน้าตั้งค่า Email Reminder และสรุปงานประจำวัน กำหนดอีเมลผู้รับและเวลาแจ้งเตือนอัตโนมัติ" class="wp-image-3666" style="width:1024px;height:auto" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-1024x440.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-300x129.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-768x330.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-1536x660.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-600x258.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15.png 1900w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">✉️ ตั้งค่า Email Reminder และเวลาสรุปงานประจำวันได้ตามต้องการ</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="445" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-1024x445.png" alt="ตัวอย่างอีเมลสรุปงานประจำวันที่ระบบส่งอัตโนมัติเข้า Gmail แสดงจำนวนงานวันนี้และงานที่เสร็จแล้ว" class="wp-image-3667" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-1024x445.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-300x130.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-768x333.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-1536x667.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-600x260.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16.png 1912w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">📥 ตัวอย่างอีเมลสรุปงานประจำวันที่ระบบส่งให้อัตโนมัติทุกเช้า</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="463" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-1024x463.png" alt="ตัวอย่างอีเมลแจ้งเตือนงานล่วงหน้าที่ส่งเข้า Gmail อัตโนมัติก่อนถึงเวลางาน" class="wp-image-3668" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-1024x463.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-300x136.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-768x347.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-1536x694.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-600x271.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17.png 1907w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">🔔 ตัวอย่างอีเมลแจ้งเตือนก่อนถึงเวลางานที่ตั้งไว้</figcaption></figure>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>ฟีเจอร์</th><th>รายละเอียด</th></tr></thead><tbody><tr><td>📅 ปฏิทินรายเดือน</td><td>เพิ่ม ดู แก้ไข ลบ Task บนปฏิทิน คลิกดูรายละเอียดได้ทันที</td></tr><tr><td>📊 Dashboard สรุปผล</td><td>KPI Cards แสดง Task วันนี้ งานค้าง งานเสร็จ และ Priority สูง</td></tr><tr><td>✉️ แจ้งเตือนทางอีเมล</td><td>ส่งอีเมลแจ้งเตือนอัตโนมัติก่อนถึงเวลา Task ตามที่ตั้งไว้</td></tr><tr><td>👥 กลุ่มอีเมล (Email Groups)</td><td>ตั้งกลุ่มผู้รับที่ใช้ซ้ำได้ เลือกแทรกอีเมลทั้งกลุ่มลงช่องผู้รับได้ในคลิกเดียว</td></tr><tr><td>🗒️ สรุปงานประจำวัน</td><td>ส่งอีเมลสรุป Task ทั้งหมดของวันนั้นให้อัตโนมัติทุกเช้าตามเวลาที่ตั้ง</td></tr><tr><td>🗂️ จัดหมวดหมู่</td><td>สร้าง Category พร้อมสี กำหนดหมวดหมู่ให้ Task ได้</td></tr><tr><td>📱 รองรับมือถือ</td><td>Responsive Design ใช้ได้ดีทั้ง Desktop และ Smartphone</td></tr><tr><td>☁️ ข้อมูลใน Google Sheets</td><td>ดูและแก้ไขข้อมูลได้โดยตรงใน Spreadsheet</td></tr></tbody></table></figure>



<h2 class="wp-block-heading">👥 ระบบนี้เหมาะกับใคร?</h2>



<ul class="wp-block-list">
<li>💼 <strong>คนทำงาน Freelance / WFH</strong> ที่ต้องจัดการงานหลายอย่างพร้อมกัน</li>



<li>🎓 <strong>นักศึกษา</strong> ที่มี assignment หลายวิชาและกลัวลืมกำหนดส่ง</li>



<li>📧 <strong>คนที่เช็คอีเมลเป็นประจำอยู่แล้ว</strong> ไม่อยากลง App เพิ่มแต่อยากได้รับการแจ้งเตือน</li>



<li>👨‍👩‍👧 <strong>ทีมงานเล็กๆ</strong> ที่อยากแจ้งเตือนงานเดียวกันให้คนหลายคนพร้อมกัน (ใช้ฟีเจอร์ Email Groups)</li>



<li>🏠 <strong>คนทั่วไป</strong> ที่อยากมีระบบ To Do List ส่วนตัวที่ข้อมูลอยู่กับตัวเอง ไม่ฝากไว้กับ Cloud ของคนอื่น</li>
</ul>



<h2 class="wp-block-heading">✉️ ไม่ต้องสมัครบริการเพิ่มเติมเลย (สำคัญมาก!)</h2>



<p class="wp-block-paragraph">ต่างจากระบบแจ้งเตือนผ่าน LINE ที่ต้องไปสมัคร LINE Developers และสร้าง Bot ก่อน — ระบบนี้ใช้ <strong>MailApp ของ Google Apps Script</strong> ส่งอีเมลออกจากบัญชี Gmail/Google Workspace ของคุณเองตรงๆ</p>



<p class="wp-block-paragraph">นั่นแปลว่า:</p>



<ul class="wp-block-list">
<li>ไม่ต้องสมัครบัญชีหรือบริการอีเมลภายนอกใดๆ เพิ่ม</li>



<li>ไม่มี API Key หรือ Token ให้ต้องไปขอจากที่ไหน</li>



<li>เปิดใช้งานได้ทันทีหลังจากคัดลอก Sheet มาเป็นของตัวเอง</li>
</ul>



<h2 class="wp-block-heading">📥 วิธีติดตั้งระบบ (ย่อ)</h2>



<p class="wp-block-paragraph">ระบบนี้แจกจ่ายเป็น <strong>Google Sheet พร้อมใช้งาน</strong> (มี Apps Script ผูกมาให้แล้ว) ไม่ต้องแก้โค้ดสักบรรทัด การติดตั้งมี 4 ขั้นตอนง่ายๆ:</p>



<ol class="wp-block-list">
<li><strong>เปิดลิงก์ Google Sheet ที่ได้รับ</strong> แล้วกด <strong>File &gt; Make a copy</strong> เพื่อสร้างสำเนาเป็นของคุณเอง</li>



<li><strong>Deploy เป็น Web App</strong> (Extensions &gt; Apps Script &gt; Deploy &gt; New deployment) → รับ Web App URL ของคุณเอง</li>



<li><strong>รันเมนู &#8220;⚙️ ตั้งค่าฐานข้อมูล&#8221;</strong> ในเมนู ✅ To Do Calendar ที่ขึ้นมาในชีต — ระบบสร้าง Sheet ที่จำเป็นทั้งหมดพร้อมข้อมูลตัวอย่างให้ทันที</li>



<li><strong>ตั้งค่า Email Reminder ในหน้าแอป</strong> (อีเมลผู้รับ, ชื่อผู้ส่ง, กลุ่มอีเมล, เวลาสรุปงานประจำวัน) → บันทึก → ใช้งานได้เลย</li>
</ol>



<p class="wp-block-paragraph">📄 ดาวน์โหลดคู่มือฉบับเต็มพร้อม screenshot ทุกขั้นตอนได้ด้านล่างครับ 👇</p>



<h2 class="wp-block-heading">💰 ค่าใช้จ่ายจริงๆ คือเท่าไหร่?</h2>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>รายการ</th><th>ค่าใช้จ่าย</th></tr></thead><tbody><tr><td>Google Sheets + Apps Script</td><td>✅ ฟรี</td></tr><tr><td>การส่งอีเมล (MailApp)</td><td>✅ ฟรี ใช้โควต้าบัญชี Google ของคุณเอง</td></tr><tr><td>ตัวระบบนี้</td><td>✅ ฟรี (ตามเงื่อนไขด้านล่าง)</td></tr></tbody></table></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📊 <strong>โควต้าส่งอีเมล:</strong> บัญชี Gmail ส่วนตัวส่งได้ประมาณ <strong>100 ฉบับ/วัน</strong> ส่วนบัญชี Google Workspace (องค์กร) จะได้โควต้าสูงกว่ามาก — เพียงพอสำหรับการใช้งานส่วนตัวหรือทีมเล็กๆสบายๆ</p>
</blockquote>



<h2 class="wp-block-heading">📥 ดาวน์โหลดได้เลย!</h2>



<!-- ===== BookIntelligent - Single Card Subscribe Form (All-in-One) + Image Upload ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<style>
  :root{
    --card-bg:#ffffff;
    --card-br:#eceff3;
    --shadow:0 12px 36px rgba(2,16,64,.08);
    --primary:#0A66FF;
    --primary-d:#064fd1;
    --muted:#6b7280;
    --ring:#e6f0ff;
    --coffee-bg:#f3f8ff;
    --coffee-br:#e1ecff;
    --radius:18px;
  }
  .bi-card{
    max-width:640px;margin:0 auto;padding:22px;background:var(--card-bg);
    border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);
    font-family:"Prompt",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Sarabun",sans-serif;
    color:#0f172a; line-height:1.55;
  }
  .bi-card h2{margin:2px 6px 16px;text-align:center;font-size:1.28rem;font-weight:700;letter-spacing:.2px}
  .bi-row{margin:14px 0}
  .bi-label{display:block;margin:6px 0 8px;font-size:1rem;color:#111;font-weight:500}
  .bi-input,.bi-textarea,.bi-number{
    width:100%;border:1px solid #d9dee6;border-radius:12px;background:#fff;
    padding:12px 14px;font-size:1rem;outline:none;transition:border .15s,box-shadow .15s,background .15s;
  }
  .bi-input:focus,.bi-textarea:focus,.bi-number:focus{border-color:var(--primary); box-shadow:0 0 0 4px var(--ring)}
  .bi-textarea{min-height:96px;resize:vertical}
  .bi-input::placeholder,.bi-textarea::placeholder{color:#9aa3b2}

  .coffee-box{background:var(--coffee-bg);border:1px solid var(--coffee-br);border-radius:14px;padding:14px 14px 12px;margin-top:10px}
  .coffee-title{font-weight:600;margin-bottom:6px}
  .bi-hint{font-size:.95rem;color:var(--muted)}
  .pp-row{display:flex;align-items:center;gap:10px;margin:8px 0}
  .pp-chip{background:#fff;border:1px dashed #9ac7ff;border-radius:10px;padding:8px 10px;font-weight:700;font-family:ui-monospace,Consolas,monospace}
  .copy-btn{border:1px solid #9ac7ff;background:#f2f7ff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
  .copy-btn:active{transform:translateY(1px)}

  .bi-submit{
    width:100%;margin-top:16px;padding:14px 16px;border:none;border-radius:12px;
    background:linear-gradient(180deg,#0A66FF 0%,#0958e8 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.2px;
  }
  .bi-submit:disabled{
    background: #ccc; cursor: not-allowed;
  }
  .bi-submit:hover:not(:disabled){filter:brightness(.98)}
  .bi-disclaimer{margin-top:12px;color:#c0392b;font-size:.92rem}

  /* Upload Button Style */
  .upload-box {
      border: 2px dashed #9ac7ff;
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      background: #fdfdfd;
      margin-top: 10px;
  }
  .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
  }
  .btn-upload {
      border: 2px solid #0A66FF;
      color: #0A66FF;
      background-color: white;
      padding: 8px 20px;
      border-radius: 8px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
  }
  .upload-btn-wrapper input[type=file] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
  }
  #fileNameDisplay {
      margin-top: 8px;
      font-size: 0.9rem;
      color: #0A66FF;
      font-weight: 500;
  }

  /* === Mini Scale Override (~12–18% smaller) === */
  .bi-card{ font-size:15px; padding:16px }
  .bi-card h2{ font-size:1.06rem; margin:2px 6px 12px }
  .bi-label{ font-size:.90rem }
  .bi-input,.bi-textarea,.bi-number{ padding:10px 12px; font-size:.95rem; border-radius:10px }
  .bi-textarea{ min-height:80px }
  .coffee-box{ padding:12px; border-radius:12px }
  .coffee-title{ font-size:.98rem }
  .bi-hint{ font-size:.88rem; line-height:1.6 }
  .pp-chip{ padding:6px 8px; font-size:.93rem }
  .copy-btn{ padding:6px 8px; font-size:.90rem }
  .bi-submit{ padding:12px 14px; font-size:.98rem; border-radius:10px }
  .bi-disclaimer{ font-size:.85rem }
  .promo-red{ color:#ff1f1f !important; font-weight:700; }
  .copy-btn{ color:#111 !important; }
  .copy-btn svg, .copy-btn svg path{ stroke:#111 !important; }
  .copy-btn:hover{ color:#111 !important; }

  @media (max-width:420px){
    .bi-card{ padding:14px }
    .bi-card h2{ font-size:1rem }
    .bi-input,.bi-textarea,.bi-number{ padding:9px 11px; font-size:.92rem }
    .pp-chip,.copy-btn{ font-size:.88rem }
  }
</style>

<form id="subscribeForm" class="bi-card" action="https://script.google.com/macros/s/AKfycbzy2bsbi_VbGBDJnIOXVBkp_yjDQLtEW12Y2TKSt5u7LPm0aXMQlxzBrwysp9CI7_JN/exec" method="POST">
  <h2>ดาวน์โหลดโปรแกรม</h2>

  <!-- Email -->
  <div class="bi-row">
    <label class="bi-label" for="email">📩อีเมล Email <span class="promo-red">(บังคับ)</span></label>
    <input class="bi-input" type="email" id="email" name="email" required="" placeholder="name@gmail.com">
  </div>


<!-- หัวข้อ Subscribe YouTube -->
<div class="bi-row" style="margin-top:10px;">
  <div style="display:flex; align-items:center; gap:6px;">
    <label style="font-weight:600;">📺 Subscribe YouTube</label>
    <span class="promo-red">(บังคับ)</span>
  </div>

<div class="bi-hint" style="margin-bottom:10px;">อัปเดต Template และ ระบบอัตโนมัติใหม่ก่อนใครที่นี่</div>
  <a href="https://www.youtube.com/@bookintelligent6509" target="_blank" style="display:inline-block; background:#ff0000; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; font-weight:600;" rel="noopener">
     🔔 Subscribe ช่อง BookIntelligent
  </a>
</div>


  <!-- กล่องกาแฟ (คอลัมน์ R = donation) -->
  <div class="coffee-box">
    <div class="coffee-title">☕ สนับสนุนค่ากาแฟ <span class="bi-hint"></span></div>

    <!-- ปรับปรุงข้อความใหม่ตรงนี้ -->
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        Webapp ตัวนี้จริง ๆ แล้ว หากไปดูตามคนที่ติดตั้งอยู่ระหว่าง 1,500-3,000 บาท<br>
        แต่ผมอยากแบ่งปันให้ทุกคนได้ใช้งานในราคาที่เข้าถึงได้<br>
        เพียงคุณ <strong style="color:#0A66FF">เลี้ยงกาแฟผม 1 แก้ว (125 บาท)</strong>
    </p>
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        คุณจะได้รับ Template Web App ระบบจัดการงานตัวเต็ม พร้อมใช้งานทันที<br>
        ทุกการสนับสนุนของคุณ คือกำลังใจสำคัญที่ทำให้ผมมีแรงสร้างคอนเทนต์ดี ๆ แบบนี้มาแบ่งปันกันต่อไป 🙏<br>
        <b>ขอบคุณจากใจจริงครับ ❤️</b>
    </p>

    <!-- ข้อมูลการโอน -->
    <div class="bi-hint" style="margin-top:15px; font-weight:600;">พร้อมเพย์</div>
    <div class="pp-row">
      <span class="pp-chip" id="bank-number">1100400603389</span>
      <button class="copy-btn" type="button" id="copyBank">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 9h9v9H9z" stroke="#2563eb" stroke-width="2"></path><path d="M6 6h9v9" stroke="#2563eb" stroke-width="2"></path></svg>
        คัดลอก
      </button>
    </div>
    <label class="bi-label" for="donation">ชื่อบัญชี: นาย ศิริพงษ์ โรจน์ชัยวิริยะกุล</label>

    <!-- ส่วนแนบสลิป แก้ไขตามที่ขอ -->
    <div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">
        ☕ สนับสนุนค่ากาแฟ 125 บาท เพื่อรับ Template นี้

    <label class="bi-label" style="margin-top:15px;">🧾 แนบสลิปการโอน <span class="promo-red">(บังคับ)</span></label>
    <div class="upload-box">
        <div class="upload-btn-wrapper">
          <button class="btn-upload" type="button">เลือกรูปสลิป (Click)</button>
          <input type="file" id="slipInput" accept="image/*" required="">
        </div>
        <div id="fileNameDisplay">ยังไม่ได้เลือกไฟล์</div>
    </div>

  </div>

  <!-- Hidden fields -->
  <input type="hidden" name="source" value="Web App To Do List + Email">
  <input type="hidden" name="type" value="Template Web App">
  <input type="hidden" id="ip" name="ip" value="">

  <!-- Hidden fields สำหรับไฟล์รูปภาพ -->
  <input type="hidden" id="fileContent" name="fileContent">
  <input type="hidden" id="fileMimeType" name="fileMimeType">
  <input type="hidden" id="fileName" name="fileName">

  <button class="bi-submit" id="submitBtn" type="submit"> Download </button>
  <div id="loadingMsg" style="display:none; text-align:center; color:#0A66FF; margin-top:10px;">กำลังอัปโหลด&#8230; กรุณารอสักครู่</div>

  <div style="margin-top:12px; text-align:center; font-size:0.9rem; color:#9aa3b2;">
    หลังโอนถ้าติดปัญหาสามารถทักมาสอบถามได้ที่ LINE ID : <b>@741imcyw</b> หรือ <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" style="color:#9aa3b2; text-decoration:underline;" rel="noopener">คลิกที่นี่</a>
  </div>

  <div class="bi-disclaimer">
    ไม่อนุญาตให้นำไฟล์ไปจำหน่าย แจกจ่าย หรือเปิดให้ดาวน์โหลดต่อสาธารณะ
  </div>


<script>
  // 1. คัดลอกเลขพร้อมเพย์
  document.getElementById('copyBank').addEventListener('click', async () => {
    const text = document.getElementById('bank-number').textContent.replace(/\s/g,'').trim();
    try{
      await navigator.clipboard.writeText(text);
      alert('คัดลอกหมายเลขแล้ว');
    }catch(e){
      alert('คัดลอกไม่สำเร็จ ลองอีกครั้งครับ');
    }
  });

  // 2. จัดการไฟล์รูปภาพ (แปลงเป็น Base64)
  const fileInput = document.getElementById('slipInput');
  const fileNameDisplay = document.getElementById('fileNameDisplay');
  const hiddenContent = document.getElementById('fileContent');
  const hiddenMime = document.getElementById('fileMimeType');
  const hiddenName = document.getElementById('fileName');

  fileInput.addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var file = this.files[0];

          // แสดงชื่อไฟล์
          fileNameDisplay.textContent = "✅ " + file.name;
          fileNameDisplay.style.color = "#06C755";

          // อ่านไฟล์
          var reader = new FileReader();
          reader.onload = function(e) {
              // ดึงเฉพาะข้อมูล Base64 (ตัด header data:image/...;base64, ออก)
              var result = e.target.result;
              var base64 = result.split(',')[1];
              var mime = result.split(';')[0].split(':')[1];

              hiddenContent.value = base64;
              hiddenMime.value = mime;
              hiddenName.value = file.name;
          };
          reader.readAsDataURL(file);
      } else {
          fileNameDisplay.textContent = "ยังไม่ได้เลือกไฟล์";
          fileNameDisplay.style.color = "#0A66FF";
          hiddenContent.value = "";
          hiddenMime.value = "";
          hiddenName.value = "";
      }
  });

  // 3. จัดการ Submit Form
  document.getElementById("subscribeForm").addEventListener("submit", async function(e){
    e.preventDefault();

    // ตรวจสอบ Email
    const email = document.getElementById("email").value.trim();
    if(!email || !email.includes("@")){ alert("กรอกอีเมลให้ถูกต้องครับ"); return; }

    // ตรวจสอบไฟล์ (ถ้าไม่มีไฟล์ ค่า base64 จะว่าง)
    if(!hiddenContent.value) {
        alert("กรุณาแนบสลิปการโอนเงินก่อนกด Download ครับ");
        return;
    }

    // แสดง Loading
    const btn = document.getElementById('submitBtn');
    const loadMsg = document.getElementById('loadingMsg');
    btn.disabled = true;
    btn.textContent = "กำลังดำเนินการ...";
    loadMsg.style.display = "block";

    // หา IP Address
    try{
      const res = await fetch("https://api.ipify.org?format=json");
      const data = await res.json();
      document.getElementById("ip").value = data.ip || "";
    }catch(err){
      document.getElementById("ip").value = "unknown";
    }

    // ส่งฟอร์ม
    this.submit();
  });
</script></div></form>



<h2 class="wp-block-heading">🎥 วิดีโอสอนใช้งาน</h2>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="ast-oembed-container"><iframe loading="lazy" title="[Web App พร้อมใช้งาน] ระบบ To Do List Calendar + แจ้งเตือนผ่านอีเมล ใช้งานง่ายและอัตโนมัติ" width="1200" height="675" src="https://www.youtube.com/embed/gwLivSU9Te8?start=12&amp;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>



<h2 class="wp-block-heading">🧾 สรุปและเนื้อหาที่เกี่ยวข้อง</h2>



<p class="wp-block-paragraph">ระบบนี้คือเวอร์ชัน <strong>Email Reminder</strong> ของชุด To Do List Calendar Web App — ถ้าใครอยากได้แจ้งเตือนผ่าน LINE แทน สามารถดูเวอร์ชันต้นฉบับได้ที่:</p>



<p class="wp-block-paragraph">🔗 <a href="https://www.bookintelligent.com/web-app-to-do-list-calendar-line-reimider/">To Do List Calendar Web App + LINE Reminde</a>r</p>



<h2 class="wp-block-heading">🙋 คำถามที่พบบ่อย</h2>



<p class="wp-block-paragraph"><strong>Q: ต้องมีความรู้ด้านโค้ดไหม?</strong><br>A: ไม่จำเป็นครับ แค่กด Make a copy ที่ Google Sheet แล้ว Deploy เป็น Web App ตามคู่มือ ไม่ต้องแก้โค้ดสักบรรทัด ทุกคนทำได้</p>



<p class="wp-block-paragraph"><strong>Q: ข้อมูลงานเราจะปลอดภัยไหม?</strong><br>A: ข้อมูลทั้งหมดเก็บใน Google Sheets ของคุณเอง (สำเนาที่คุณคัดลอกไว้) ไม่ผ่าน server ใดๆ ของเรา</p>



<p class="wp-block-paragraph"><strong>Q: ส่งอีเมลฟรีพอใช้ไหม?</strong><br>A: บัญชี Gmail ส่วนตัวส่งได้ ~100 ฉบับ/วัน เพียงพอสำหรับใช้ส่วนตัวหรือทีมเล็กๆครับ ถ้าใช้บัญชี Google Workspace จะได้โควต้าสูงกว่ามาก</p>



<p class="wp-block-paragraph"><strong>Q: ใช้ได้กับมือถือไหม?</strong><br>A: ได้ครับ Web App รองรับ Responsive ใช้งานได้ทั้ง Desktop และ Smartphone</p>



<p class="wp-block-paragraph"><strong>Q: ตั้งชื่อแบรนด์ของตัวเองในอีเมลที่ส่งออกได้ไหม?</strong><br>A: ได้ครับ มีช่อง &#8220;Sender Display Name&#8221; ในหน้า Setup เปลี่ยนเป็นชื่อแบรนด์/บริษัทของคุณได้เลย จะไปอัปเดตทั้งหัวข้ออีเมลและตัวอีเมลให้อัตโนมัติ</p>



<p class="wp-block-paragraph"><strong>Q: ถ้าติดปัญหาการติดตั้งทำอย่างไร?</strong><br>A: มีคู่มือ FAQ ครบถ้วนในเอกสารที่แนบมาให้ และติดต่อผมได้โดยตรงครับ</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>ลองดูบทความเพิ่มเติมได้ดังนี้</strong></p>



<ul class="wp-block-list">
<li><a href="https://www.bookintelligent.com/category/template-free/">Template Free Google Sheet &amp; Excel ดาวน์โหลดฟรี</a></li>



<li><a href="https://www.bookintelligent.com/passive-income-salaryman/">Passive Income สำหรับพนักงานประจำ</a></li>



<li><a href="https://www.bookintelligent.com/financial-freedom/">สร้างอิสรภาพทางการเงินได้อย่างไร</a></li>
</ul>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg" alt="" class="wp-image-2080" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-600x338.jpg 600w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-300x169.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-768x432.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ตอนนี้ ผมมีทำ <strong>[Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker)</strong> สามารถดูรายละเอียดได้ที่ <a href="https://www.bookintelligent.com/template-pro-income-expense-saving-tracker/">Link นี้</a></p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png" alt="" class="wp-image-2596" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-600x338.png 600w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-300x169.png 300w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-768x432.png 768w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1.png 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"></h2>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3662</post-id>	</item>
	</channel>
</rss>
