https://app.promolayer.io/_next/static/chunks/pages/displays/starters-d73f1e01ddbd746f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2320],{72820:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/displays/starters",function(){return a(72014)}])},65182:function(e,s,a){"use strict";a.d(s,{Q:function(){return t},R:function(){return r}});let t={en:["Cyber monday","Location","Valentines day","Form","Grow email list","Coupon","Hours","Covid","Countdown","Sale","Gift","Newsletter","St Patricks day","WhatsApp","Mothers day","Instagram","Customize","Super bowl","Free shipping","LINE","Twitter","Black friday","Basic","Download","Christmas","Boxing day","Easter","New year","Halloween","Cookie","Exit intent","Reduce abandonment","Cart saver","Children day","Golden week","Spring","Summer","Fall","Winter","Simple"],ja:["フォーム","ールアドレス収集","脱防止クーポン","ゴ落ち","ロウィーン","業日時","どもの日","ールデンウィーク","ーポン","母の日","ひなまつり","カスタマイズ","セール情報","カウントダウン","バレンタイン","新生活","ニュースレター","新年","ブラックフライデー","送料無料","プレゼント","父の日","春","夏","秋","冬","夏休み","クリスマス","Cookie","Twitter","お歳暮","イースター","LINE","ボクシングデー","新型コロナウイルス関連","ロケーション","サイバーマンデー","WhatsApp","Instagram","ダウンロード","シンプル"]},r={en:[{label:"Events",category:"Events and seasonal",desc:"Find new templates in here each month for upcoming events and seasons.",image:"/assets/images/starters/seasonal_en.jpg"},{label:"Grow email list",category:"Welcome spin to win",desc:"The highest converting way to grow your email list. Every email you capture is worth $33 in sales.",image:"/assets/images/starters/welcome_spintowin_en.jpg"},{label:"Grow email list",category:"Mail Popup",desc:"The most flexible way to grow your email list. Familiar to customers and easy to customize.",image:"/assets/images/starters/welcome_popup_en.jpg"},{label:"Grow email list",category:"Mail slide-in",desc:"Capture emails without blocking the whole user interface. Great if you want something less intrusive.",image:"/assets/images/starters/welcome_slidein_en.jpg"},{label:"Reduce abandonment",category:"Abandonment saver",desc:"65% of shoppers abandon their sessions. Catch them with a message or discount to prevent them leaving.",image:"/assets/images/starters/cart_saver_en.jpg"},{label:"Improve usability",category:"Notification",desc:"Sale started? New blog post? Change of hours? Anything you need to communicate. Notify your customers.",image:"/assets/images/starters/notification_en.jpg"},{label:"Increase average order value",category:"Free shipping",desc:"Increase your average order value by notifying customers of your free shipping price limit.",image:"/assets/images/starters/free_shipping_en.jpg"},{label:"Increase conversion",category:"Countdown",desc:"Timed sales are one of the best ways to create FOMO. Urgency drives sales and increases CVR.",image:"/assets/images/starters/countdown_en.jpg"},{label:"Full customization",category:"Single image",desc:"Bypass the popup builder and upload a single image to be used as a popup for total control. Mobile image overrides and transparency are available.",image:"/assets/images/starters/single_image_en.jpg"},{label:"Increase average order value",category:"Cross sell",desc:"Increase AOV by targeting product pages and introducing related products.",image:"/assets/images/starters/cross_sell_en.jpg"},{label:"Grow social followers",category:"Social",desc:"Grow your social reach and create brand loyal customers with fun social displays.",image:"/assets/images/starters/sns_starter_en.jpg"}],ja:[{label:"シンプルイズベスト",category:"シングルイメージ",desc:"設定項目がとても少なく画像をアップしてほぼ終わりです。モバイルとデスクトップで画像を使い分けることもできます。",image:"/assets/images/starters/single_image_ja.jpg"},{label:"販売促進",category:"季節・イベント",desc:"日本の季節やイベントに対応した販促ができるテンプレートデザインです。",image:"/assets/images/starters/seasonal_ja.jpg"},{label:"離脱防止対策",category:"離脱防止",desc:"65%のビジターがカゴ落ちしています。メッセージやディスカウントで離脱を防ぎましょう。",image:"/assets/images/starters/cart_saver_ja.jpg"},{label:"見込み顧客の拡大",category:"クーポンルーレット",desc:"メールリストを増やすために最善の方法です。獲得したアドレスは、一つあたり平均4000円の売上を生み出します。",image:"/assets/images/starters/welcome_spintowin_ja.jpg"},{label:"SNSフォロワー獲得",category:"ソーシャルメディア",desc:"SNSアカウントへ誘導・フォロー促進のためのディスプレイです。",image:"/assets/images/starters/sns_starter_ja.jpg"},{label:"ユーザビリティの向上",category:"お知らせ",desc:"セール開始・ブログ新着記事・営業時間の変更など、アナウンスが何でも可能です。",image:"/assets/images/starters/notification_ja.jpg"},{label:"平均注文額(AOV)の向上",category:"送料無料",desc:"「いくらから送料無料なのか」をお客様に常に見ていただくことで、平均注文額を増加させることができます。",image:"/assets/images/starters/free_shipping_ja.jpg"},{label:"コンバージョン率の向上",category:"カウントダウンタイマー",desc:"「あと少しで終わり」と伝えることで「今すぐやらなくては」という心理にさせコンバージョンへ繋げます",image:"/assets/images/starters/countdown_ja.jpg"},{label:"見込み顧客の拡大",category:"メールスライドイン",desc:"ページ全体をブロックすることなく、メールアドレスの収集が可能です。",image:"/assets/images/starters/welcome_slidein_ja.jpg"},{label:"見込み顧客の拡大",category:"メールポップアップ",desc:"メールリストを増やすための最もフレキシブルな方法です。お客様にも馴染みがあり、カスタマイズも簡単です。",image:"/assets/images/starters/welcome_popup_ja.jpg"},{label:"平均注文額(AOV)の向上",category:"クロスセル",desc:"商品ページ閲覧者をターゲットに、関連商品を紹介することでAOV（平均注文額）を向上させます。",image:"/assets/images/starters/cross_sell_ja.jpg"}]}},72014:function(e,s,a){"use strict";a.r(s);var t=a(85893),r=a(5379),i=a.n(r),n=a(25675),o=a.n(n),l=a(11163),c=a(67294),g=a(53573),d=a(95305),m=a(39886),p=a(54610),u=a(49816),y=a(73104),h=a(84082),j=a(35773),f=a(96180),x=a(65182),b=a(94777),w=a(8587);s.default=e=>{let{title:s}=e,a=(0,l.useRouter)(),{t:r,i18n:n}=(0,g.$)(),{userData:_}=(0,w.a)(),v=(0,c.useMemo)(()=>x.R[n.language].filter(e=>!e.hideInStarter),[n.language]),gotoCreatePage=e=>{e||(e={}),(0,b.oc)({action:"selectCategory",params:{category:e.category,action:"select"},isStaffAccount:(null==_?void 0:_.staffAccount)===!0}),e.category?((0,b.hi)({eventType:"capture",key:"clicked_starter",value:{category:e.category}}),("季節・イベント"===e.category||"Events and seasonal"===e.category)&&(e.isEvent=!0)):(0,b.hi)({eventType:"capture",key:"clicked_view_all"}),a.push({pathname:"/displays/create",query:e})},N=(0,c.useMemo)(()=>v.map((e,s)=>(0,t.jsxs)(d.Z,{className:"starterCard",xs:4,lg:3,children:[(0,t.jsx)(m.Z,{style:{marginBottom:"18px"},children:(0,t.jsxs)(p.Z,{children:[(0,t.jsxs)("div",{className:"jsx-e49f68ac58ad3f41",children:[(0,t.jsx)("i",{className:"jsx-e49f68ac58ad3f41 mdi mdi-bullseye-arrow"})," ",(0,t.jsx)("span",{style:{color:"#5C3DC2"},className:"jsx-e49f68ac58ad3f41",children:e.label})]}),(0,t.jsx)(u.Z,{className:"mt-2",children:e.category}),(0,t.jsx)(y.Z,{style:{minHeight:"100px"},children:e.desc}),(0,t.jsx)("div",{className:"jsx-e49f68ac58ad3f41 image-box",children:(0,t.jsx)(o(),{className:"w-100",src:e.image,alt:e.category,fill:!0,sizes:"100%",style:{objectFit:"fill"}})}),(0,t.jsx)("div",{className:"jsx-e49f68ac58ad3f41 text-center mt-3",children:(0,t.jsxs)(h.Z,{color:"primary",onClick:()=>gotoCreatePage({category:e.category}),children:[r("See templates")," ",(0,t.jsx)("i",{className:"jsx-e49f68ac58ad3f41 mdi mdi-arrow-right"})]})})]})}),(0,t.jsx)(i(),{id:"e49f68ac58ad3f41",children:".image-box.jsx-e49f68ac58ad3f41{width:100%;position:relative;aspect-ratio:1.6}"})]},s)),[]);return(0,t.jsx)("div",{className:"container create-display pb-5",children:(0,t.jsxs)("div",{className:"page-content",children:[(0,t.jsx)(f.Z,{showBackButton:!1,title:r("Dashboard"),titleLink:"/",breadcrumbItem:s}),(0,t.jsx)(m.Z,{children:(0,t.jsx)(p.Z,{children:(0,t.jsxs)(j.Z,{className:"d-flex align-items-center justify-content-between px-2",children:[(0,t.jsxs)(d.Z,{xs:8,children:[(0,t.jsx)(u.Z,{children:r("Display starters")}),(0,t.jsxs)(y.Z,{children:[(0,t.jsxs)("span",{children:[r("High performing starting points for your displays with the best options pre-selected.")," "]}),(0,t.jsx)("strong",{children:r("All starters can be customized after selection.")})]})]}),(0,t.jsx)(d.Z,{xs:4,className:"d-flex justify-content-end",children:(0,t.jsx)(h.Z,{className:"py-2 px-3 text-nowrap",color:"primary",onClick:()=>gotoCreatePage(),children:r("Skip starters, see everything")})})]})})}),(0,t.jsxs)(j.Z,{className:"mt-2 align-items-center",children:[N,(0,t.jsx)(d.Z,{xs:3,children:(0,t.jsx)(m.Z,{children:(0,t.jsxs)(p.Z,{className:"text-center",children:[(0,t.jsx)(u.Z,{className:"mt-2",children:r("More templates")}

