1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4094],{23420:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[locale]/tutorials/[platformId]/[appId]",function(){return a(88435)}])},37427:(e,t,a)=>{"use strict";a.d(t,{ga:()=>o});var s=a(42489);let r=new Set(["view_pricing","view_plugin","view_template","view_search_results","view_blog_post","cta_click"]),o={track:function(e){if(!r.has(e.name)||"function"!=typeof window.gtag)return;let{name:t,...a}=e,o={...a};(navigator.webdriver||(0,s.S1)(navigator.userAgent))&&(o.traffic_type="bot"),window.gtag("event",t,o)}};window.ga=o},42489:(e,t,a)=>{"use strict";a.d(t,{S1:()=>o});var s,r=/bot|crawl|http|lighthouse|scan|search|spider/i,o=function(e){return"string"==typeof e&&""!==e&&(function(){if(s instanceof RegExp)return s;try{s=RegExp(" daum[ /]| deusu/|(?:^|[^g])news(?!sapphire)|(?<! channel/|google/)google(?!(?:wv|app|/google| pixel))|(?<! cu)bots?(?:\\b|_)|(?<!cam)scan|(?<!lib)http|24x7|;\\s\\w+;$|@[a-z][\\w-]+\\.|\\(\\)|\\.com\\b|\\b\\w+\\.ai|\\bbw/|\\bdlc\\b|\\bort/|\\bperl\\b|\\btime/|\\||^[<\\(;]|^[\\w \\.\\-\\(?:\\):%]+(?:/v?\\d+(?:\\.\\d+)?(?:\\.\\d{1,10})*?)?(?:,|$)|^[\\w\\-]+/[\\w]+$|^[^ ]{50,}$|^\\d+\\b|^\\w*search\\b|^\\w+/[\\w\\(\\)]*$|^\\w+/\\d\\.\\d\\s\\([\\w@]+\\)$|^active|^ad muncher|^amaya|^apache/|^avsdevicesdk/|^azure|^biglotron|^blackbox exporter|^bot|^clamav[ /]|^claude-code/|^client/|^cobweb/|^custom|^ddg[_-]android|^discourse|^dispatch/\\d|^downcast/|^duckduckgo|^email|^exodusmovement|^facebook|^getright/|^gozilla/|^hobbit|^hotzonu|^hwcdn/|^igetter/|^jeode/|^jetty/|^jigsaw|^microsoft bits|^movabletype|^mozilla/\\d\\.\\d\\s[\\w\\.-]+$|^mozilla/\\d\\.\\d\\s\\((?:compatible;)?(?:\\s?[\\w\\d-.]+\\/\\d+\\.\\d+)?\\)$|^navermailapp|^netsurf|^offline|^openai/|^owler|^php|^postman|^ps_daily/|^python|^rank|^read|^reed|^remove\\.bg/|^rest|^rss|^snapchat|^sora |^space bison|^stape/|^svn|^swcd |^taringa|^thumbor/|^track|^w3c|^webbandit/|^webcopier|^wget|^whatsapp|^wordpress|^xenu link sleuth|^yahoo|^yandex|^zdm/\\d|^zoom marketplace/|abuse|advisor|agent\\b|analyzer|archive|ask jeeves/teoma|attracta|audit|bluecoat drtr|browsex|burpcollaborator|capture|catch|check\\b|checker|chrome-lighthouse|chromeframe|classifier|cloudflare|collapsify\\b|convertify|cookiehubverify/|crawl|cursor/|cypress/|dareboost|datanyze|dejaclick|detect|discovery|dmbrowser|download|exaleadcloudview|feed|fetcher|firephp|foregenix|functionize|grab|hardenize\\b|headless|hotjar|httrack|hubspot marketing grader|ibisbrowser|infrawatch|insight|inspect|iplabel|java(?!;)|library|linkcheck|linktiger|mail\\.ru/|manager|manus-user/|marketgoo/|measure|monitor\\b|neustar wpm|node\\b|nutch|offbyone|openvas|optimize|pageburst|pagespeed|parser|phantomjs|pingdom|playwright|powermarks|preview|productfinder|prospectingstudio|proxy|ptst[ /]\\d|radar|readable/|retriever|rexx;|rigor|rss\\b|scrape|securityheaders|selenium|server|silktide|sindup/|sogou|sparkler/|speedcurve|spider|splash|statuscake|supercleaner|synapse|synthetic|testlocally|tools|torrent|transcoder|upday/|url|validator|virtuoso|wappalyzer|watchtowr|webglance|webkit2png|whatcms/|xtate/","i")}catch(e){s=r}return s})().test(e)}},45105:(e,t,a)=>{e.exports=a(2470)},49879:(e,t,a)=>{"use strict";a.d(t,{O:()=>s});let s=["en","es","de","fr","pt","it","tr","nl","ru","ja","zh","hi"]},51961:e=>{e.exports={container:"layout_container__jQ1_H",header:"layout_header__iaASZ",headerbg:"layout_headerbg__ObdPy",introbg:"layout_introbg__ODojt",globebg:"layout_globebg__8itsN",alternative_first_bg:"layout_alternative_first_bg__MOlLI",alternative_second_bg:"layout_alternative_second_bg__j_X0M",alternative_quote_bg:"layout_alternative_quote_bg__e3xyi",testimonial_author:"layout_testimonial_author__cCHSt",nav:"layout_nav__mTlD3",navMobileToggle:"layout_navMobileToggle__qbS2W",navLinks:"layout_navLinks__9nIOx",headerStyles:"layout_headerStyles__3aEb1",font_medium:"layout_font_medium__i_qPH",purple_span:"layout_purple_span__26RxF",blue_span:"layout_blue_span__xYSIy",header5:"layout_header5__hLknG",square_header:"layout_square_header__i_2_r",iconFilter:"layout_iconFilter__upiiY"}},65482:e=>{e.exports={container:"turorial_layout_container__NRlCV",globebg:"turorial_layout_globebg__r45bK",backToHome:"turorial_layout_backToHome__qUcpG",blue_span:"turorial_layout_blue_span__KNH0F"}},88435:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSG:()=>ee,default:()=>et});var s=a(37876),r=a(54587),o=a.n(r),l=a(51961),c=a.n(l),i=a(77328),n=a.n(i),p=a(45105),m=a.n(p),d=a(65482),w=a.n(d);let u=(e,t,a,s=null)=>{switch(e.toLowerCase().replaceAll(" ","")){case"shopify":let r=h(t);return!r&&a&&(r=h(a)),r||(r="https://shopify.pxf.io/zN9Rb0"),r+(s??`?ref=shopifyimg-${t}-landing-page`);case"squarespace":let o=g(t);return!o&&a&&(o=g(a)),o||(o="https://www.powr.io/squarespace-plugins?"),o+(s??`ref=squaresimg-${t}-landing-page`);case"wix":let l=x(t);return!l&&a&&(l=x(a)),l||(l="https://www.wix.com/app-market/developer/powr"),l+(s??`?ref=wiximg-${t}-landing-page`);case"wordpress":return`https://help.powr.io/hc/en-us/articles/115008616927-How-to-use-POWR-on-WordPress?ref=wpimg-${t}-landing-page`;case"jimdo":let c=f(t);return!c&&a&&(c=f(a)),c||(c="https://help.jimdo.com/hc/en-us/search?utf8=%E2%9C%93&query=powr&"),c+(s??`ref=jimdoimg-${t}-landing-page`);case"bigcommerce":let i=b(t);return!i&&a&&(i=b(a)),i||(i="https://www.bigcommerce.com/apps/categories/?query=powr&"),i+(s??`ref=bcimg-${t}-landing-page`);case"weebly":let n=_(t);
1return!n&&a&&(n=_(a)),n||(n="https://www.weebly.com/app-center/developer/46743947"),n+(s??`?ref=weeblyimg-${t}-landing-page`);case"bigcartel":return`https://www.bigcartel.com/resources/help/article/powrio?ref=cartelimg-${t}-landing-page`;default:return`https://www.powr.io/plugins/${t}/standalone?platform=${e}&src=tutorials-landing-page`}},h=e=>{switch(e){case"email-countdown":case"countdown-timer":case"notification-bar":return"https://shopify.pxf.io/Wq3KJX";case"form-builder":return"https://shopify.pxf.io/Wq32xX";case"faq":return"https://shopify.pxf.io/ba9yvk";case"comments":return"https://shopify.pxf.io/y2QLEW";case"popup":return"https://shopify.pxf.io/xkDOE1";case"microblog":case"media-gallery":return"https://shopify.pxf.io/Or35on";case"social-feed":return"https://shopify.pxf.io/jrAJP5";case"multi-slider":return"https://shopify.pxf.io/3erYZr";case"map":return"https://shopify.pxf.io/3erOXd";case"contact-form":case"wholesale-form":return"https://shopify.pxf.io/m5Vbr1";case"tabs":return"https://shopify.pxf.io/5gPLmN";case"about-us":return"https://shopify.pxf.io/AWXak7";case"testimonial-slider":return"https://shopify.pxf.io/dajZZk";case"video-gallery":case"youtube-gallery":return"https://shopify.pxf.io/Or3zKZ";case"plan-comparison":return"https://shopify.pxf.io/Y93ooj";case"product-reviews":case"reviews":case"star-ratings":return"https://shopify.pxf.io/R53aab";case"survey":case"poll":return"https://shopify.pxf.io/R53aYb";case"weather":return"https://shopify.pxf.io/0ZDOOJ";case"video-slider":return"https://shopify.pxf.io/q4XNkL";case"chat":return"https://shopify.pxf.io/rQobe3";case"appointments":return"https://shopify.pxf.io/219YYQ";case"file-embed":return"https://shopify.pxf.io/6e5qqG";case"nudge":return"https://shopify.pxf.io/QygAk9";default:return null}},g=e=>{switch(e){case"popup":return"https://www.powr.io/plugins/popup/standalone?platform=squarespace&";case"countdown-timer":return"https://www.powr.io/plugins/countdown-timer/standalone?platform=squarespace&";
1case"hit-counter":return"https://www.powr.io/plugins/hit-counter/standalone?platform=squarespace&";case"map":return"https://www.powr.io/plugins/map/standalone?platform=squarespace&";case"plan-comparison":return"https://www.powr.io/plugins/price-table/standalone?platform=squarespace&";case"social-feed":return"https://www.powr.io/plugins/social-feed/standalone?platform=squarespace&";case"form-builder":return"https://www.powr.io/plugins/form-builder/standalone?platform=squarespace&";case"comments":return"https://www.powr.io/plugins/comments/standalone?platform=squarespace&";case"microblog":case"media-gallery":return"https://www.powr.io/plugins/media-gallery/standalone?platform=squarespace&";default:return null}},x=e=>{switch(e){case"popup":return"https://www.wix.com/app-market/popup";case"product-reviews":case"star-ratings":return"https://www.wix.com/app-market/powr-star-ratings-reviews";case"countdown-timer":case"notification-bar":return"https://www.wix.com/app-market/countdown-timer";case"multi-slider":return"https://www.wix.com/app-market/video-image-slider";
1case"hit-counter":return"https://www.wix.com/app-market/hit-counter";case"faq":return"https://www.wix.com/app-market/powr-faq-help-center";case"map":return"https://www.wix.com/app-market/map";case"job-board":return"https://www.wix.com/app-market/job-board-by-powr?";case"plan-comparison":return"https://www.wix.com/app-market/plan-comparison";case"twitter-feed":return"https://www.wix.com/app-market/twitter-feed";case"menu":return"https://www.wix.com/app-market/restaurant-bar-menu";case"ecommerce":return"https://www.wix.com/app-market/online-store-by-powr?";case"social-media-icons":return"https://www.wix.com/app-market/social-media-icons";case"tabs":return"https://www.wix.com/app-market/powr-tabs";case"social-feed":return"https://www.wix.com/app-market/instagram-stream";case"file-embed":return"https://www.wix.com/app-market/pdf-file-embed";case"about-us":case"team-profile":return"https://www.wix.com/app-market/team-profile-by-powr?";case"form-builder":return"https://www.wix.com/app-market/form-builder-payments";case"paypal-button":return"https://www.wix.com/app-market/paypal-button";case"stripe-button":return"https://www.wix.com/app-market/payments-button";case"comments":return"https://www.wix.com/app-market/comments-plus";case"weather":return"https://www.wix.com/app-market/weather";case"photo-editor":return"https://www.wix.com/app-market/photo-editor";case"chat":return"https://www.wix.com/app-market/facebook-chat";case"price-table":return"https://www.wix.com/app-market/price-table";case"microblog":case"media-gallery":return"https://www.wix.com/app-market/gallery";case"nudge":return"https://www.wix.com/app-market/fomo-nudge-urgent-sales";case"appointments":return"https://www.wix.com/app-market/powr-appointments-booking";case"testimonial-slider":return"https://www.wix.com/app-market/powr-testimonial-slider";case"survey":case"poll":return"https://www.wix.com/app-market/poll";default:return null}},f=e=>{switch(e){case"popup":return"https://help.jimdo.com/hc/en-us/articles/360046217411-How-do-I-add-the-POWr-Popup-to-my-Creator-website?";
1case"hit-counter":return"https://help.jimdo.com/hc/en-us/articles/360045793132-How-do-I-add-the-POWr-Hit-Counter-to-my-Creator-website?";case"social-feed":return"https://help.jimdo.com/hc/en-us/articles/360046218831-How-do-I-add-the-POWr-Social-Feed-to-my-Creator-website?";case"file-embed":return"https://help.jimdo.com/hc/en-us/articles/115005511886-How-do-I-embed-a-PDF?";case"form-builder":return"https://help.jimdo.com/hc/en-us/articles/360046217551-How-do-I-add-the-POWr-Form-to-my-Creator-website?";default:return null}},b=e=>{switch(e){case"popup":return"https://www.bigcommerce.com/apps/popup-by-powr?";case"countdown-timer":return"https://www.bigcommerce.com/apps/countdown-timer-by-powr?";case"multi-slider":return"https://www.bigcommerce.com/apps/slider-by-powr?";case"faq":return"https://www.bigcommerce.com/apps/faq-by-powr?";case"map":return"https://www.bigcommerce.com/apps/map-by-powr?";case"microblog":case"media-gallery":return"https://www.bigcommerce.com/apps/gallery-by-powr?";case"job-board":return"https://www.bigcommerce.com/apps/job-board-by-powr?";case"plan-comparison":return"https://www.bigcommerce.com/apps/price-table-by-powr?";case"social-media-icons":return"https://www.bigcommerce.com/apps/social-media-icons-by-powr?";case"tabs":return"https://www.bigcommerce.com/apps/tabs-by-powr?";case"social-feed":return"https://www.bigcommerce.com/apps/social-feed-by-powr?";case"file-embed":return"https://www.bigcommerce.com/apps/pdf-file-embed-by-powr?";case"form-builder":return"https://www.bigcommerce.com/apps/form-builder-by-powr?";case"contact-form":return"https://www.bigcommerce.com/apps/contact-form-by-powr?";case"application-form":return"https://www.bigcommerce.com/apps/application-form-by-powr?";case"comments":return"https://www.bigcommerce.com/apps/comments-by-powr?";case"chat":return"https://www.bigcommerce.com/apps/facebook-chat-by-powr?";case"testimonial-slider":return"https://www.bigcommerce.com/apps/testimonial-slider-by-powr?";case"survey":case"poll":return"https://www.bigcommerce.com/apps/survey-by-powr?";default:return null}},_=e=>{switch(e){case"popup":return"https://shrsl.com/1tgvz";case"exit-popup":return"https://shrsl.com/1tgvt";case"product-reviews":case"comments":return"https://shrsl.com/1tgvw";case"countdown-timer":return"https://shrsl.com/1tgvn";case"multi-slider":case"testimonial-slider":return"https://shrsl.com/1tgvl";
1case"hit-counter":return"https://shrsl.com/2fbay";case"faq":return"https://shrsl.com/1tgvk";case"map":return"https://shrsl.com/1tgvi";case"graph":return"https://shrsl.com/1tgvu";case"job-board":return"https://shrsl.com/1tgw4";case"plan-comparison":return"https://shrsl.com/1tgvv";case"twitter-feed":return"https://shrsl.com/1tgvr";case"notification-bar":return"https://shrsl.com/1tgwb";case"menu":return"https://shrsl.com/1tgw1";case"ecommerce":return"https://shrsl.com/1tgw5";case"social-media-icons":return"https://shrsl.com/1tgvp";case"social-feed":return"https://shrsl.com/2fbcx";case"file-embed":return"https://shrsl.com/1tgw9";case"about-us":return"https://shrsl.com/1tgvs";case"scroll-to-top":return"https://shrsl.com/1tgw6";case"form-builder":return"https://shrsl.com/1tgvm";case"paypal-button":return"https://shrsl.com/1tgwc";case"music-player":return"https://shrsl.com/1tgw2";case"weather":return"https://shrsl.com/1tgvq";case"chat":return"https://shrsl.com/1tgw8";case"media-gallery":case"microblog":return"https://shrsl.com/2fbb2";case"social-stream":case"facebook-stream":return"https://shrsl.com/1tgw0";default:return null}};var j=a(29573);let y=({className:e,children:t,as:a,...r})=>(0,s.jsx)(a||"button",{className:(0,j.QP)(` 2 py-4 px-auto 3 bg-color1 4 rounded 5 cursor-pointer 6 flex justify-center 7 text-center 8 focus:bg-[color10] focus:underline 9 hover:font-normal hover:bg-[color10] hover:no-underline 10 transition-colors duration-200 11 text-white 12 whitespace-nowrap `,e),...r,children:t}),v=({platform:e,appSlug:t,alias:a,children:r,...o})=>{let l=u(e,t,a);return(0,s.jsx)(y,{as:"a",href:l,...o,children:r})},N=e=>e?.toLowerCase()?.trim()?.replace(/[^\w\s-]/g,"")?.replace(/[\s_-]+/g,"-")?.replace(/^-+|-+$/g,"");String.prototype.titleize=function(){return this.replace(/\w\S*/g,function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()})};let k=({app_name:e,metaTitle:t,platform:a})=>{let r=N(e),o=N(a);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("meta",{content:t,property:"og:title"}),(0,s.jsx)("meta",{content:t,property:"twitter:title"}),(0,s.jsx)("meta",{content:`https://www.powr.io/${r}-for-${o}-how-to-add-to-your-site?src=tutorials`,property:"og:url"}),(0,s.jsx)("meta",{content:`https://www.powr.io/${r}-for-${o}-how-to-add-to-your-site?src=tutorials`,name:"url"}),(0,s.jsx)("meta",{content:`https://www.powr.io/${r}-for-${o}-how-to-add-to-your-site?src=tutorials`,name:"identifier-URL"}),(0,s.jsx)("meta",{content:`https://www.powrcdn.com/images/landing_pages/html/${r}-display.webp`,property:"og:image"})]})};var $=a(14232),S=a(99821),q=a(58862),z=a(49879),P=a(18483);let L={en:"{{app_slug}}-for-{{platform}}-how-to-add-to-your-site",es:"{{app_slug}}-para-{{platform}}-como-agregar-a-tu-pagina-web",fr:"{{app_slug}}
12-pour-{{platform}}-comment-ajouter-a-votre-site",de:"{{app_slug}}-fur-{{platform}}-wie-installiere-auf-deiner-seite",pt:"{{app_slug}}-para-{{platform}}-como-adicionar-ao-seu-site",it:"{{app_slug}}-per-{{platform}}-come-aggiungere-al-tuo-sito",tr:"{{app_slug}}-icin-{{platform}}-sitenize-nasıl-eklenir",nl:"{{app_slug}}-voor-{{platform}}-hoe-u-toevoegt-aan-uw-site",ru:"{{app_slug}}-длÑ-{{platform}}-как-добавиÑÑ-на-ваÑ-ÑайÑ",ja:"{{app_slug}}-ã®ããã«-{{platform}}-ããªãã®ãµã¤ãã«è¿½å ããæ¹æ³",zh:"{{app_slug}}-为-{{platform}}-å¦ä½å°æ·»å å°æ¨çç½ç«",hi:"{{app_slug}}-à¤à¥à¤²à¤¿à¤-{{platform}}-ठपनà¥à¤µà¥à¤¬à¤¸à¤¾à¤à¤-परà¤à¥à¤¸à¥-à¤à¥à¤¡à¤¼à¥à¤"},H=({locale:e,appSlug:t,platform:a})=>{let s=L[e];if(!s)return`https://www.powr.io/${t}-for-${a}-how-to-add`;let r=P[t]?.[`slug_${e}`]??t,o=s.replace("{{app_slug}}",r).replace("{{platform}}",a);return`https://www.powr.io/${o}`},T=({tutorial:e,children:t,canonical:a})=>{let r=!!e.data.alias,[l,c]=(0,$.useState)(`https://www.powrcdn.com/tutorial_pages_new_design/apps/${r?e.data.alias:e.data.app_type}.png`);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(n(),{children:[(0,s.jsx)(k,{app_name:e.data.app_name,metaTitle:e.data.metaTitle,platform:e.data.platform}),(0,s.jsx)("meta",{content:e.data.metaDesc,name:"description"}),(0,s.jsx)("meta",{content:e.data.metaDesc,name:"twitter:description"}),(0,s.jsx)("meta",{content:e.data.metaDesc,name:"og:description"}),(0,s.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:e.data.json_ld.json_ld}}),(0,s.jsx)("title",{children:e.data.metaTitle}),a&&(0,s.jsx)("link",{rel:"canonical",href:a}),z.O.map(t=>(0,s.jsx)("link",{rel:"alternate",hrefLang:t,href:`https://www.powr.io/${H({locale:t,appSlug:e.data.appSlug,platform:e.data.platform_name})}`})),(0,s.jsx)("link",{rel:"alternate",hrefLang:"x-default",href:`https://www.powr.io/${H({locale:"en",appSlug:e.data.appSlug,platform:e.data.platform_name})}`})]}),(0,s.jsx)(q.F,{}),(0,s.jsxs)("section",{className:" flex flex-col items-stretch bg-gradient-to-br from-[#E5F3FF] from-10% to-[#F6F7FA] to-90% pt-16 h-1/6 max-w-full relative ",children:[(0,s.jsx)("script",{id:"json-ld-review",type:"application/ld+json",dangerouslySetInnerHTML:{__html:e.data.json_ld_review}}),(0,s.jsx)("div",{className:"flex justify-end w-full mx-auto max-w-screen-container container-padding md:mt-4 xl:mt-8",children:(0,s.jsx)(S.m,{isLocale:!0,items:e.locales,selected:e.data.locale,platform:e.data.platform_name,slugs:e.data.localizedAppSlugs})}),(0,s.jsx)("div",{className:"container max-w-screen-container mt-3 lg:-mb-[5%] px-4 self-center",children:(0,s.jsxs)("div",{className:"flex flex-col h-full md:flex-row",children:[(0,s.jsxs)("div",{className:"lg:max-w-[480px] lg:w-1/2 pb-0 lg:pb-0 lg:mt-20 z-10",children:[(0,s.jsx)("h1",{className:` 13 ${w().blue_span} 14 capitalize 15 font-gordita-bold 16 text-3xl md:text-4xl 17 leading-normal tracking-normal 18 text-color7 md:pr-32 lg:pr-0 19 `,dangerouslySetInnerHTML:{__html:e.data.best_plugin_header_title}}),(0,s.jsx)("p",{className:"mt-4 text-sm leading-8 lg:pr-16 mb-7 sm:mb-14 md:text-lg text-color7-600",children:e.data.best_plugin_subheader}),(0,s.jsx)(v,{className:"flex max-w-full sm:max-w-[228px]",appSlug:e.data.appSlug,platform:e.data.platform_name,alias:e.data.alias,children:e.data.startFree})]}),(0,s.jsx)("div",{className:"z-10 mt-6 md:mt-0 lg:px-4 lg:w-9/12",children:(0,s.jsx)(o(),{alt:e.data.imgAlt??"",className:"object-contain border-0",width:670,height:710,priority:!0,src:l,onError:()=>{c("https://www.powrcdn.com/tutorials/tutorials-section-1-tiny.webp")}})})]})}),(0,s.jsx)(o(),{className:"hidden w-full lg:block ",alt:"",src:"https://www.powrcdn.com/tutorial_pages_new_design/white-wave.png",width:2043,height:202})]}),(0,s.jsx)("main",{className:"overflow-x-hidden mt-11 max-w-screen",children:t}),(0,s.jsx)(m(),{strategy:"afterInteractive","data-id":"1771267276",id:"chatling-embed-script",type:"text/javascript",src:"https://chatling.ai/js/embed.js"})]})},I=({children:e,className:t,as:a,...r})=>(0,s.jsx)(a||"div",{className:(0,j.QP)("container max-w-screen-container px-4 self-center",t),...r,children:e}),F=({appSlug:e,className:t,children:a,...r})=>(0,s.jsx)("a",{className:(0,j.QP)(`z-10 py-2 px-6 20 w-full md:w-auto 21 rounded 22 cursor-pointer 23 font-gordita 24 text-white text-center 25 box-border whitespace-nowrap 26 bg-color1 27 focus:bg-[color10] focus:underline 28 hover:font-normal hover:bg-[color10] hover:no-underline 29 transition-colors duration-200 30 `,t),href:`/${e}-website-app`,...r,children:a}),O=({children:e,className:t,as:a,...r})=>(0,s.jsx)(a||"h2",{className:(0,j.QP)("font-gordita-bold text-color7 text-2xl md:text-h40 md:leading-snug",t),...r,children:e});var C=a(37126),Q=a(66868);let A=({children:e,className:t,html:a,...r})=>{let o=(0,j.QP)("font-normal text-paragraph box-border leading-6",t);return a?(0,s.jsx)("div",{className:o,dangerouslySetInnerHTML:{__html:a},...r}):(0,s.jsx)("p",{className:o,...r,children:e})},M=e=>{let{how_to_add:t,create_your:a,appSlug:r,click_here:o,tutorialSteps:l,alias:c,platform_name:i}=e;return(0,s.jsxs)("div",{className:"step",children:[(0,s.jsx)("h2",{className:"font-gordita-medium text-base md:text-2xl text-color7 mt-6",children:t}),(0,s.jsxs)("ol",{id:"step",className:"list-none [counter-reset:section]",children:[(0,s.jsxs)("li",{className:" mb-2 mt-5 pl-9 relative [counter-increment:section] before:[content:counters(section,'.')] before:bg-blue before:text-white before:text-center before:absolute before:left-0 before:w-6 before:h-6 before:rounded-full ",children:[(0,s.jsx)("p",{className:" font-gordita-medium text-sm md:text-xl leading-8 text-color7 ",children:a}),(0,s.jsx)(v,{className:"text-[color1] bg-transparent w-min hover:bg-transparent h-auto p-0 pt-1 text-xs md:text-base",appSlug:r,platform:i,alias:c,children:o})]}),l.map(e=>(0,s.jsxs)("li",{className:" mb-2 mt-5 pl-9 relative [counter-increment:section] before:[content:counters(section,'.')] before:bg-blue before:text-white before:text-center before:absolute before:left-0 before:w-6 before:h-6 before:rounded-full ",children:[e.title&&(0,s.jsx)("p",{className:" font-gordita-medium text-sm md:text-xl leading-8 text-color7 ",dangerouslySetInnerHTML:{__html:e.title}}
30),e.description&&!e.isCodeBlock&&(0,s.jsx)("div",{className:"font-normal text-paragraph leading-6 mt-2 text-xs md:text-base",dangerouslySetInnerHTML:{__html:e.description.split("<br><br>").join("")}}),e.isCodeBlock&&(0,s.jsx)("p",{className:"font-normal text-paragraph leading-6 mt-2 text-xs md:text-base",children:"Your code block will be available once you create your app"})]},e.title))]})]})};var E=a(37427);let W=({platform:e,appSlug:t,parentAppSlug:a,src:r})=>{let l=u(e,t,a,r);return(0,s.jsx)("a",{href:l,target:"_blank",className:"mt-8 max-w-fit",onClick:()=>{E.ga.track({name:"cta_click",cta_text:e,cta_location:`platforms_cta:${r}`})},children:(0,s.jsx)(o(),{src:`https://www.powrcdn.com/tutorial_pages_new_design/platforms-btn/${e}.png`,alt:"",width:200,height:80,className:"object-contain"})})},R=e=>{let{embed_plugin_header_text:t,embed_plugin_description:a,tutorialSteps:r,appSlug:o,click_here:l,create_your:i,how_to_add:n,autoVideo:p,app_name:m,alias:d,platform_name:w,platform:u}=e;return(0,s.jsx)("section",{className:"flex flex-col",children:(0,s.jsx)(I,{className:"z-20",children:(0,s.jsx)("div",{className:"flex flex-col md:flex-row",children:(0,s.jsxs)("div",{className:" flex justify-center flex-col md:pr-4",children:[(0,s.jsx)("h2",{dangerouslySetInnerHTML:{__html:t},className:`md:leading-normal text-base md:text-[2rem] font-gordita-bold text-color7 ${c().blue_span}`}),(0,s.jsx)(A,{className:"mt-4 text-sm md:text-base",children:a}),(0,s.jsx)("div",{className:"",children:r.length>0&&(0,s.jsx)(M,{alias:d,platform_name:w,appSlug:o,click_here:l,create_your:i,how_to_add:n,tutorialSteps:r})}),["wix","shopify"].includes(w)&&(0,s.jsx)(W,{platform:w,appSlug:o,parentAppSlug:d,src:`?src=${o}-tutorial-${w}-cta`})]})})})})},D=({children:e,className:t,as:a,...r})=>(0,s.jsx)(a||"h2",{className:(0,j.QP)("font-gordita-bold text-color7 text-xl md:text-[2rem] md:leading-snug box-border",t),...r,children:e}),X=({children:e,className:t,...a})=>(0,s.jsx)("p",{className:(0,j.QP)("font-normal text-color7-600 text-xl box-border",t),...a,children:e}),Y=({appSlug:e,platform_name:t,startFree:a})=>(0,s.jsx)("section",{className:"mt-20 md:mt-40 flex justify-center",children:(0,s.jsxs)(I,{className:"flex-col items-center",children:[(0,s.jsx)(D,{className:"max-w-[750px] text-[2rem] mx-auto text-center mb-4",children:"Trusted by the best in the biz!"}),(0,s.jsxs)(X,{className:"max-w-[750px] mx-auto text-center text-color7-600",children:["POWR has helped over a half million businesses on every continent",(0,s.jsx)("br",{})," (besides Antarctica, because of course not)"]}),(0,s.jsxs)("div",{className:"flex flex-row justify-center md:px-22 flex-wrap gap-11 mt-10 w-full",children:[(0,s.jsx)(o(),{className:"w-20 md:min-w-[200px]",src:"https://www.powrcdn.com/tutorial_pages_new_design/1.svg",alt:"",width:200,height:62}),(0,s.jsx)(o(),{className:"w-20 md:min-w-[175px]",src:"https://www.powrcdn.com/tutorial_pages_new_design/2.svg",alt:"",width:175,height:62}),(0,s.jsx)(o(),{className:"w-20 md:min-w-[220px]",src:"https://www.powrcdn.com/tutorial_pages_new_design/3.svg",alt:"",width:220,height:75}),(0,s.jsx)(o(),{className:"w-20 md:min-w-[200px]",src:"https://www.powrcdn.com/tutorial_pages_new_design/4.svg",alt:"",width:200,height:75}),(0,s.jsx)(o(),{className:"w-20 md:min-w-[220px]",src:"https://www.powrcdn.com/tutorial_pages_new_design/5.svg",alt:"",width:220,height:27}),(0,s.jsx)(o(),{className:"w-20 md:min-w-[175px]",src:"https://www.powrcdn.com/tutorial_pages_new_design/6.svg",alt:"",width:175,height:79}),(0,s.jsx)(o(),{className:"w-20 md:min-w-[200px]",src:"https://www.powrcdn.com/tutorial_pages_new_design/7.svg",alt:"",width:200,height:38})]}),(0,s.jsx)(v,{className:"mt-10 mx-auto w-56",appSlug:e,platform:t,children:a})]})}),Z=({html:e,className:t,children:a,as:r,...o}
30)=>{let l=(0,j.QP)("font-gordita text-lg md:text-xl leading-6 text-color7 md:leading-7 box-border",t);return e?(0,s.jsx)("div",{dangerouslySetInnerHTML:{__html:e},className:l,...o}):(0,s.jsx)(r||"h2",{className:l,...o,children:a})},V=({className:e,html:t,children:a,as:r,...o})=>{let l=(0,j.QP)("font-gordita text-xl leading-8 text-color7 md:text-2xl md:leading-9",e);return t?(0,s.jsx)("div",{dangerouslySetInnerHTML:{__html:t},className:l,...o}):(0,s.jsx)(r||"h2",{className:l,...o,children:a})},G=e=>{let{tutorial_page_sentence_40:t,tutorial_page_sentence_41:a,tutorial_page_sentence_42:r,app_name:l,platform:i,contacts_growth:n,engagement_growth:p,visitors_spent_time:m}=e;return(0,s.jsx)("section",{className:"",children:(0,s.jsxs)(I,{className:"mt-20 md:mt-40 mx-auto",children:[(0,s.jsx)("div",{className:"mt-16",children:(0,s.jsxs)("div",{className:"flex flex-col-reverse lg:flex-row flex-shrink-0 justify-start gap-10 w-full",children:[(0,s.jsxs)("div",{className:"w-full",children:[(0,s.jsx)(V,{className:"font-gordita-medium",children:t}),(0,s.jsx)(A,{html:a,className:"mt-4 text-sm md:text-base"}),(0,s.jsx)(A,{html:r,className:"mt-2 text-sm md:text-base"})]}),(0,s.jsx)(o(),{src:"https://www.powrcdn.com/tutorials/image-5.webp",className:"self-start w-full ",alt:`Add ${l} to ${i}`,width:458,height:320})]})}),(0,s.jsxs)("div",{className:"flex flex-col md:flex-row justify-around gap-16 mt-20 md:mt-40 text-center ",children:[(0,s.jsxs)("div",{className:"flex flex-1 flex-col gap-y-4 items-center",children:[(0,s.jsx)(o(),{className:"h-12 w-auto",src:"https://www.powrcdn.com/tutorial_pages_new_design/vector-1.svg",alt:`${l} to ${i}`,width:60,height:47}),(0,s.jsx)(Z,{className:`${c().blue_span} font-gordita-bold`,html:n})]}),(0,s.jsxs)("div",{className:"flex flex-1 flex-col gap-y-4 items-center",children:[(0,s.jsx)(o(),{className:"h-12 w-auto",src:"https://www.powrcdn.com/tutorial_pages_new_design/vector-2.svg",alt:`${l} to ${i}`,width:65,height:42}),(0,s.jsx)(Z,{className:`${c().blue_span} font-gordita-bold`,html:p})]}),(0,s.jsxs)("div",{className:"flex flex-1 flex-col gap-y-4 items-center",children:[(0,s.jsx)(o(),{className:"h-12 w-auto",src:"https://www.powrcdn.com/tutorial_pages_new_design/vector.svg",alt:`${l} to ${i}`,width:65,height:65}),(0,s.jsx)(Z,{className:`${c().blue_span} font-gordita-bold`,html:m})]})]})]})})},K=({alt:e,height:t,width:a,png:r,webp:l,className:c,...i})=>(0,s.jsxs)("picture",{className:(0,j.QP)("flex justify-center",c),...i,children:[(0,s.jsx)("source",{srcSet:l,type:"image/webp"}),(0,s.jsx)("source",{srcSet:r,type:"image/png"}),(0,s.jsx)(o(),{alt:e,className:"align-middle border-0 w-auto","data-cfsrc":r,src:r,width:a,height:t})]}),J=e=>{let{tutorial_page_sentence_20:t,tutorial_page_sentence_21:a,tutorial_page_sentence_22:r}=e;return(0,s.jsxs)("section",{className:"mt-40 flex flex-col md:flex-row",children:[(0,s.jsxs)("div",{className:"w-full bg-[#1F2A3C] flex justify-center flex-col py-20 px-4 xl:px-20 text-center",children:[(0,s.jsx)(K,{webp:"https://www.powrcdn.com/tutorials/support.webp",png:"https://www.powrcdn.com/tutorial_pages_new_design/support.png",width:280,height:200,className:"h-202 content-center",alt:"Support feature"}),(0,s.jsx)(Z,{className:"mt-8 text-center text-base text-white font-gordita-medium",children:t})]}),(0,s.jsxs)("div",{className:"w-full bg-blue-50 flex justify-center flex-col py-20 px-4 xl:px-20 text-center ",children:[(0,s.jsx)(K,{webp:"https://www.powrcdn.com/tutorials/security.webp",png:"https://www.powrcdn.com/tutorial_pages_new_design/security.png",width:340,height:200,className:"h-202",alt:"security feature"}),(0,s.jsx)(Z,{className:`mt-8 text-center${c().testimonial_author} text-base font-gordita-medium`,html:a}),(0,s.jsx)("p",{className:"mt-4 mx-4 text-sm text-center text-color7 leading-6",children:r})]})]})},U=e=>{let{about_app_title:t,tutorial_page_sentence_1:a,tutorial_page_sentence_2:r,tutorial_page_sentence_7:l,tutorial_page_sentence_8:c,tutorial_page_sentence_11:i,tutorial_page_sentence_12:n,app_name:p,platform:m}=e;return(0,s.jsx)("section",{className:"flex flex-col mt-20 md:mt-40",children:(0,s.jsxs)(I,{children:[(0,s.jsx)(D,{as:"h2",className:"text-center mb-10 text-2xl",children:t}),(0,s.jsxs)("div",{className:"flex flex-col gap-y-10 md:flex-row items-center md:items-start justify-between",children:[(0,s.jsxs)("div",{className:"md:w-1/2",children:[(0,s.jsx)(Z,{as:"h3",className:"mt-2 mb-4 text-base font-gordita-medium",children:a}),(0,s.jsx)(A,{html:r,className:"mt-4 mb-2 text-sm md:text-base"})]}),(0,s.jsx)(o(),{alt:`${p} to ${m}`,width:301,height:264,className:"w-auto",src:"https://www.powrcdn.com/tutorials/img1.png"})]}),(0,s.jsxs)("div",{className:"flex flex-col-reverse gap-y-10 md:flex-row items-center md:items-start justify-between mt-10",children:[(0,s.jsx)(o(),{alt:`Add ${p} to ${m}`,width:350,height:266,className:"w-auto","data-cfsrc":"https://www.powrcdn.com/tutorials/img2.png",src:"https://www.powrcdn.com/tutorials/img2.webp"}),(0,s.jsxs)("div",{className:"md:w-1/2",children:[(0,s.jsx)(Z,{as:"h3",className:"mt-2 mb-4 text-base font-gordita-medium",children:l}),(0,s.jsx)(A,{html:c,className:"mt-4 mb-2 text-sm md:text-base"})]})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-y-10 md:flex-row items-center md:items-start justify-between mt-10",children:[(0,s.jsxs)("div",{className:"md:w-1/2",children:[(0,s.jsx)(Z,{as:"h3",className:"mt-2 mb-4 text-base font-gordita-medium",children:i}),(0,s.jsx)(A,{html:n,className:"mt-4 text-sm md:text-base"})]}),(0,s.jsx)(o(),{alt:`Add ${p} to ${m}`,width:350,height:266,className:"w-auto","data-cfsrc":"https://www.powrcdn.com/tutorials/img3.webp",src:"https://www.powrcdn.com/tutorials/img3.webp"})]})]})})};function B(e){let{data:t,canonical:a}=e;return(0,s.jsxs)(T,{tutorial:e,canonical:a,children:[(0,s.jsx)(R,{alias:t.alias,platform_name:t.platform_name,appSlug:t.appSlug,app_name:t.app_name,click_here:t.click_here,create_your:t.create_your,embed_plugin_description:t.embed_plugin_description,embed_plugin_header_text:t.embed_plugin_header_text,how_to_add:t.how_to_add,platform:t.platform,tutorialSteps:t.tutorialSteps,autoVideo:t.autoVideo}),(0,s.jsx)("section",{className:"flex flex-col mt-20 md:mt-40",children:(0,s.jsx)(I,{children:(0,s.jsxs)("div",{className:" flex flex-col md:flex-row content-center items-center gap-10 bg-blue-gray-50 rounded-3xl text-color7 px-6 py-12 md:p-12 ",children:[(0,s.jsx)("p",{className:`font-gordita-bold text-lg md:text-2xl leading-9 ${c().purple_span}`,dangerouslySetInnerHTML:{__html:t.banner_first_description}}),(0,s.jsx)(F,{className:"md:mt-0 ml-auto ",appSlug:t.appSlug,children:t.banner_first_cta}
30)]})})}),(0,s.jsx)(U,{about_app_title:t.about_app_title,tutorial_page_sentence_1:t.tutorial_page_sentence_1,tutorial_page_sentence_2:t.tutorial_page_sentence_2,tutorial_page_sentence_7:t.tutorial_page_sentence_7,tutorial_page_sentence_8:t.tutorial_page_sentence_8,tutorial_page_sentence_11:t.tutorial_page_sentence_11,tutorial_page_sentence_12:t.tutorial_page_sentence_12,app_name:t.app_name,platform:t.platform}),(0,s.jsx)(J,{tutorial_page_sentence_20:t.tutorial_page_sentence_20,tutorial_page_sentence_21:t.tutorial_page_sentence_21,tutorial_page_sentence_22:t.tutorial_page_sentence_22}),(0,s.jsx)(G,{app_name:t.app_name,contacts_growth:t.contacts_growth,engagement_growth:t.engagement_growth,platform:t.platform,tutorial_page_sentence_40:t.tutorial_page_sentence_40,tutorial_page_sentence_41:t.tutorial_page_sentence_41,tutorial_page_sentence_42:t.tutorial_page_sentence_42,visitors_spent_time:t.visitors_spent_time}),(0,s.jsx)(I,{as:"section",className:"mx-auto mt-20 md:mt-40 ",children:(0,s.jsxs)("div",{className:"rounded-3xl shadow-md flex relative overflow-hidden",children:[(0,s.jsxs)("div",{className:"p-6 md:p-12 w-full flex flex-col",children:[(0,s.jsx)(O,{as:"h3",className:"text-[2rem] font-gordita-bold mb-auto",children:t.banner_second_description}),(0,s.jsx)(y,{as:"a",href:"https://www.powr.io/demo",className:"px-6 py-2 mt-6 font-gordita-medium w-full md:max-w-min",children:t.banner_second_cta})]}),(0,s.jsx)(o(),{src:"https://www.powrcdn.com/tutorial_pages_new_design/woman-lookin-for-powr-apps.webp",alt:"",width:508,height:265,className:"w-full object-contain hidden md:block self-end min-w-[508px]"}),(0,s.jsx)(o(),{src:"https://www.powrcdn.com/PaaP_LandingPage/free_trial_banner/free_trial_banner_bg_new.webp",alt:"",width:256,height:74,className:"absolute w-full h-full -z-10"})]})}),(0,s.jsx)(Y,{appSlug:t.appSlug,platform_name:t.platform_name,startFree:t.startFree}),t.faq.title&&(0,s.jsx)(Q.I,{data:{faq:t.faq.title,faqQuestions:t.faq.faqQuestions,faqSubTitle:t.faq.faqSubTitle},containerProps:{className:"mt-28 md:mt-40"}}),(0,s.jsx)("div",{className:"mt-28 md:mt-40",children:(0,s.jsx)(C.V,{})})]})}var ee=!0;let et=function({tutorial:e,canonical:t}){return(0,s.jsx)(B,{data:e.data,locales:e.localesMap,canonical:t})}}},e=>{e.O(0,[7725,8805,3899,8279,3064,4658,8862,3083,636,6593,8792],()=>e(e.s=23420)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.