<!DOCTYPE html>
<html>
<head>
<title>LnwShop เลือก LnwShop ! แพลทฟอร์มออนไลน์ตัวตึงของคนไทย</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="https://www.lnwshop.com/system/application/modules/lnwshopweb/_css/lnwbox.css" />
<link rel="stylesheet" type="text/css" href="https://www.lnwshop.com/system/application/modules/lnwshopweb/_css/slick.css" />
<link rel="stylesheet" type="text/css" href="https://www.lnwshop.com/external/materialdesign/materialdesignicons.min.css" />
<link rel="stylesheet" type="text/css" href="https://www.lnwshop.com/system/application/modules/lnwshopweb/_css/tailwind/dist/v3.css?t=20250225153256" />
<link rel="stylesheet" type="text/css" href="https://www.lnwshop.com/system/application/modules/lnwshopweb/_css/lnw_icon.css" />
<link rel="preload" type="text/css" href="https://www.lnwshop.com/system/application/modules/lnwbar/_css/color_style.min.css?t=20240515" as="style" onload="this.onload=null;this.rel='stylesheet'" />
<link rel="preload" type="text/css" href="https://www.lnwshop.com/system/application/modules/lnwbar/_css/lnw_icon.min.css?t=20220616" as="style" onload="this.onload=null;this.rel='stylesheet'" />
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/external/jquery/jquery-1.12.4.min.js"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WTZBJP6');</script>
<!-- End Google Tag Manager -->
<script language="javascript">
function base_url (uri) {return "https://www.lnwshop.com/"+(uri===undefined?"":uri);}
function site_url (uri) {return "https://www.lnwshop.com/"+(uri===undefined?"":uri);}
function template_url(uri) {return ""+(uri===undefined?"":uri);}
</script>
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/external/vue.min.js"></script>
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_js/jquery.inview.min.js"></script>
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_js/slick.min.js"></script>
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/system/application/js/jquery.lnwajax.js?t=20220909"></script>
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/external/vuetify-2.6.11/vuetify.min.js"></script>
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/system/application/js/jquery.lnwbox2.js"></script>
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/system/application/modules/lnwhost/_js/core.js"></script>
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/system/application/js/jquery.lnwajax.js?t=20220912"></script>
<script language="JavaScript" type="text/javascript" src="https://www.lnwshop.com/system/application/js/jquery.cookie.js"></script>
<script language="JavaScript" type="text/javascript">
var LNWACCOUNTS_COOKIE_DATA = 'V35SNFRzC25TbwYyAm0KfFN0UTQAa1NpXG1eMgEpVQ0HIVw8AzBeUlpiBGdUJwM7UikGbFR3XH0EI104VT5TaVxtUj5UfFAIU3EBYVFzUXFXb1I6VGsLVlNjBjkCIQo9U3RRZQA1UzFcPl5lAWxVZQc3XG4DMV46WjsEOlQ0AzZSMwY5VDRcYgQxXT9VYVMzXDpSY1RqUDJTNAEwUWNRO1djUndUKQsrU2sGPgJgCmhTI1E5AHNTX1xhXjgBf1VoB2ZcdQNwXlJafgRzVGEDYFJ_BjhUMVwOBHVdMlU_U2VcKlJqVGZQIlNuAWhRLFEgV3JSPFRoC2xTeAZ_AjkKNlNhUWMAM1M4XDxeawFlVWsHZ1x1A3BeaFpzBHdUdwNgUikGZ1Q7XCQEbV03VS8=';
</script> <meta name="description" content="เปิดเว็บขายของกับเทพช็อป การันตีกว่า 900,000 ร้าน พร้อมให้คุณขายได้ทุกช่องทาง เว็บไซต์ .com Lazada, Shopee, Line Shop, Tiktok Shop, Facebook Shop, Google Shopping, Instagram Shopping ด้วยระบบจัดการหลังร้านที่สมบูรณ์และเทพที่สุด เริ่มทำตามความฝันได้เลย!" />
<meta name="keywords" content="ร้านค้าออนไลน์, เว็บขายของ, e-commerce, เว็บไซต์, เทพ, สร้างเว็บไซต์ฟรี, เปิดร้านค้า, ช้อปปิ้ง " />
<meta name="author" content="LnwShop Co., Ltd.">
<meta name="google-site-verification" content="7qaQN077T6IgZjqOqVOb60BdYP5UvmH2PsRqu03DgkA" />
<meta name="google-site-verification" content="DOQ0VSkoVbSZvPdqhVNavm0gZU1wef3gaimnsPEHEF0" />
<meta name="facebook-domain-verification" content="eebieljiy6bgs2v5simvwgnmgk34n0" />
<meta property="og:title" content="LnwShop เลือก LnwShop ! แพลทฟอร์มออนไลน์ตัวตึงของคนไทย" />
<meta property="og:description" content="เปิดเว็บขายของกับเทพช็อป การันตีกว่า 900,000 ร้าน พร้อมให้คุณขายได้ทุกช่องทาง เว็บไซต์ .com Lazada, Shopee, Line Shop, Tiktok Shop, Facebook Shop, Google Shopping, Instagram Shopping ด้วยระบบจัดการหลังร้านที่สมบูรณ์และเทพที่สุด เริ่มทำตามความฝันได้เลย!" />
<meta property="og:image" content="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/fb_profile_picture_200.png" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.lnwshop.com/" />
<meta property="fb:app_id" content="401482799894476" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-18903793-7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-18903793-7');
gtag('config', 'G-WMDGXCTT00');
</script>
<script type="text/javascript">
window._lckd = window._lckd || [];
function _lck(){window._lckd.push(arguments);}
_lck('config',{"customize":{"color":"#00a4f1","size":"small"}});
</script>
<script async defer src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_js/cookie_policy.js?t=20240612"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
'analytics_storage': 'granted',
'ad_storage': 'granted',
'wait_for_update': 500
});
</script>
<link rel="canonical" href="https://www.lnwshop.com" />
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"url": "https://www.lnwshop.com/",
"name": "LnwShop เลือก LnwShop ! แพลทฟอร์มออนไลน์ตัวตึงของคนไทย",
"description": "เปิดเว็บขายของกับเทพช็อป การันตีกว่า 900,000 ร้าน พร้อมให้คุณขายได้ทุกช่องทาง เว็บไซต์ .com Lazada, Shopee, Line Shop, Tiktok Shop, Facebook Shop, Google Shopping, Instagram Shopping ด้วยระบบจัดการหลังร้านที่สมบูรณ์และเทพที่สุด เริ่มทำตามความฝันได้เลย!",
"image": ["https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/fb_profile_picture_200.png"],
"logo": "https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/lnwshop_new_logo.png",
"contactPoint": [{
"@type": "ContactPoint",
"telephone": "+66 807701700",
"contactType": "customer service"
},{
"@type": "ContactPoint",
"telephone": "+66 862010200",
"contactType": "customer service"
}]
}
</script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<link rel="shortcut icon" href="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/mobile/favicon.ico" />
<link rel="icon" href="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/mobile/favicon.ico"/>
</head>
<body>
<!-- 8b216d8426e0d2b187c0.r---LJLqAjz84B8BagXUF8Bp.af3dd49fa32900129dcc -->
<!-- 4c42de0dc50049efb875.r--6JNPsAlzLoB8JafYQF85p.b4652b731171fa654f50 -->
<!-- c2c158555d4be4a92090.r--6JNPqAlzLoB8JafYQF85p.8a66c102194fd04d6f6d -->
<!-- 2bde7a9e2060fd0baf72.lMbO7n9Mt3KBtFU-bZYp.d57bb14b1c9a78e670c7 - 0.2312 -->
<div id="lb" class="lb_lnwshop">
<div id="lbWrapper">
<div id="lbProduct">
<div class="main">
<img src="https://www.lnwshop.com/system/application/modules/lnwbar/_images/logo2016/lnwshop_white.png" alt="lnwshop logo" />
</div>
</div>
<div id="lbMember">
<a href="https://lnw.me/account/3/login?lnw_service=lnwshopweb&request_token_data=85b4887e2a28d73edb5b.Yk-juRPH7nyLqf4OhK-ubV3fPGXcyPIPSnJDTkgC8C8UHPk-urPI9kexY7Nrr_=Z0ZKjBaz0i-GoPbuxXb2h-8FSfnii61hJ1juJpQMOIYZEk60_LLyKYhbxM-sJaviCVRMdrwsl02kuIEWQtqNpgDdsbjdfY3KeaFqAucnOocDPkUgNiUJ5YwrTyKQZ3sbYKLB48qUM0QkROrKZR4PbZF6pPEVbOgvIi5KbbJAgmfOACQmAorDprhM7Rw-kQ0VQCLUSMBl2-NRnRua8=LkeRE_-O9I=84Tsc--a99ezSkWViY_plG6df7t--dXmNPriSBoPDKeuL5BB9iSE=Co3OVPfqISfOaKGIdb_IkTAB6Rxb=K0lK14MUcGEHab.acd653f1674e9819fbb0" rel="nofollow" class="lblogin"><span class="ico"></span><span class="txt"> เข้าสู่ระบบ</span></a><a href="https://lnw.me/account/register?lnw_service=lnwshopweb&request_token_data=2924efe01443ee112840.Yk-juRPH7ryLqfoOhK-ubVMfTGXcyPIPSnJSQlgC8C8UHPk-=sfI9kexY7N6r_uZ0ZKjBaX0i-GXPbuxXb2--8FS5nii61hJSjuJpQMOIYZEk_0GLLyKYhbxM-sJpviCVRMdrwsl0akuIEWQ_qNpgDPsbidfY7KeaFqAbcn_ocnPkUgNiLJ5YwrOyKQZ3sbYKLB4rqUM0-kTOrKZR4PbZF6p_EVbOgKIi5KcbCAgmfOpCQmAIrUprhM7Jw-kQ0V_CLUSMel2-NRnRua8=LEeRE_-O9I=84Tsc--aL9ezRkWOiY_pl_6df7t--dXmNPpuSBoPDKeuL5B59iSE=Co3OVPfaISfOaKGIdbrITTAB67xb=K0bKt4MUsdEHab.80e25f94082e57ab59f3" class="lbregister" rel="nofollow"><span class="ico"></span><span class="txt"> สมัครสมาชิก</span></a>
</div>
</div>
</div>
<div id="body" >
<div id="nv_container"
class="top-0 z-30 antialiased"
:class="(current == 'app')?'fixed w-full':'sticky'">
<div v-if="loading"
class="lnwshop-loading"
@click="hideBigLoading">
<img class="h-6 xl:h-7"
src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/lnwshop_logo_v3.png">
</div>
<nav class="h-16 backdrop-blur-lg overflow-visible"
:class="(is_show_sitemap || is_show_menu)?'bg-white/90':'bg-white/70'">
<div class="container flex justify-between items-center mx-auto md:gap-1 lg:gap-4 h-full tracking-wider">
<div class="flex items-center gap-x-2 md:gap-x-4 h-full">
<div id="nav-menu"
@click="toggleMenu()"
class="inline-flex text-center items-center xl:hidden w-9 h-9 ml-[-0.5rem] focus:outline-none">
<span class="w-full fa text-2xl"
:class="is_show_menu?'icon-x':'icon-menu'"></span>
</div>
<a href="https://www.lnwshop.com/"
class="flex items-center shrink-0 grow-0"><img class="!h-4 xl:!h-5"
src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/lnwshop_logo_v3.png"></a>
<div class="flex items-center justify-between grow">
<ul class="hidden xl:flex flex-row justify-start items-center md:gap-1 2xl:gap-4">
<li v-for="(menu,key) in menus">
<a :href="'https://www.lnwshop.com/' + key"
class="block transition-all px-2 xl:px-3 text-xs lg:text-sm font-bold hover:text-black hover:underline hover:underline-offset-8 decoration-slate-400 tracking-wider"
:class="[
(current == key)?('text-'+ key):'',
{
'bg-clip-text bg-gradient-to-r from-purple-500 from-10% via-sky-500 via-60% to-teal-400 text-transparent' : (current == key && current == 'all'),
'border-l border-l-neutral-300 md:!pl-6 2xl:!pl-8 !ml-2' : key == 'pro'
}
]"
v-text="menu"></a>
</li>
</ul>
<ul class="flex flex-row justify-end items-stretch grow md:gap-1 2xl:gap-4">
<li v-for="(menu,key) in second_menus"
class="hidden xl:flex items-center">
<a :href="'https://www.lnwshop.com/' + key"
class="block transition-all px-2 xl:px-3 text-xs lg:text-sm leading-5 hover:text-black hover:underline hover:underline-offset-8 decoration-slate-400"
:class="(current == key?'text-sky-400':'')"
v-text="menu"></a>
</li>
<li @mouseover="toggle_sitemap(true)"
@mouseleave="toggle_sitemap(false)"
class="hidden xl:flex items-stretch">
<div class="flex gap-x-1 items-center transition-all px-2 xl:px-3 text-xs lg:text-sm leading-5 hover:text-black cursor-pointer my-[-12px]">
เรียนรู้
<span class="fa inline-block !text-[inherit] !text-[14px] align-text-bottom icon-chevron-down transition-all"
:class="is_show_sitemap?'-rotate-180':''"></span>
</div>
</li>
<li class="xl:flex items-center mr-0">
<a @click="onLoginButtonClick()"
:href="!userdata.is_login?'https://lnw.me/account/3/login?lnw_service=lnwshopweb&request_token_data=cc9a7999125bb5d0298e.Yk-juRPH7ByRqfUOhK-ubVvfBGXcyPIPSnJRk1gC8C8UHPk-ujGI9kexY7NKr_MZ0ZKfBa00i-GDPbuxXb2F-8FSRnii61hJ_juJpQMOIYZEk50=LLyKYhbxS-sJcviCWRMdrwsl0_kuIEWQPqNpgDlsbidfYKKeaFqAUcn_ocnPkUgNiKJ5YwrSyKQZ3sbYKLB4LqUM0ykUOrKZR4PbaF8pzEVbOg3Ii5KMb2AgmfOiCQmAQrNprhM7Fw-kQ0VfCLUSMRl2-NRnRua8=L1eRE_-O9I=84Tsc--a99ezHkWHiY_pl26df7t--dXmNPlWSkoPDKe_L5Bi9iSE=Co3OVPfqISfOaKGIdbCIDTAB6Qxb=K0lKQ4MUsKEHab.87e2e6deb5de22f8c2ec':'javascript:void(0)'"
:class="(userdata.is_login?'p-0 mr-4 md:mr-0':'px-2')"
class="inline-block align-middle cursor-pointer transition-all xl:px-3 text-xs lg:text-sm leading-5 hover:text-black hover:underline hover:underline-offset-8 decoration-slate-400">
<template v-if="userdata.is_login">
<div class="rounded-full overflow-hidden border-white"
:class="current == 'me'?'border-2 border-lnwblue':''">
<img :src="userdata.avatar"
class="bg-slate-100 w-[36px]"/>
</div>
</template>
<template v-else>
เข้าสู่ระบบ
</template>
</a>
</li>
</ul>
</div>
</div>
<a v-if="order_count"
:href="site_url('order/summary')"
:class="'!bg-' + current"
class="btn-blue rounded shadow-none md:shadow-md max-md:rounded-lg text-sm !py-2 lg:!py-2.5 !px-6 max-md:!px-5"> สั่งซื้อทันที
<span class="inline-block align-text-bottom bg-red-500 rounded-full w-[16px] h-[16px]"
style="font-size: 10px; line-height: 16px;">{{order_count}}</span> </a>
<div v-else
@click="letsTalk(current, '', '')"
:class="'!bg-' + current"
class="btn-blue rounded shadow-none md:shadow-md max-md:rounded-lg text-sm !py-2 lg:!py-2.5 !px-6 max-md:!px-5 ">
<span>สนใจ</span><span class="hidden md:inline-block">ใช้งาน</span>
</div>
</div>
</nav>
<transition name="slide-fade-up">
<div v-if="is_show_sitemap"
class="absolute left-0 top-16 w-screen h-screen backdrop-blur-md z-50"
style="max-height : 100dvh">
<div class="relative z-20 flex flex-col items-stretch h-full overflow-y-scroll"
style="max-height: calc(100vh - 64px);">
<div class="w-full bg-white/90 backdrop-blur-md"
@mouseover="is_show_sitemap = 'always'"
@mouseleave="is_show_sitemap = false">
<div class="container pb-20 md:pb-6 3xl:pb-12 md:pt-6">
<div @click="toggle_sitemap()"
class="md:hidden">
<div class="flex items-center py-3 h-16 overflow-hidden gap-x-2">
<span class="fa inline-block align-text-bottom icon-chevron-left"></span> กลับเมนู
</div>
</div>
<div section="sitemap" class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3 lg:gap-4 lg:grid-cols-5 pt-4 mb-3 lg:mb-6 text-sm leading-4">
<div>
<b class="block mb-4">LnwShop Packages</b>
<ul>
<li><a href="https://www.lnwshop.com/webstore">Webstore</a></li>
<li><a href="https://www.lnwshop.com/marketplace">Marketplace</a></li>
<li><a href="https://www.lnwshop.com/social">Social</a></li>
<li><a href="https://www.lnwshop.com/all-in-one">All-in-one</a></li>
<li><a href="https://www.lnwshop.com/pro" target="_blank">สำหรับธุรกิจองค์กร / บริษัท (Pro)</a></li>
</ul>
<b class="block mt-12 md:mt-8 mb-3">Shop and Learn</b>
<ul>
<li><a href="https://www.lnwshop.com/pricing">ราคาค่าบริการ</a></li>
<li><a href="https://www.lnwshop.com/compare">เปรียบเทียบแพ็คเพจ</a></li>
<li><a href="https://www.lnwshop.com/feature">ความสามารถทั้งหมด</a></li>
<li><a href="https://www.lnwshop.com/compare_wordpress">LnwShop vs WordPress</a></li>
<li><a href="https://www.lnwshop.com/why-you-need-website">ทำไมต้องมีเว็บไซต์ ?</a></li>
<li><a href="https://www.lnwshop.com/customers">แบรนด์ที่เลือกใช้เทพช็อป</a></li>
<li><a href="https://www.lnwshop.com/demo">Website Demo</a></li>
<li><a @click="letsTalk(current)" class="cursor-pointer">สนใจใช้งาน</a></li>
<li class="underline underline-offset-4"><a href="https://www.lnwshop.com/payment/submit" class="cursor-pointer">แจ้งชำระเงิน</a></li>
</ul>
</div>
<div>
<b class="block mb-4">Sell Channels</b>
<ul>
<li><a href="https://www.lnwshop.com/app/online_store">เว็บหน้าร้านออนไลน์</a></li>
<li class="mt-4"><a href="https://www.lnwshop.com/app/lazada">Lazada</a></li>
<li><a href="https://www.lnwshop.com/app/shopee">Shopee</a></li>
<li><a href="https://www.lnwshop.com/app/line_shopping">Line Shopping</a></li>
<li><a href="https://www.lnwshop.com/app/tiktok_shop">TikTok Shop</a></li>
<li><a href="https://www.lnwshop.com/app/facebook_shop">Facebook Shop</a></li>
<li><a href="https://www.lnwshop.com/app/ig_shopping">Instagram Shopping</a></li>
<li><a href="https://www.lnwshop.com/app/google_shopping_tab">Google Shopping</a>
</li>
<li class="mt-4">
<a href="https://www.lnwshop.com/app/facebook_messenger">บรอดแคสท์ Messenger</a>
</li>
<li><a href="https://www.lnwshop.com/app/dropship">ผ่านตัวแทน Dropship</a></li>
<li><a href="https://www.lnwshop.com/app/affiliate">Affiliate, Influencer, KOL</a></li>
<li><a href="https://www.lnwshop.com/app/pos">หน้าร้าน POS (Mobile)
<li><a href="https://www.lnwshop.com/app/chat_commerce">Chat Commerce </a></li>
</ul>
</div>
<div class="">
<b class="block mb-4">Solutions</b>
<ul>
<li><a href="https://www.lnwshop.com/custom_design">ออกแบบหน้าเว็บไซต์</a></li>
<li ><a href="https://www.lnwshop.com/app/regis_domain">จดโดเมน .com และสกุลอื่น</a></li>
<li class="mt-4"><a href="https://www.lnwshop.com/app/google_ads">โฆษณา Google (Shopping)</a>
</li>
<li><a href="https://www.lnwshop.com/app/facebook_ads">โฆษณา Facebook (Dynamic)</a></li>
<li>
<a href="https://www.lnwshop.com/app/conversion_tracking">ติด Conversion Tracking</a>
</li>
<li class="mt-4">
<a href="https://www.lnwshop.com/app/smart_print">พิมพ์บาร์โค้ด ใบปะหน้าพัสดุ</a>
</li>
<li>
<a href="https://www.lnwshop.com/app/lnwexpress">เชื่อมขนส่งออกรหัสอัตโนมัติ</a>
</li>
<li><a href="https://www.lnwshop.com/app/staff_member">ระบบทีมงาน Admin</a></li>
<li><a href="https://www.lnwshop.com/app/google_workspace">Google Workspace</a></li>
<li class="mt-4">
<a href="https://www.lnwshop.com/app/tax_invoice">ระบบใบกำกับภาษี</a></li>
<li><a href="https://www.lnwshop.com/app/etax">e-Tax Invoice / e-Receipt</a></li>
<li><a href="https://www.lnwshop.com/app/lnwpay">รับชำระผ่านบัตรเดรดิต / QR</a>
</li>
<li>
<a href="https://www.lnwshop.com/app/scb_digital_lending">สินเชื่อเพื่อธุรกิจออนไลน์</a>
</li>
</ul>
</div>
<div>
<b class="block mb-4">Affiliate Program</b>
<ul>
<li><a href="https://www.lnwshop.com/affiliate">รับรายได้จากการแนะนำ LnwShop</a></li>
</ul>
<b class="block mt-12 md:mt-8 mb-3">Lnw's</b>
<ul>
<li><a href="https://www.lnwshop.com/">LnwShop</a></li>
<li><a href="https://www.lnwshop.com/pro" target="_blank">LnwShop Pro</a></li>
<li><a href="https://www.lnwshop.com/app/lnwexpress">LnwExpress</a></li>
<li><a href="https://www.lnwpay.com/" target="_blank">LnwPay.com</a></li>
<li><a href="http://www.lnwdropship.com/"
target="_blank">LnwDropship.com</a></li>
<li><a href="https://www.lnw.me"
target="_blank">Lnw.me</a></li>
</ul>
<b class="block mt-12 md:mt-8 mb-3">General</b>
<ul>
<li><a href="https://blog.lnw.co.th/join-lnw/"
target="_blank">สมัครงานกับ Lnw</a></li>
<li><a href="https://www.lnwshop.com/privacypolicy">นโยบายความเป็นส่วนตัว</a></li>
<li><a href="https://www.lnwshop.com/termofservice">ข้อตกลงการใช้งาน</a></li>
<li><a href="javascript:void(0)"
onclick="_lnwck_show_detail()">ตั้งค่าคุกกี้ใช้งาน</a></li>
</ul>
</div>
<div class="max-sm:cols-span-2 max-sm:flex max-sm:gap-8">
<div>
<b class="block mb-4">Support</b>
<ul>
<li><a href="https://www.lnwshop.com/pricing#faq">คำถามที่พบบ่อย</a></li>
<li><a @click="contactUs()"
class="cursor-pointer">ติดต่อทีมงานช่วยเหลือ</a></li>
<li><a href="mailto:support@LnwShop.com">support@LnwShop.com</a></li>
<li>
<a href="tel:02 026 6403">02 026 6403</a>
<div class="text-xs border-l-2 pl-3 mt-1 mb-3 text-minor border-slate-200">เวลา 9:00 - 18:00 น.<br>เฉพาะ จ-ศ. เว้นวันหยุดนักขัตฤกษ์
</div>
</li>
<li><a target="_blank"
href="https://blog.lnw.co.th/category/all-posts/lnw-product/lnwshop/review-shop/">รีวิวร้านค้าเทพช็อป</a></li>
<li><a target="_blank"
href="https://blog.support.lnw.co.th/help-category/start/">คู่มือการใช้งาน</a></li>
<li><a target="_blank"
href="https://blog.lnw.co.th">Blog / Stories</a></li>
<li><a target="_blank"
href="https://blog.lnw.co.th/category/all-posts/lnw-product/lnwshop/updates-features/">LnwShop Updates</a>
</li>
</ul>
</div>
<div class="min-w-full ">
<b class="block md:mt-8 mb-3">Follow Us</b>
<div class="inline-flex flex-wrap flex-row justify-start mt-0">
<a target="_blank"
href="https://www.facebook.com/lnwshop"
class="inline-flex items-center justify-center hover:no-underline lg:ml-[-10px] ml-[-5px] w-[24px] xl:w-[36px] h-[36px] rounded-full hover:bg-gray-300 mr-2"><i class="social-font font-facebook text-gray-600 scale-75"></i></a>
<a target="_blank"
href="http://www.twitter.com/lnwshop"
class="inline-flex items-center justify-center hover:no-underline w-[24px] xl:w-[36px] h-[36px] rounded-full hover:bg-gray-300 mr-2"><i class="social-font font-twitter text-gray-600 scale-75"></i></a>
<a target="_blank"
href="https://line.me/R/ti/p/~@LnwShop"
class="inline-flex items-center justify-center hover:no-underline w-[24px] xl:w-[36px] h-[36px] rounded-full hover:bg-gray-300 mr-2"><i class="social-font font-line text-gray-600 scale-75 "></i></a>
<a target="_blank"
href="https://www.instagram.com/lnwshop_official"
class="inline-flex items-center justify-center hover:no-underline w-[24px] xl:w-[36px] h-[36px] rounded-full hover:bg-gray-300 mr-2"><i class="social-font font-instagram text-gray-600 scale-75"></i></a>
<a target="_blank"
href="https://www.youtube.com/@LnwShop_Official"
class="inline-flex items-center justify-center hover:no-underline w-[24px] xl:w-[36px] h-[36px] rounded-full hover:bg-gray-300 mr-2"><i class="social-font font-youtube text-gray-600 scale-75"></i></a>
</div>
<div class="text-xs leading-4 border-l-2 pl-3 mt-1 mb-3 text-minor border-slate-200">
สำหรับแจ้งข่าวสารโปรโมชั่นเท่านั้น <br>
หากคุณต้องการสอบถาม กรุณาใช้ช่องทางติดต่อเรา
</div>
</div>
</div>
</div> </div>
</div>
<div class="w-full bg-black/70 h-full backdrop-blur-md"
@mouseover="is_show_sitemap = false;"
@click="is_show_sitemap = false"></div>
</div>
</div>
</transition>
<transition name="slide-fade-down">
<div id="side-menu" v-show="is_show_menu"
class="fixed top-16 right-0 w-full h-full z-40 backdrop-blur-md bg-white/90"
>
<div class="container">
<ul class="py-4 px-10 text-xl divide-y divide-neutral-200">
<li v-for="(menu,key) in menus">
<a :href="'https://www.lnwshop.com/' + key"
class="flex items-center font-bold py-4 overflow-hidden"
:class="current == key?'text-'+key+(current == 'all'?' text-transparent bg-clip-text bg-gradient-to-r from-purple-500 from-10% via-sky-500 via-60% to-teal-400 text-transparent':''):''"
v-text="menu"></a>
</li>
<li v-for="(menu,key) in second_menus">
<a :href="'https://www.lnwshop.com/' + key"
class="flex items-center py-4 overflow-hidden"
:class="(current == key?'text-sky-400':'')"
v-text="menu"></a>
</li>
<li @click="toggle_sitemap()">
<div class="flex items-center py-4 overflow-hidden justify-between">
เรียนรู้
<span class="fa inline-block align-text-bottom icon-chevron-right"></span>
</div>
</li>
</ul>
</div>
<div id="side-menu-empty"
@click="is_show_menu=!is_show_menu"
class="h-full"></div>
</div>
</transition>
<div id="lnw-contact-popup-container"
style="display:none;">
<div id="contactForm"
class="w-full v-application"
data-dom-keeper="#lnw-contact-popup-container">
<div class="bg_lnwshop_v3_gradient"></div>
<div id="nv_app"
class=" relative z-10 text-left w-full">
<v-app> <div v-show="is_help">
<div v-show="!success_result"
class="w-full max-w-6xl mx-auto gap-x-10 gap-y-8 flex flex-wrap xl:flex-nowrap justify-between">
<div class="prose text-left pt-[20px] md:p-[20px] grow-0 max-w-lg">
<h2 class="text-2xl md:text-4xl lg:text-6xl !leading-normal">
ติดต่อทีมงาน <br> เรายินดีช่วยเหลือคุณทุกเรื่อง </h2>
</div>
<div class="v3ContactForm !mx-0 !p-0 md:!p-[20px]">
<v-form name="contact_form"
ref="helpContactForm"
@submit.prevent="onSubmit">
<input type="hidden"
name="_addition"
value="a8648cd9a1651a57498e.TmGwHSWtDiGDStj==c-X6_rkQXMjGKJNLtpajhTqUR1oAAD5_WtorBB7RrAslm36fUgaHbOlRmNakp8KZ=l12DwqO6GWTa7uXQ43AXmOY7U=-vEnzdAOVAE_OFQjmiZvPTR-jc4t_LrSKLHg_-qbqS-nMcSzwnFeq7NcG7Zch8cXQ3-h.1ca66d85c5e6c9310730"/>
<input type="hidden"
name="is_v3"
value="true"/>
<template v-if="userdata.is_login">
สวัสดีคุณ {{ userdata.name }} ให้เราช่วยเหลือคุณเรื่องใดดีคะ
<div class="clear20"></div>
</template>
<template v-else>
<v-text-field v-model.lazy="helpForm.name"
label=""
name="name"
placeholder="ชื่อของคุณ"
outlined
single-line
background-color="white"
clearable
validate-on-blur
:rules="[rules.required, rules.notDash]"
hide-details="auto"
class="mb-3">
<template v-slot:prepend-inner>
<div class="fa icon-user ml-1 mr-2"></div>
</template>
</v-text-field>
</template>
<div class="grid grid-cols-1 md:grid-cols-12 md:gap-x-3">
<template v-if="!userdata.has_email">
<v-text-field v-model.lazy="helpForm.email"
placeholder="อีเมล"
outlined
name="email"
single-line
background-color="white"
clearable
hide-details="auto"
class="mb-3 md:col-span-5"
validate-on-blur
:rules="emailRules">
<template v-slot:prepend-inner>
<div class="fa icon-mail ml-1 mr-2"></div>
</template>
</v-text-field>
</template>
<v-text-field v-if="!userdata.is_login"
v-model.lazy="helpForm.telno"
placeholder="เบอร์มือถือ"
single-line
name="telno"
background-color="white"
clearable
labe=""
hide-details="auto"
class="mb-3 md:col-span-7"
:rules="mobileRules"
clearable
maxlength=10
outlined
required
autocomplete="tel"
pattern="\d*"
validate-on-blur
@change="onlyNumberInput"
@keypress="onlyNumberPress"
@keypress.enter="onPressEnterInIdentity">
<template v-slot:prepend-inner>
<div class="fa icon-mobile ml-1 mr-2"></div>
</template>
</v-text-field>
</div>
<v-text-field v-model.lazy="helpForm.subject"
label=""
placeholder="เรื่อง"
name="subject"
outlined
single-line
background-color="white"
clearable
validate-on-blur
:rules="[rules.required, rules.notDash]"
hide-details="auto"
class="mb-3">
<template v-slot:prepend-inner>
<div class="fa icon-bookmark ml-1 mr-2"></div>
</template>
</v-text-field>
<v-textarea v-model="helpForm.message"
placeholder="ข้อสงสัย / รายละเอียด"
name="message"
auto-grow
row-height=32
outlined
rows="5"
:rules="[rules.required]"
background-color="white"
hide-details="auto">
<template v-slot:prepend-inner>
<div class="fa icon-smile ml-1 mr-2"></div>
</template>
</v-textarea>
<br>
<template v-if="userdata.is_login && userdata.has_email">
ทีมงานจะรีบติดต่อกลับหาคุณทาง <a target="_blank"
href="https://lnw.me/account/manage/setting">Email สมาชิกของคุณนะคะ</a>
</template>
<template v-else>
ทีมงานจะรีบติดต่อกลับหาคุณทาง Email ที่คุณกรอกไว้นะคะ
</template>
<div class="grid grid-cols-1 md:grid-cols-7 md:gap-x-3">
<v-btn class="white--text btn-blue text-lg mt-6 rounded shadow-none w-full col-span-3 py-3 px-9 mb-32"
type="submit"
elevation="0"
x-large
color="#00a4f1"
:disabled="form_submitting">
ส่งข้อความ
</v-btn>
</div>
<div id='recaptcha'
class="g-recaptcha"
data-sitekey="6LdkEOoZAAAAAE41N2XSCZepfvK32WpOaE_gzUBt"
data-callback="contact_form_submit"
data-size="invisible"></div>
</v-form>
</div>
</div>
<div v-if="success_result"
class="animate-[bigZoomIn_0.25s_ease-out] text-center v3ContactForm">
<img class="mx-auto w-[250px] h-auto"
src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/sticker_line/28.png"/>
<template>
<h2 class="text-center">
ได้รับข้อมูลเรียบร้อย </h2>
<p class="my-2">ขอขอบคุณที่ใช้บริการแพลทฟอร์ม LnwShop<br>
<template class="text-gray-400 mt-3">
ทีมงานของเราจะติดต่อด้วยอีเมล @lnwshop.com โดยเร็วที่สุด
</template>
</p>
</template>
<v-btn color="#00a4f1"
x-large
rounded
width="200"
class="white--text inline-block mx-auto mt-5"
@click="closeContactForm(true,true)">เสร็จสิ้น
</v-btn>
</div>
</div>
<div v-show="!is_help">
<div v-show="!success_result"
class="w-full max-w-6xl mx-auto gap-x-10 gap-y-8 flex flex-wrap xl:flex-nowrap justify-between">
<div class="prose text-left pt-[20px] md:p-[20px] grow-0 max-w-lg">
<h2 class="text-2xl md:text-4xl lg:text-6xl !leading-normal !mb-6">
<template v-if="is_upgrade">
<div>อัพเกรดแพ็ค</div>
</template>
เรายินดีสนับสนุนคุณทุกขั้นตอน
</h2>
<div v-if="!is_upgrade"
class="!leading-9">
<div>
<span class="fa icon-check-square mr-1"></span> สอบถามราคาและค่าบริการอย่างละเอียด
</div>
<div>
<span class="fa icon-check-square mr-1"></span> ให้ทีมที่ปรึกษาของเราช่วยอธิบายฟีเจอร์ต่างๆ
</div>
<div>
<span class="fa icon-check-square mr-1"></span> ช่วยเหลือในการย้ายข้อมูลมายัง LnwShop
</div>
<div>
<span class="fa icon-check-square mr-1"></span> ต้องการใบเสนอราคา หรือข้อมูลทางบริษัท
</div>
<p class="mt-4">
ขอขอบคุณที่เลือก LnwShop !<br><img class="h-5 !mt-4"
src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/lnwshop_logo_v3.png">
</p>
</div>
</div>
<div class="v3ContactForm !mx-0 !p-0 md:!p-[20px]">
<v-form id="v3LetsTalkForm"
class="form-letstalk"
ref="contactForm"
@submit.prevent="businessContactForm_submit">
<input type="hidden"
name="topic"
required
value="lnwshop_v3">
<v-alert v-if="form_submitted"
class="mb-10"
type="success">
LnwShop ได้รับข้อมูลของคุณแล้ว ขณะนี้คุณต้องการส่งข้อมูลรายการใหม่
</v-alert>
<div class="flex justify-start gap-x-2">
<div v-if="plans[form.plan] || form.domain || form.service"
class="mb-4">
บริการที่คุณสนใจ :
<v-chip v-if="form.domain"
color="pink"
text-color="white">
จดโดเมน {{form.domain}}
</v-chip>
<v-chip v-else-if="services[form.service]"
close
:color="form.service=='edu'?'green':'blue'"
text-color="white"
@click:close="form.service = ''">
{{services[form.service]}}
</v-chip>
<div v-else-if="plans[form.plan]"
class="text-sm rounded-full inline-block py-1.5 pl-3 pr-2 whitespace-nowrap rounded-full text-white capitalize"
:class="'bg-'+ form.plan">
{{ plans[form.plan] }} <b>{{ form.plan_lv }}</b>
<v-icon @click="clearPlan()"
class="!align-text-bottom cursor-pointer"
small
color="white">
mdi-close-circle
</v-icon>
</div>
</div>
<div v-if="is_upgrade"
class="mb-4">
ร้านค้า :
<v-chip color="pink"
text-color="white">
{{webname}}
</v-chip>
</div>
</div>
<div class="grid grid-cols-1 md:gap-x-3"
:class="!is_upgrade?'md:grid-cols-12':''">
<v-text-field v-model.lazy="form.name"
label=""
placeholder="ชื่อของคุณ"
outlined
single-line
background-color="white"
clearable
validate-on-blur
:rules="[rules.required, rules.notDash]"
hide-details="auto"
class="mb-3 md:col-span-5">
<template v-slot:prepend-inner>
<div class="fa icon-user ml-1 mr-2"></div>
</template>
</v-text-field>
<template v-if="!is_upgrade">
<v-select v-model="form.topic"
:items="select_business"
placeholder="ตัวเลือกของคุณ"
item-text="text"
item-value="key"
outlined
single-line
validate-on-blur
:rules="[rules.required]"
background-color="white"
class="mb-3 md:col-span-7"
hide-details="auto">
<template v-slot:prepend-inner>
<div class="fa icon-users ml-1 mr-2"></div>
</template>
</v-select>
</template>
</div>
<template v-if="!is_upgrade">
<div class="grid grid-cols-1 md:grid-cols-12 md:gap-x-3">
<v-text-field v-model.lazy="form.company"
placeholder="ชื่อแบรนด์ / ชื่อบริษัท"
outlined
single-line
background-color="white"
clearable
validate-on-blur
hide-details="auto"
:rules="[rules.required, rules.notDash]"
class="mb-3 md:col-span-5">
<template v-slot:prepend-inner>
<div class="fa icon-shop ml-1 mr-2"></div>
</template>
</v-text-field>
<v-text-field v-model.lazy="form.website"
placeholder="URL ร้านค้าของคุณ (ถ้ามี)"
outlined
single-line
background-color="white"
clearable
validate-on-blur
hide-details="auto"
class="mb-3 md:col-span-7">
<template v-slot:prepend-inner>
<div class="fa icon-globe ml-1 mr-2"></div>
</template>
</v-text-field>
</div>
</template>
<div class="grid grid-cols-1 md:grid-cols-12 md:gap-x-3">
<v-text-field v-model.lazy="form.mobile"
placeholder="เบอร์มือถือ"
single-line
background-color="white"
clearable
labe=""
hide-details="auto"
class="mb-3 md:col-span-5"
:rules="mobileRules"
clearable
maxlength=10
outlined
required
autocomplete="tel"
pattern="\d*"
validate-on-blur
@change="onlyNumberInput"
@keypress="onlyNumberPress"
@keypress.enter="onPressEnterInIdentity">
<template v-slot:prepend-inner>
<div class="fa icon-mobile ml-1 mr-2"></div>
</template>
</v-text-field>
<v-text-field v-model.lazy="form.email"
placeholder="อีเมล"
outlined
single-line
background-color="white"
clearable
hide-details="auto"
class="mb-3 md:col-span-7"
validate-on-blur
:rules="emailRules">
<template v-slot:prepend-inner>
<div class="fa icon-mail ml-1 mr-2"></div>
</template>
</v-text-field>
</div>
<template v-if="!is_upgrade">
<v-select v-model="form.channels"
:items="select_channels"
item-text="text"
item-value="key"
menu-props="{auto: true}"
placeholder="บริการที่คุณสนใจ"
multiple
outlined
chips
single-line
hide-details="auto"
background-color="white"
class="mb-3">
<template v-slot:item="{ item, attrs, on }">
<v-list-item v-bind="attrs"
v-on="on">
<v-list-item-action>
<v-checkbox :input-value="form.channels.includes(item.key)"
:ripple="false"></v-checkbox>
</v-list-item-action>
<v-list-item-content>
<div style="width: 100%; display: flex; justify-content: space-between;">
<span>{{ item.text }}</span>
<span style="opacity: 0.5;">{{ item.desc }}</span>
</div>
</v-list-item-content>
</v-list-item>
</template>
<template v-slot:prepend-inner>
<div class="fa icon-star
ml-1 mr-2"></div>
</template>
<template v-slot:prepend-item>
<v-list-item ripple
@mousedown.prevent
@click="toggleSelectAll">
<v-list-item-action>
<v-icon :color="form.channels.length > 0 ? 'indigo darken-4' : ''">
{{ iconForSelectChannel }}
</v-icon>
</v-list-item-action>
<v-list-item-content>
<v-list-item-title>
เลือกทั้งหมด
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-divider class="mt-2"></v-divider>
</template>
<template v-slot:append-item>
<v-divider class="mb-2"></v-divider>
<v-list-item disabled>
<v-list-item-content v-if="selectAllChannels">
<v-list-item-title>
สนใจทุกบริการ
</v-list-item-title>
</v-list-item-content>
<v-list-item-content v-else-if="selectSomeChannel">
<v-list-item-title>
สนใจ {{ form.channels.length }} บริการแล้ว
</v-list-item-title>
</v-list-item-content>
<v-list-item-content v-else>
<v-list-item-title>
ไม่พบบริการที่คุณต้องการ ?
</v-list-item-title>
<v-list-item-subtitle>
คุณสามารถระบุความต้องการให้ช่องข้อความถัดไปได้เลย
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</template>
<template #selection="{ item }">
<v-chip :color="channelColor[item.key]"
text-color="white"
small>{{item.text}}
</v-chip>
</template>
</v-select>
</template>
<v-textarea v-model="form.note"
placeholder="ข้อสนใจหรือข้อสงสัย (ถ้ามี)"
auto-grow
row-height=32
outlined
rows="3"
:class="is_upgrade?'col-span-12':'col-span-7'"
background-color="white"
hide-details="auto">
<template v-slot:prepend-inner>
<div class="fa icon-smile ml-1 mr-2"></div>
</template>
</v-textarea>
<v-select v-if="!is_upgrade"
v-model="form.from"
:items="select_from"
label="คุณรู้จัก LnwShop ผ่านช่องทางใด ?"
item-text="text"
item-value="key"
validate-on-blur
hide-details="auto"></v-select>
<div style="display:flex; flex-direction: column;">
<template v-if="form.topic != 'edu' || is_want_openshop == '0'">
<div :style="(form.topic == 'edu')?'order: 2':''">
<div class="mt-6 -mb-2"
class="businessContactForm_label">สะดวกให้ติดต่อกลับทางโทรศัพท์หรือไม่ ?
</div>
<div>
<v-radio-group :rules="[rules.required]"
v-model="form.mobile_flag"
row
class="inline-block align-top mt-4 pt-0"
hide-details="auto">
<v-radio label="สะดวก"
class="mr-6"
value="1"></v-radio>
<v-radio label="ไม่สะดวก"
class="mr-6"
color="red"
value="0"></v-radio>
</v-radio-group>
<transition name="slide-fade">
<div v-if="form.mobile_flag == '0' && !(form.plan && form.plan != 'free')"
class="inline-block mt-4 pt-0 align-top ">
<v-simple-checkbox v-model="is_want_contact"
color="primary"
class="inline-block align-top"></v-simple-checkbox>
<span style="color: rgba(0,0,0,.6);">สะดวกติดต่อทางอีเมล</span>
</div>
</transition>
<transition name="slide-fade">
<div v-if="form.mobile_flag == '1'"
class="text-gray-400 mt-3">ทีมงานของเราจะติดต่อด้วยเบอร์ 02-XXX-6821 ในเวลาทำการโดยเร็วที่สุด
</div>
</transition>
</div>
</div>
</template>
<transition name="slide-fade">
<div v-if="form.topic == 'edu' || (form.mobile_flag == '0' && !is_want_contact)"
:style="(form.topic == 'edu')?'order: 1':''">
<div class="mt-6 -mb-2"
class="businessContactForm_label">คุณต้องการเปิดร้านค้า LnwShop แพ็คเกจ Free ใช่หรือไม่ ?
</div>
<v-radio-group :rules="[rules.required]"
v-model="is_want_openshop"
row
class="inline-block align-top mt-4 pt-0"
hide-details="auto">
<v-radio label="ใช่ เปิดร้านฟรีตอนนี้"
class="mr-6"
value="1"></v-radio>
<v-radio label="ไม่ใช่"
class="mr-6"
color="red"
value="0"></v-radio>
</v-radio-group>
</div>
</transition>
<transition name="slide-fade">
<div v-if="form.mobile_flag == '0' && is_want_contact && (form.plan != 'free')"
style="order: 3"
class="text-gray-400 mt-3">
ทีมงานของเราจะติดต่อด้วยอีเมล @lnwshop.com โดยเร็วที่สุด
</div>
<v-alert v-else-if="form.mobile_flag == '0' && !is_want_contact && is_want_openshop == '0'"
style="order: 3"
class="mt-4 mb-0"
type="error">
ขออภัยค่ะ ทีมงานจำเป็นต้องติดต่อคุณเพื่อเปิดใช้งาน Package นะคะ
</v-alert>
</transition>
</div>
<div class="grid grid-cols-1 md:grid-cols-12 md:gap-x-3">
<v-btn class="white--text btn-blue text-lg mt-6 rounded shadow-none w-full md:col-span-5 py-3 px-9 mb-16"
type="submit"
elevation="0"
x-large
color="#00a4f1"
:disabled="form_submitting || (!is_want_contact && is_want_openshop == '0')">
ยืนยันและส่งข้อมูล
</v-btn>
</div>
</v-form>
</div>
</div>
<div v-if="success_result"
class="animate-[bigZoomIn_0.25s_ease-out] text-center v3ContactForm">
<img class="mx-auto w-[250px] h-auto"
src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/sticker_line/28.png"/>
<template v-if="is_want_openshop">
<h2 class="text-center">
พร้อมเปิดร้านค้าแล้ว </h2>
<p class="my-2">
คลิกปุ่มเพิ่มเริ่มต้นได้เลย </p>
</template>
<template v-else>
<h2 class="text-center">
ได้รับข้อมูลเรียบร้อย </h2>
<p class="my-2">ขอขอบคุณที่สนใจในบริการแพลทฟอร์ม LnwShop<br>
<template v-if="form.mobile_flag == '1'">
ทีมงานของเราจะติดต่อกลับด้วยเบอร์
<b>02-XXX-6821</b> โดยเร็วที่สุด
</template>
<template v-else-if="form.mobile_flag == '0' && !is_want_openshop"
class="text-gray-400 mt-3">
ทีมงานของเราจะติดต่อด้วยอีเมล @lnwshop.com โดยเร็วที่สุด
</template>
</p>
</template>
<v-btn v-if="!is_want_openshop"
color="#00a4f1"
x-large
rounded
width="200"
class="white--text inline-block mx-auto mt-5"
@click="closeContactForm()">เสร็จสิ้น
</v-btn>
<v-btn v-else
color="#00a4f1"
x-large
rounded
width="200"
class="white--text inline-block mx-auto mt-5"
@click="window.location = 'https://www.lnwshop.com/openshop?pack=free'">เริ่มต้นเปิดร้านค้าฟรี
</v-btn>
<br>
<v-btn rounded
color="#00a4f1"
text
class=" mx-auto mt-4"
@click="closeContactForm(true)">กรอกข้อมูลเพิ่มอีกครั้ง
</v-btn>
</div>
</div>
</v-app> </div>
</div>
</div>
</div>
<script type="text/javascript">
let vm_nv;
function contact_form_submit(){
vm.help_contact_form_submit();
return true;
}
// function open_side_menu() {
// $('#side-menu').toggle();
// $('body').addClass('overflow-hidden');
// setTimeout(function(){
// $('#side-menu-bg').removeClass('opacity-0');
// $('#side-menu-container').removeClass('opacity-0 translate-x-16');
// }, 1);
// }
// function close_side_menu() {
// $('#side-menu-container').addClass('opacity-0 translate-x-16');
// $('#side-menu-bg').addClass('opacity-0');
// setTimeout(function(){
// $('#side-menu').toggle();
// $('body').removeClass('overflow-hidden');
// }, 300);
// }
const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
const mobileRegexTH = /^(\+\d{1,3}[- .]?\d{9}|0[0-9]{9})$/;
let nv_mixin = {
vuetify: new Vuetify(),
data: function (){
let USERDATA = {};
USERDATA.name = '';
USERDATA.is_login = 0;
USERDATA.has_email = 0;
USERDATA.avatar = 'https://www.lnwshop.com/images/noAvatar.png';
let menus = {
webstore: 'WebStore',
marketplace: 'Marketplace',
social: 'Social',
all: 'All-in-One',
pro: 'ลูกค้าธุรกิจ (Pro)'
};
let plans = {...menus};
let plans_with_free = {...plans};
plans_with_free['free'] = 'Free';
let select_plans = Object.entries(plans_with_free).map(([key, text]) => ({key, text}));
// let channels = {
// branddotcom: 'เว็บไซต์ .com',
// shopee: 'Shopee',
// lazada: 'Lazada',
// line_shopping: 'Line Shopping',
// tiktok_shop: 'TikTok Shop',
// google_shopping: 'Google Shopping',
// facebook_shop: 'Facebook Shop',
// ig_shopping: 'Instagram Shopping'
// };
let channels = {
branddotcom: 'มีแบรนด์เว็บไซต์ของตนเอง (Brand .com)',
oms: 'จัดการออเดอร์ในที่เดียว (OMS)',
marketplace: 'เชื่อมต่อช่องทางขาย (Marketplace, Social)',
ads: 'การตลาดออนไลน์ / โฆษณา (Facebook, Google Ads)',
accounting: 'ระบบบัญชี (Accounting)',
crm: 'การจัดการข้อมูลลูกค้า (CRM)',
};
const select_channels = Object.entries(channels).map(([key, text]) => {
const match = text.match(/(.+?)\s*\((.+?)\)/);
return {
key,
text: match ? match[1] : text,
desc: match ? match[2] : ''
};
});
const channelColor = {
oms: '#fe0096',
marketplace: '#ff5722',
accounting: '#13C6A2',
crm: '#0668E1',
branddotcom: '#00a0eb',
ads: '#db3236',
};
return {
is_localhost: false,
is_help: false,
is_show_menu: false,
is_show_sitemap: false,
userdata: USERDATA,
is_mobile_device: false,
loading: true,
menus: menus,
plans: plans,
webname: '',
services: {
'edu': 'สำหรับการศึกษา',
'migrate': 'ย้ายมาใช้ LnwShop',
'partner': 'สนใจร่วมเป็นพันธมิตร',
'help_compare': "เลือกแพ็คที่ดีที่สุด",
'design': "บริการดีไซน์หน้าเว็บ"
},
select_plans: select_plans,
select_business: [
{key: 'lnwshop_v3', text: 'ผู้ขายของออนไลน์ (ธุรกิจส่วนตัว)'},
{key: 'lnwshop_v3_company', text: 'บริษัท นิติบุคคล (ธุรกิจองค์กร)'},
{key: 'edu', text: 'นักเรียน นักศึกษา อาจารย์ (การศึกษา)'},
{key: 'partner', text: 'มูลนิธิ สมาคม ภาครัฐ (พันธมิตร)'},
{key: 'agency', text: 'เอเจนซี่ (ใช้งานให้กับลูกค้าของคุณ)'},
],
select_from: [
{key: 'google', text: 'ค้นหาผ่าน Google'},
{key: 'lnwshop_online_store', text: 'ร้านค้าที่ใช้งาน LnwShop'},
{key: 'advertisement', text: 'โฆษณาออนไลน์'},
{key: 'social', text: 'สื่อ Social'},
{key: 'blog', text: 'บล็อกข่าว'},
{key: 'friend', text: 'เพื่อนหรือคนรู้จัก'},
{key: 'other', text: 'ช่องทางอื่น ๆ'}
],
second_menus: {
pricing: 'ราคาแพ็คเกจ',
feature: 'ฟีเจอร์',
// help: 'ช่วยเหลือ',
},
channelColor: channelColor,
current: 'home',
switch_diff: false,
contactDialog: false,
form_submitting: false,
form_submitted: false,
success_result: false,
helpForm: {
name: USERDATA.name,
email: '',
telno: '',
subject: '',
message: ''
},
form: {
topic: 'lnwshop_v3',
name: '',
company: '',
website: '',
mobile: '',
email: '',
referer: '',
plan: '',
plan_lv: '',
domain: '',
service: '',
channels: [],
note: '',
mobile_flag: null
},
is_want_contact: true,
is_want_openshop: null,
rules: {
required: value => !!value || 'กรุณากรอกข้อมูลนี้ด้วยนะคะ',
notDash: value => value !== '-' || 'ไม่สามารถใส่ - ได้นะคะ',
},
mobileRules: [
v => (!!v) || 'กรุณากรอกเบอร์มือถือด้วยนะคะ',
v => (!v
|| this.validateMobileNumber(v))
|| 'กรุณากรอกเบอร์มือถือที่ถูกต้องนะคะ',
],
emailRules: [
v => (!!v) || 'กรุณากรอก E-mail ด้วยนะคะ',
v => (!v || emailRegex.test(v)) || 'กรุณากรอก E-mail ที่ถูกต้องนะคะ',
],
channel: '',
channels: channels,
select_channels: select_channels,
tailwindClass: '!bg-webstore !bg-marketplace !bg-social',
order_count: 0,
}
},
computed: {
select_plans_lv: function (){
let prefix = (this.form.plan) ? this.plans[this.form.plan] + ' ' : '';
let arr = [
{
key: 'start',
text: prefix + ' Start'
},
{
key: 'plus',
text: prefix + ' Plus'
},
{
key: 'max',
text: prefix + ' Max'
},
{
key: 'n/a',
text: 'ให้ทีมงานช่วยแนะนำ'
},
];
return arr;
},
selectAllChannels(){
return this.form.channels.length === Object.keys(this.channels).length
},
selectSomeChannel(){
return this.form.channels.length > 0 && !this.selectAllChannels
},
iconForSelectChannel(){
if(this.selectAllChannels) return 'mdi-close-box'
if(this.selectSomeChannel) return 'mdi-minus-box'
return 'mdi-checkbox-blank-outline'
},
mobile_number_text(){
if(!this.form.mobile){
return '[เบอร์มือถือของคุณ]';
}
return this.form.mobile.slice(0, 3) + "-" + this.form.mobile.slice(3, 6) + "-" + this.form.mobile.slice(6);
},
mobile_flag_computed(){
return this.form.mobile_flag;
},
is_upgrade(){
return this.webname;
}
},
methods: {
businessContactForm_submit: function (){
if(!this.$refs.contactForm.validate()) return false;
let vue_form = new FormData();
for(const key in this.form) {
vue_form.append(key, this.form[key]);
}
let serializedString = '';
for(const [key, value] of vue_form.entries()) {
if(serializedString !== ''){
serializedString += '&';
}
if(key == 'channels'){
//serializedString += `${encodeURIComponent(key + '[]')}=${encodeURIComponent(value)}`;
serializedString += `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
}else{
serializedString += `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
}
}
let that = this;
that.form_submitting = true;
$.lnwajax.run('submit_button', true, {
type: 'POST',
url: 'https://www.lnwshop.com/pro/request_contact',
data: serializedString,
dataType: 'json',
start: function (){
},
success: function (response){
lnwajax_response(response, function (rdata){
that.success_result = true;
}, function (rkey, rdata){
var msg = '';
$.each(rdata, function (k, v){
msg += '\n' + v;
});
alert('ERRORS' + msg);
});
},
error: function (){
that.form_submitting = false;
},
complete: function (){
that.form_submitting = false;
}
});
return false;
},
closeContactForm: function (reset = false, help = false){
if(reset){
this.clearPlan();
this.success_result = false;
this.form_submitting = false;
if(help){
this.clearHelpForm();
$.lnwbox2('close')
}else{
this.form_submitted = true;
}
}else{
$.lnwbox2('close')
}
},
onLoginButtonClick(){
if(this.userdata.is_login){
$('#lbMember .lbuser').click()
}else{
if(this.is_localhost){
$('#lb').show();
}
$('#lbMember .lblogin').click();
}
},
marQuee(selector, speed){
const parentSelector = document.querySelector(selector);
if(parentSelector){
const clone = parentSelector.innerHTML;
const firstElement = parentSelector.children[0];
let t = 0, i = 0;
for(i = 0; i < Math.ceil(Math.max(parentSelector.offsetWidth, 1920) / firstElement.offsetWidth); i++) {
parentSelector.insertAdjacentHTML('beforeend', clone);
}
setInterval(function (){
firstElement.style.marginLeft = `-${t}px`;
if(t > firstElement.clientWidth){
t = 0;
}
t = t + speed;
}, 25);
}
},
toggleSelectAll(){
this.$nextTick(() => {
if(this.selectAllChannels){
this.form.channels = []
}else{
this.form.channels = Object.keys(this.channels).slice()
}
})
},
validateMobileNumber(number){
return mobileRegexTH.test(number);
},
onlyNumberPress(evt){
if(evt){
const charCode = (evt.which) ? evt.which : evt.keyCode;
if((charCode > 31 && (charCode < 48 || charCode > 57)) && charCode !== 46){
evt.preventDefault();
}else{
return true;
}
this.onlyNumberInput();
}
},
onlyNumberInput(){
if(!this.formMobileNumber){
return
}
const filtered = this.formMobileNumber.replace(/[^0-9]/g, '');
if(filtered !== this.formMobileNumber)
this.formMobileNumber = filtered;
},
hideBigLoading(){
setTimeout(function (){
$('.lnwshop-loading img').fadeOut();
}, 250);
setTimeout(function (){
$('.lnwshop-loading').fadeOut(500);
}, 250);
},
toggleMenu(){
$('body').toggleClass('noscroll');
this.is_show_menu = !this.is_show_menu;
this.is_show_sitemap = false;
},
scroll_x: function (wrapper, direction){
let container = document.querySelector("#" + wrapper + " > div:first-child ");
let content_width = document.querySelector("#" + wrapper + " > div:first-child > *").offsetWidth;
let arrow_container_prev = document.querySelector("#" + wrapper + " > .slick-nav .slick-prev");
let arrow_container_next = document.querySelector("#" + wrapper + " > .slick-nav .slick-next");
let scrollLeftBefore = container.scrollLeft;
if(direction == 'left'){
let scrollLeftAfter = container.scrollLeft - content_width;
container.scroll({
left: scrollLeftAfter,
behavior: 'smooth'
})
// container.scrollLeft -= content_width;
}else if(direction == 'right'){
let scrollLeftAfter = container.scrollLeft + content_width;
container.scroll({
left: scrollLeftAfter,
behavior: 'smooth'
})
// container.scrollLeft += content_width;
}
setTimeout(function (){
if(container.scrollLeft == 0){
arrow_container_prev.style.display = 'none';
}else{
arrow_container_prev.style.display = 'block';
}
// console.log('scrollLeftBefore', scrollLeftBefore);
// console.log('container.scrollLeft', container.scrollLeft);
if(scrollLeftBefore == container.scrollLeft){
arrow_container_next.style.display = 'none';
}else{
arrow_container_next.style.display = 'block';
}
}, 1000);
},
clearHelpForm: function (){
this.helpForm.name = '';
this.helpForm.email = '';
this.helpForm.telno = '';
this.helpForm.subject = '';
this.helpForm.message = '';
},
clearForm: function (){
this.form.name = '';
this.form.company = '';
this.form.website = '';
this.form.mobile = '';
this.form.email = '';
this.form.domain = '';
this.form.channels = '';
this.form.note = '';
this.form.from = '';
this.form.mobile_flag = '';
this.is_want_contact = true;
this.is_want_openshop = null;
if(this.form.plan == 'free'){
this.form.plan = '';
}
},
clearPlan: function (){
this.form.plan = '';
this.form.plan_lv = '';
this.form.topic = '';
},
openModal: function (){
$.lnwbox2({
appendChild: '#contactForm',
action: 'show',
addClass: 'contactForm !hidden',
});
$('#lnwbox2 .no_button').click(function (){
$.lnwbox2('close');
});
setTimeout(function (){
$('#lnwbox2').removeClass('!hidden');
$('#lnwbox2').addClass('animate-[bigZoomIn_0.25s_ease-out]');
}, 50);
},
onSubmit(){
if(!this.$refs.helpContactForm.validate()) return false;
grecaptcha.execute();
},
help_contact_form_submit(){
let form = $("form[name=contact_form]");
let that = this;
that.form_submitting = true;
$.lnwajax.run('help', true, {
type: 'POST',
url: 'https' + '://' + 'www.lnwshop.com/help/contact',
data: $(form).serialize(),
dataType: 'json',
start: function (){
},
success: function (response){
if(response.success){
if(typeof response.message != 'undefined' && response.message != ''){
alert(response.message);
}
form.get(0).reset();
form.find('input,textarea').blur();
that.success_result = true;
}else{
alert(response.key);
}
that.form_submitting = false;
},
error: function (){
alert('Error,เกิดความผิดพลาดในการติดต่อกรุณาลองรีเฟรชหน้าแล้วค่อยดำเนินการใหม่ด้วยค่ะ');
that.form_submitting = false;
},
complete: function (){
that.form_submitting = false;
}
});
return false;
},
contactUs: function (){
this.is_help = true;
this.openModal();
},
letsTalk: function (plan, level, channel, domain){
this.is_help = false;
if(this.services[plan]){
this.form.service = plan;
this.form.referer = plan;
}else if(this.plans[plan]){
this.form.plan = plan;
this.form.referer = plan;
}else if(plan){
this.form.referer = plan;
}else{
this.form.referer = this.current;
}
if(plan == 'edu'){
this.form.topic = plan;
}else{
this.form.topic = '';
}
if(this.webname != ''){
this.form.topic = 'lnwshop_v3_upgrade';
this.form.company = this.webname;
this.form.website = this.webname + '.lnwshop.com';
}
if(level){
if(level == 1){
this.form.plan_lv = 'start';
}else if(level == 2){
this.form.plan_lv = 'plus';
}else if(level == 3){
this.form.plan_lv = 'max';
}
}
if(channel){
// console.log(channel);
this.form.channels = [channel];
}
if(domain){
this.form.domain = domain;
}
this.openModal();
},
initAnimation(){
if(!this.is_mobile_device){
setTimeout(function (){
if(window.scrollY == 0){
$('[animate="translateUpContainer"]').addClass('animateInit').bind('inview', function (event, isInView, visiblePartX, visiblePartY){
let that = this;
let that_div = $(this).children('div');
if(isInView){
$(that_div).each(function (index){
let that_index = this;
$(that_index).css('visibility', 'hidden');
setTimeout(function (){
$(that_index).css('visibility', 'visible');
$(that_index).addClass('animate-translateUp');
}, index * 125);
});
$(that).unbind('inview');
}
});
}
}, 50);
}
if(this.current != 'app'){
$('[animate]').each(function (){
let animation = $(this).attr('animate');
if(animation !== 'translateUpContainer'){
$(this).addClass('animateInit').css('opacity', 0).bind('inview', function (event, isInView, visiblePartX, visiblePartY){
if(isInView){
$(this).css('opacity', 1).addClass('animate-' + animation);
}
});
}
});
}
},
scrollTo(id){
let topPosition = document.getElementById(id).getBoundingClientRect().top + document.documentElement.scrollTop - document.getElementById('nv_container').offsetHeight;
window.scrollTo({
top: topPosition,
behavior: "smooth"
});
},
toggle_sitemap: function (force = null){
let that = this;
if(force === null){
this.is_show_sitemap = !this.is_show_sitemap;
}else if(force){
that.is_show_sitemap = true;
}else{
this.sleep(200)
.then(function (){
if(that.is_show_sitemap != 'always'){
that.is_show_sitemap = false;
}
});
}
},
sleep(ms){
return new Promise(resolve => setTimeout(resolve, ms));
},
},
watch: {
is_show_sitemap: function (newVal){
// console.log(newVal);
},
// mobile_flag_computed: function (){
// this.is_want_contact = true;
// this.is_want_openshop = null;
// },
// is_want_contact: function (){
// this.is_want_openshop = null;
// },
is_want_openshop: function (val){
if(val){
this.form.mobile_flag = '0';
this.form.plan = 'free';
this.form.plan_lv = '';
}else{
this.form.plan = '';
this.form.plan_lv = '';
}
},
},
mounted(){
if(navigator.userAgent.includes("Win")){
$('body').addClass('windowOS');
}
window.addEventListener('load', this.marQuee('.marquee', 0.5))
$('#body a[href]').bind('click', function (event){
if($(this).attr('target') != '_blank'
&& !$(this).attr('href').startsWith('javascript')
&& !$(this).attr('onclick')
&& !(event.ctrlKey || event.metaKey)){
$('.lnwshop-loading img').show();
$('.lnwshop-loading').fadeIn('fast');
setTimeout(function (){
$('.lnwshop-loading').fadeOut('slow');
}, 60000);
}
});
this.hideBigLoading();
}
};
</script> <section class="w-full bg-gradient-to-r from-sky-400 via-blue-400 to-teal-400 mt-[-70px] pt-[70px] marquee">
<span class="inline-block opacity-75 py-1.5 text-white text-center text-xs xl:py-2 xl:text-sm uppercase">CONTACT NOW · SALE UPTO 25% !!</span>
</section>
<section class="w-full bg-cover bg-left-bottom md:bg-bottom grid grid-rows-[1fr_auto] grid-cols-2 md:grid-rows-1">
<div class="bg-gradient-to-br relative from-slate-100 via-gray-50 to-white col-span-2 row-start-2 row-span-1 md:row-start-1 md:col-start-2 md:pl-[60px] bg-clip-content border-box overflow-hidden">
<img v-show="hero_slide == 0" class="md:w-full pl-4 md:pl-0 relative z-10 top-[20px] md:top-[80px] md:left-[-40px] animate-slideLeft"
src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/home-hero.png">
<img v-show="hero_slide == 1"
class="animate-fadeIn10 absolute w-full md:w-[calc(100%-60px)] h-full object-cover md:rounded-bl-3xl" src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/hero/bg_hero1.jpg">
<img v-show="hero_slide == 1" class="md:w-[110%] md:max-w-none pl-4 md:pl-0 relative z-10 top-[0px] md:top-[20px] md:left-[-10%] animate-slideLeft"
src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/hero/lnwshop_hero1.png">
<img v-show="hero_slide == 2"
class="animate-fadeIn10 absolute w-full md:w-[calc(100%-60px)] h-full object-cover md:rounded-bl-3xl" src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/hero/bg_hero2.jpg">
<img v-show="hero_slide == 2" class="md:w-[110%] md:max-w-none pl-4 md:pl-0 relative z-10 top-[0px] md:top-[40px] md:left-[-10%] animate-slideLeft"
src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/hero/lnwshop_hero2.png">
<img v-show="hero_slide == 3"
class="animate-fadeIn10 absolute w-full md:w-[calc(100%-60px)] h-full object-cover md:rounded-bl-3xl" src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/hero/bg_hero3.jpg">
<img v-show="hero_slide == 3" class="md:w-[110%] md:max-w-none pl-4 md:pl-0 relative z-10 top-[0px] md:top-[0px] md:left-[-10%] animate-slideLeft"
src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/hero/lnwshop_hero3.png">
</div>
<div class="container flex md:items-center col-span-2 row-start-1 row-span-1 md:col-start-1 md:col-span-2">
<div class="prose py-12 md:py-16 md:max-w-[50%] lg:max-w-[48%] xl:max-w-[44%] 2xl:max-w-[36%]">
<h1>เทพช็อป #1<br/> แพลทฟอร์มออนไลน์<br class="md:hidden">สำหรับทุกคน
</h1>
<h4 class="font-normal font-sans md:font-display mt-0 leading-relaxed not-prose">ขายของออนไลน์ได้ทุกช่องทางผ่านเทพช็อป
<a class="hover:text-webstore no-underline"
href="https://www.lnwshop.com/webstore">เปิดเว็บร้านของคุณเอง</a>.
<a class="hover:text-marketplace text-inherit no-underline"
href="https://www.lnwshop.com/marketplace">เชื่อมต่อมาร์เก็ตเพลส.</a>
<a class="hover:text-social no-underline"
href="https://www.lnwshop.com/social">ขายผ่านโซเชียล.</a>
<a class="hover:text-all no-underline"
href="https://www.lnwshop.com/all">จัดการทุกอย่างง่ายในที่เดียว</a>
</h4>
<button class="btn-topic-list bg-webstore hover:bg-webstore-dark my-6"
@click="letsTalk('hero')">สนใจใช้งาน LnwShop (ใหม่)</button>
<p class="text-xs">
มีร้าน LnwShop อยู่แล้ว ? ไปยังหน้า <a target="_blank" href="https://www.lnwshop.com/legacy">LnwShop เวอร์ชั่นก่อนหน้า</a>
</p>
<p class="text-xs">
เป็นธุรกิจองค์กร / บริษัท ? ไปยังหน้า <a target="_blank" href="https://www.lnwshop.com/pro">LnwShop Pro</a>
</p>
</div>
</div>
</section>
<section class="w-full bg-multicolors bg-[length:1680px_auto] 2xl:bg-[length:100%_auto] bg-[position:center_0] py-24 xl:py-32">
<div class="container max-w-2xl text-left md:text-center">
<h2 class="mb-4 lg:mb-8 xl:text-5xl">ไม่ว่าใครก็ใช้ <br class="md:hidden">LnwShop
</h2>
<p>
เริ่มต้นธุรกิจ หรือขยายสู่ออนไลน์ ตั้งแต่พ่อค้าแม่ค้า จนถึงบริษัทมหาชน จะนักเรียน คนรุ่นใหม่ วัยทำงาน คุณป้าคุณน้า ก็มีธุรกิจ e-Commerce ของตัวเองได้ด้วยเทพช็อป !</p>
</div>
<div class="container flex flex-row gap-x-[var(--gutter)] justify-start overflow-x-scroll no-scrollbar py-1 mt-8 md:overflow-visible md:flex-wrap lg:mt-24 snap-x snap-x max-md:scroll-px-6 snap-mandatory">
<div class="duration-200 mini-card md:snap-center w-3/4 p-6 shrink-0 md:w-1/2-gutter lg:w-1/4-gutter md:p-8 md:mb-[var(--gutter)]">
<i class="fa icon-home icon-feature bg-webstore-light text-webstore mb-4"></i>
<h4 class="mb-1">สร้าง Brand .com หน้าร้านออนไลน์ของคุณเอง</h4>
<p class="text-sm leading-relaxed">WebStore แบบใหม่แบบสับ สวยทันสมัย สร้างสรรค์ปรับแต่ง แสดงภาพลักษณ์ของแบรนด์ได้ด้วยตนเอง </p>
</div>
<div class="mini-card md:snap-center w-3/4 p-6 shrink-0 md:w-1/2-gutter lg:w-1/4-gutter md:p-8 md:mb-[var(--gutter)]">
<i class="fa icon-shop icon-feature bg-marketplace-light text-marketplace mb-4"></i>
<h4 class="mb-1">เชื่อม Marketplace ได้ทุกเจ้า จัดการง่ายในที่เดียว</h4>
<p class="text-sm leading-relaxed">Sync ข้อมูลสินค้าและออเดอร์อัตโนมัติ อยากขยายหลายร้านในแต่ละห้างก็ได้สบายแบบตะโกน</p>
</div>
<div class="mini-card md:snap-center w-3/4 p-6 shrink-0 md:w-1/2-gutter lg:w-1/4-gutter md:p-8 md:mb-[var(--gutter)]">
<i class="fa icon-message-square icon-feature bg-social-light text-social mb-4"></i>
<h4 class="mb-1">Chat Commerce ขายผ่าน Social อย่างเป็นระบบ</h4>
<p class="text-sm leading-relaxed">"CF" แรงเกินต้าน ใช้บิลออนไลน์ที่ดีที่สุดในตลาด จัดการออเดอร์ สั่งซื้อ อัพเดทสถานะได้ในลิงก์เดียว </p>
</div>
<div class="mini-card md:snap-center w-3/4 p-6 shrink-0 md:w-1/2-gutter lg:w-1/4-gutter md:p-8 md:mb-[var(--gutter)]">
<i class="fa icon-trending-up icon-feature bg-gradient-to-br from-pink-100 to-sky-100 text-all mb-4"></i>
<h4 class="mb-1">ครบทุกโซลูชั่น ให้ธุรกิจคุณเติบโตแบบสุดปัง</h4>
<p class="text-sm leading-relaxed">ยิ่งขายหลายที่ ยิ่งสะดวก ระบบการจัดการที่ครอบคลุมทุกขั้นตอน ให้คุณโฟกัสเรื่องที่คุณถนัด</p>
</div>
</div>
</section>
<section class="section-space bg-no-repeat bg-[right_40%_center] bg-scroll bg-cover md:bg-center md:bg-cover md:bg-fixed"
style="background-image: url('https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/home2021/home_1b_bg.png')">
<div class="container grid grid-cols-2 md:grid-cols-5 text-white gap-2 gap-y-10 md:gap-10">
<div class="md:px-6">
<div class="font-bold text-2xl md:text-5xl">0%</div>
<div class="mt-2 text-caption opacity-80">
<div class="text-base">Commission Fee</div>
<div class="text-sm">ไม่มีค่าธรรมเนียมการขาย</div>
</div>
</div>
<div class="md:px-6">
<div class="font-bold text-2xl md:text-5xl">
ล้านร้าน
</div>
<div class="mt-2 text-caption opacity-80">
<div class="text-base">Online Stores</div>
<div class="text-sm">ที่ใช้หน้าร้าน LnwShop</div>
</div>
</div>
<div class="md:px-6">
<div class="font-bold text-2xl md:text-5xl">
77
</div>
<div class="mt-2 text-caption opacity-80">
<div class="text-base">จังหวัดในประเทศ</div>
<div class="text-sm">ทุกที่มีธุรกิจผ่านเทพช็อป
</div>
</div>
</div>
<div class="md:px-6">
<div class="font-bold text-2xl md:text-5xl">
<sup><span class="font-normal text-sm md:text-xl">฿</span></sup>10b+
</div>
<div class="mt-2 text-caption opacity-80">
<div class="text-base">มูลค่าซื้อขาย</div>
<div class="text-sm">กว่าหมื่นล้านที่ร้านค้าได้รับ</div>
</div>
</div>
</div>
</section>
<section class="py-16 lg:py-24 xl:py-32 2xl:py-40">
<div class="container text-left md:text-center">
<h2 class="mb-4 lg:mb-8 xl:text-5xl">หนึ่งแพลทฟอร์ม<br class="md:hidden"> ล้านความเป็นไปได้
</h2>
<p class="mx-auto">ยืนหนึ่ง! กว่า 897,898 ร้านที่ใช้แพลทฟอร์ม LnwShop ในการเดินตามความฝัน</p>
</div>
<div v-for="(plan, planKey) in homepage_plans"
:id="'plan_' + planKey"
:plan="planKey"
class="group/plan relative mt-12 lg:mt-16 xl:mt-24">
<div class="container text-left md:group-odd/plan:flex md:group-odd/plan:justify-end">
<div class="md:w-1/2 xl:w-5/12 mt-4">
<span class="plan-tag mb-4"
:class="[plan.textColor,plan.bgColor]"
v-text="plan.planName"></span>
<h3 class="mb-4 xl:mb-7 text-2xl md:text-4xl"
v-text="plan.headline"></h3>
</div>
</div>
<div class="md:container md:group-odd/plan:flex md:group-odd/plan:justify-end">
<div class="md:w-1/2 xl:w-5/12">
<ul class="flex flex-row gap-x-[var(--gutter)] justify-start snap-x snap-mandatory overflow-x-scroll no-scrollbar md:overflow-x-visible md:flex-col md:flex-wrap ">
<li v-for="(item,index) in plan.data"
:aria-selected="plan.selected == index ? true : false"
:key="index"
class="md:snap-center group/list w-3/4 shrink-0 max-md:first:pl-[var(--gutter)] max-md:last:pr-[var(--gutter)] flex flex-col md:w-full md:py-4 xl:py-7 md:border-t md:border-slate-200 md:first:border-none ">
<div class=" order-2 max-md:mt-4 flex flex-row hover:cursor-pointer"
@click="chooseData(index, planKey)"
:class="{liCurrent: plan.selected == index}">
<div class="max-md:hidden mr-4">
<i class=" fa icon-feature"
:class="[plan.icon, plan.mdTextColor,plan.mdBgColor]"></i>
</div>
<div>
<!-- <h4 class="mb-1 xl:mb-4 xl:text-xl 2xl:text-2xl" :class="[ plan.selected == index ? plan.textColor : '']" >{{item.title}}</h4> -->
<h4 class="mb-1 xl:mb-4 xl:text-xl 2xl:text-2xl"
:class="plan.mdTextColor"
v-text="item.title"></h4>
<p class="text-sm/loose xl:text-base/loose 2xl:text-lg/loose"
v-text="item.desc"></p>
</div>
</div>
<div class="order-1 h-48 md:h-full md:w-[48vw] xl:w-[50vw] relative md:absolute md:group-even/plan:right-0 md:group-odd/plan:left-0 md:top-0 md:opacity-0 md:group-even/plan:rounded-l-2xl xl:group-even/plan:rounded-l-3xl md:group-odd/plan:rounded-r-2xl xl:group-odd/plan:rounded-r-3xl overflow-hidden">
<div :class="item.bgColor"
class="w-full h-full absolute right-0 rounded-lg"></div>
<div :class="item.bgColor2"
class="w-full h-full absolute right-0 rounded-lg"></div>
<img loading="lazy"
class="absolute object-contain md:group-even/plan:origin-[120%_50%] md:group-odd/plan:origin-[-20%_50%] h-full w-full scale-90 transform-gpu md:group-aria-selected/list:animate-fadeIn"
:class="item.class"
:src="'https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/' + item.img">
<div class="hidden md:flex absolute bottom-10 justify-center w-full gap-4">
<span v-for="(item,index) in plan.data"
class="inline-block rounded-full w-4 h-4 cursor-pointer"
:class="(plan.selected == index)?'bg-'+ planKey:'bg-black/20'"
@click="chooseData(index, planKey)"></span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="mt-10">
<div class="container text-left">
<h2 class="mb-8 lg:mb-20 xl:text-5xl">พร้อมฟีเจอร์ครบครัน จบงานได้ในที่เดียว
</h2>
</div>
<h3 class="container mb-4 lg:mb-8 text-left text-xl md:text-4xl">Start. <span class="opacity-50 font-normal ml-3">เริ่มต้นธุรกิจได้ง่าย</span></h3>
<div id="features_home_start" class="add_arrow topic-feature-lists topic-feature">
<div class="topic-feature-list ">
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/webstore-3-1.png">
<h4>หน้าเว็บรูปแบบใหม่</h4>
<p>
ทำด้วยเทคโนโลยีใหม่ สวยงาม ทันสมัย ใช้งานง่าย ยืดหยุ่นกว่าเดิม ให้คุณปรับแต่งได้ดั่งใจ </p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/webstore-3-2.png">
<h4>มีธีมให้เลือกมากมาย</h4>
<p>
เรามีธีมที่หลากหลายสไตล์ตามหมวดหมู่สินค้า เลือกที่เหมาะกับธุรกิจของคุณได้เลย </p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/webstore-3-3.png">
<h4>Responsive Design</h4>
<p>
เราออกแบบให้ใช้งานได้อย่างสมบูรณ์และเหมาะสมบนทุกอุปกรณ์ ไม่ว่าลูกค้าของคุณจะใช้งานจากอุปกรณ์ใดก็ตาม </p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/feature-10.png">
<h4>สร้างหน้า Page แบบกำหนดเอง</h4>
<p>
ให้คุณมี Sale Page, Landing Page, Custom Page ไม่ว่าจะเป็นหน้าอะไรก็ให้คุณสร้างได้ตามใจ</p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/webstore-4-1.png">
<h4>ตกแต่งแบบเห็นภาพ</h4>
<p>
ไม่ต้องมโนให้เหนื่อยใจ ว่าแก้ออกมาจะเป็นยังไงนะ? ด้วยเครื่องมือที่ทันสมัยของเรา เมื่อคุณแก้ไขส่วนใด เราแสดงผลให้ดูเลยทันที </p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/webstore-4-4.png">
<h4>ปรับแต่ง Element</h4>
<p>
รายละเอียดเล็ก ๆ น้อย ๆ ก็สำคัญ เราไม่ลืมที่จะเตรียมเครื่องมือให้คุณปรับแก้ไขรูปแบบ Button, ปรับ typography ต่าง ๆ ได้ทุกส่วน </p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/feature-9.png">
<h4>แสดงปุ่มสั่งซื้อไปยังช่องทางต่างๆ (Deep Link)</h4>
<p>
Sale Page สินค้าทุกชิ้นสามารถแสดงปุ่มสั่งซื้อที่ Link ไปยังหน้าสินค้าเดียวกันที่ช่องทาง Marketplace ที่คุณเชื่อมต่อ ให้ลูกค้าของคุณได้สั่งซื้อในที่ที่เค้าสะดวกที่สุด</p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/webstore-5-1.png">
<h4>จำจดง่าย ลูกค้าก็กลับมาซื้อง่าย</h4>
<p>
แน่นอนว่าคงไม่มีใครจำ yourdomain.lnwshop.com ได้ และยิ่งเป็นชื่อที่สื่อถึงธุรกิจของคุณ ก็ยิ่งทำให้ลูกค้าจดจำได้ง่ายขึ้น หากไม่มี .lnwshop.com ต่อท้าย </p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/webstore-5-4.png">
<h4>การรักษาความปลอดภัย SSL</h4>
<p>
LnwShop มาพร้อมกับโดเมนเนม .com หรือ .lnwshop.com (ตามระดับ Package) และเข้ารหัสด้วย SSL คุณจะได้รับทั้ง Domain Name และ SSL </p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/feature-7.png">
<h4>เพิ่มสินค้าได้รวดเร็วเพียง Import</h4>
<p>
หากคุณมีข้อมูลสินค้าไม่ว่าจะเป็น Excel หรือการขายสินค้าบน Marketplace คุณสามารถนำเข้าข้อมูลได้ทีละหลายสินค้าได้โดยอัตโนมัติ
</p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/feature-12.png">
<h4>ไม่มีค่าธรรมเนียมการขาย</h4>
<p>
อย่าให้ต้นทุนในการขายสินค้าเป็นอุปสรรคต่อความฝันของคุณ เพราะหน้าเว็บไซต์ LnwShop ไม่มีการเก็บค่าธรรมเนียมการขาย (0% Commission Fee)
</p>
</div>
</div>
<div class="slick-nav">
<button class="slick-prev slick-arrow" @click="scroll_x('features_home_start','left')"></button>
<button class="slick-next slick-arrow" @click="scroll_x('features_home_start','right')"></button>
</div>
</div> <h3 class="container mb-4 lg:mb-8 text-left text-xl md:text-4xl">Sell. <span class="opacity-50 font-normal ml-3">ตัวช่วยขายให้ยอดพุ่ง</span></h3>
<div id="features_home_sell" class="add_arrow topic-feature-lists topic-feature">
<div class="topic-feature-list ">
<div>
<div class="flex items-center aspect-[12/7] img">
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/channel-1-1.png">
</div>
<h4>เชื่อมต่อกับสินค้าได้ทันที</h4>
<p>
ไม่จำเป็นต้องทิ้งคะแนนรีวิวของคุณ จะเชื่อมต่อสินค้าเดิมจาก Marketplace หรือจะสร้างเป็นสินค้าชิ้นใหม่บน LnwShop ก็ได้</p>
</div>
<div>
<div class="flex items-center aspect-[12/7] img">
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/channel-1-2.png">
</div>
<h4>คำสั่งซื้อมารวมกันในที่เดียว</h4>
<p>
คุณจะจัดการคำสั่งซื้อจาก Marketplace ทุกช่องทาง ได้พร้อม ๆ กับคำสั่งซื้อจากช่องทางอื่น ๆ ยิ่งมีช่องทางเยอะ งานที่คุณลดได้ก็ยิ่งมาก</p>
</div>
<div>
<div class="flex items-center aspect-[12/7] img">
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/channel-1-3.png">
</div>
<h4>ข้อมูล Stock ตรงกันทุกที่</h4>
<p>
ไม่ว่าจะมีออเดอร์จากช่องทางใด ระบบจะตัด Stock ในคลังเดียว แล้วอัพเดทข้อมูลกลับไปทุก ๆ ที่ที่คุณขาย ไม่ต้องห่วงว่าข้อมูลจะไม่ตรงกัน งานที่คุณลดได้ก็ยิ่งมาก</p>
</div>
<div>
<div class="flex items-center aspect-[12/7] img">
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/channel-1-4.png">
</div>
<h4>Sync ข้อมูลสินค้าทั้งหมด</h4>
<p>
ไม่ต้องตามไปแก้ไขข้อมูลในทุก ๆ ที่ เพียงแก้ไขข้อมูลสินค้าที่ LnwShop เพียงครั้งเดียว ข้อมูลในทุกที่ก็จะอัพเดทอัตโนมัติ</p>
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/feature-11.png">
<h4>รองรับ Multi-Seller</h4>
<p>
กระจายข้อมูลสินค้าไปแต่ละสาขาของร้านใน Marketplace แต่ละที่ได้ทันที รองรับทั้ง Lazada, Shopee, Line Shopping และ Tiktok Shop
</div>
<div>
<img src="https://www.lnwshop.com/system/application/modules/lnwshopweb/_images/v3/channel-shopee-bullet-1.png">
<h4>เข้าถึงลูกค้าจำนวนมาก</h4>
<p>
ของถูกมีคุณภาพ โปรแรง ดีลดี มาบ่อย ๆ ใครละจะไม่ชอบ ด้วยเหตุนี้ผู้คนมากมายจึงเข้ามาหาซื้อสินค้ากันที่ Shopee </p>
</div>