1),(0,t.jsx)("p",{children:r("Can't find what you are looking for or want to make something totally custom? See all of our customisable templates.")}),(0,t.jsx)("div",{className:"text-center mt-3",children:(0,t.jsx)(h.Z,{className:"py-2 px-3",color:"primary",onClick:()=>gotoCreatePage(),children:r("Skip starters, see everything")})})]})})})]})]})})}},73104:function(e,s,a){"use strict";var t=a(67294),r=a(45697),i=a.n(r),n=a(93967),o=a.n(n),l=a(22040),c=["className","cssModule","tag"];function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(this,arguments)}var g={className:i().string,cssModule:i().object,tag:l.iC};function CardText(e){var s=e.className,a=e.cssModule,r=e.tag,i=void 0===r?"p":r,n=function(e,s){if(null==e)return{};var a,t,r=function(e,s){if(null==e)return{};var a,t,r={},i=Object.keys(e);for(t=0;t<i.length;t++)a=i[t],s.indexOf(a)>=0||(r[a]=e[a]);return r}(e,s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)a=i[t],!(s.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}(e,c),g=(0,l.mx)(o()(s,"card-text"),a);return t.createElement(i,_extends({},n,{className:g}))}CardText.propTypes=g,s.Z=CardText}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=72820)}),_N_E=e.O()}]);
2//# sourceMappingURL=starters-d73f1e01ddbd746f.js.map