https://openwidget.com/_next/static/chunks/3877-470a332ad0074f14.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3877],{71043:function(e,n,t){var i=t(82729),r=t(35944),o=t(70917),a=t(84047),c=t(40771);function s(){let e=(0,i._)(["\n	",";\n	color: #0d0d0d;\n	background-color: #e2e2e4;\n	border-radius: 16px;\n	margin-top: 10px;\n	font-size: 14px;\n	border: 0;\n	display: flex;\n	align-items: center;\n	padding: 8px 15px;\n	cursor: pointer;\n\n	svg {\n		margin-right: 5px;\n	}\n"]);return s=function(){return e},e}let d=(0,o.iv)(s(),a.Ph);n.Z=e=>{let{feature:n}=e,t={"data-openwidget-action":"maximize",...n&&{"data-openwidget-feature":n}};return(0,r.BX)("button",{css:d,...t,children:[(0,r.tZ)(c.tE,{})," Show me live demo"]})}},23890:function(e,n,t){t.d(n,{Z:function(){return w}});var i=t(82729),r=t(35944),o=t(70917),a=t(25675),c=t.n(a),s={src:"/_next/static/media/hdr.e3d56da1.png",height:922,width:2800,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAD1BMVEUSEhYdFiUhHkZdNqIqI1uY7SyLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAF0lEQVR4nGNgAANGRgjNwswMYTAxMQIAALwAEjZeFmsAAAAASUVORK5CYII=",blurWidth:8,blurHeight:3},d=t(84047),l=t(28712);function u(){let e=(0,i._)(["\n	",";\n	padding: 50px;\n	padding-top: 20px;\n\n	@media (max-width: 550px) {\n		padding: 20px;\n	}\n"]);return u=function(){return e},e}function p(){let e=(0,i._)(["\n	",";\n	color: var(--color-black-200);\n	padding: 60px;\n	border-radius: 20px;\n	position: relative;\n	overflow: hidden;\n\n	@media (max-width: 550px) {\n		padding: 20px;\n	}\n\n	p {\n		max-width: 500px;\n	}\n\n	strong {\n		color: var(--color-black-50);\n	}\n"]);return p=function(){return e},e}function m(){let e=(0,i._)(["\n	position: absolute;\n	height: 100%;\n	width: 100%;\n	inset: 0;\n	z-index: -1;\n	background-color: var(--color-black);\n"]);return m=function(){return e},e}let g=(0,o.iv)(u(),d.YS),h=e=>(0,o.iv)(p(),e.typography.mediumHeader),f=(0,o.iv)(m());var w=()=>(0,r.tZ)("section",{css:g,children:(0,r.BX)("div",{css:h,children:[(0,r.BX)("p",{children:["You’re only ",(0,r.tZ)("strong",{children:"5 minutes"})," away from supporting your store visitors with OpenWidget."]}),(0,r.tZ)("div",{children:(0,r.tZ)(l.Z,{mode:"dark"})}),(0,r.tZ)("div",{css:f,children:(0,r.tZ)(c(),{src:s,alt:"",fill:!0,sizes:"100vw",style:{objectFit:"cover",objectPosition:"center"}})})]})})},28712:function(e,n,t){var i=t(82729),r=t(35944),o=t(67294),a=t(70917),c=t(4485),s=t(84047);function d(){let e=(0,i._)(["\n	font-size: 1rem;\n"]);return d=function(){return e},e}function l(){let e=(0,i._)(["\n	display: flex;\n	align-items: center;\n"]);return l=function(){return e},e}function u(){let e=(0,i._)(["\n	appearance: none;\n	border: 0;\n	padding: 15px;\n	outline-style: solid;\n	outline-width: 1px;\n	outline-color: #a6a6a6;\n	font-size: inherit;\n	color: var(--color-black-600);\n	background-color: ",";\n	border-radius: 12px;\n	max-width: 250px;\n	flex-grow: 1;\n	width: 100%;\n	display: block;\n	border: 1px solid transparent;\n	transition: 200ms border-color;\n	line-height: 1.1em;\n\n	&:focus {\n		box-shadow: 0 0 0 4px #ffd000;\n		outline-color: var(--color-black-500);\n	}\n"]);return u=function(){return e},e}let p=(0,a.iv)(d()),m=(0,a.iv)(l()),g=e=>(0,a.iv)(u(),"var(--color-white)");n.Z=e=>{let{mode:n="light"}=e,[t,i]=o.useState(""),a=(0,c.Z)("signup-form",t);return(0,r.tZ)("div",{css:p,children:(0,r.tZ)("form",{name:"signup",onSubmit:e=>{e.preventDefault(),window.location.href=a},children:(0,r.BX)("div",{css:m,children:[(0,r.tZ)("input",{css:g(n),type:"email",placeholder:"Your email...",required:!0,name:"email",autoComplete:"email",onChange:e=>i(e.target.value.trim())}),(0,r.tZ)("button",{css:(0,s.LI)(n,!1),type:"submit",children:"Get started"})]})})})}},43243:function(e,n,t){var i=t(82729),r=t(35944),o=t(70917),a=t(25675),c=t.n(a);function s(){let e=(0,i._)(["\n	background-color: #fff;\n	border-radius: 20px;\n	overflow: hidden;\n	position: relative;\n\n	&:hover {\n		.heroImage img {\n			transform: scale(1.1);\n		}\n	}\n\n	a {\n		text-decoration: none;\n		color: inherit;\n	}\n\n	h2 {\n		",";\n	}\n"]);return s=function(){return e},e}function d(){let e=(0,i._)(["\n	height: 250px;\n	position: relative;\n	overflow: hidden;\n\n	img {\n		transition: transform 0.2s ease-in-out;\n		object-fit: cover;\n	}\n"]);return d=function(){return e},e}function l(){let e=(0,i._)(["\n	padding: 40px;\n\n	@media (max-width: 1050px) {\n		padding: 20px;\n	}\n"]);return l=function(){return e},e}let u=e=>(0,o.iv)(s(),e.typography.mediumHeader),p=(0,o.iv)(d()),m=(0,o.iv)(l());n.Z=e=>{let{imageSource:n,imageAlt:t,children:i}=e;return(0,r.BX)("div",{css:u,children:[(0,r.tZ)("div",{css:p,className:"heroImage",children:(0,r.tZ)(c(),{src:n,alt:t,fill:!0,sizes:"100vw"})}),(0,r.tZ)("div",{css:m,children:i})]})}},29911:function(e,n,t){var i=t(35944);t(67294),n.Z=e=>

1{let{src:n,poster:t="",controls:r=!1,playsInline:o=!0,...a}=e;return(0,i.tZ)("video",{controls:r,loop:!0,autoPlay:!0,width:"100%",muted:!0,playsInline:o,poster:t,...a,children:(0,i.tZ)("source",{src:n,type:"video/mp4"})})}},80743:function(e,n,t){t.d(n,{Z:function(){return g}});var i=t(82729),r=t(35944),o=t(70917),a=t(41664),c=t.n(a),s=t(11163),d=t(84047),l=JSON.parse('[{"title":"Create Your Own","description":"Create your own widget and provide customers with even more personalized experience!","imageSource":"widgets/OpenWidgetAppExample.png","imageAlt":"Custom widget created with OpenWidget Apps","link":"/widgets/create-your-own","categories":["e-commerce","software-and-cloud","marketing","education","finance","support"]},{"title":"WhatsApp Chat Widget for Websites","description":"Give your customers the option to reach out to you anytime. Answer their questions on the go and increase your business conversion.","imageSource":"widgets/WhatsAppWidget.png","imageAlt":"WhatsApp Chat Widget for Websites illustration","link":"/widgets/whatsapp-chat-widget-for-website","categories":["e-commerce","software-and-cloud","marketing","education","finance","support"]},{"title":"Facebook Messenger Widget for Your Website","description":"Enhance your customer service with our free and easy-to-use alternative for Facebook Chat Plugin.","imageSource":"widgets/MessengerWidget.png","imageAlt":"Facebook Messenger Widget illustration","link":"/widgets/facebook-messenger-widget","categories":["e-commerce","software-and-cloud","marketing","education","finance","support"]},{"title":"Google Reviews","description":"Enhance your business\'s credibility and customer appeal by displaying Google Reviews right on your website.","imageSource":"widgets/googlereviews.png","imageAlt":"Screenshot of website with google reviews widget","link":"/widgets/google-reviews","categories":["e-commerce","education","marketing"]},{"title":"Custom Links","description":"Custom Links are a great way to navigate your customers to the most valuable resources offered by your company!","imageSource":"widgets/CustomLinksWidget.png","imageAlt":"Custom Links illustration","link":"/widgets/custom-links-widget","categories":["e-commerce","software-and-cloud","marketing","education","finance","support"]},{"title":"Contact Form","description":"Streamline online communication and maintain meaningful relations with your customers with the use of the Contact Form Widget!","imageSource":"widgets/Conctact_Form.png","imageAlt":"Contact form illustration","link":"/widgets/contact-form","categories":["e-commerce","software-and-cloud","marketing","education","finance","support"]},{"title":"FAQ Template","description":"Answer the most common questions and save your time with the FAQ Template.","imageSource":"widgets/FAQ.png","imageAlt":"FAQ template illustration","link":"/widgets/faq-template","categories":["e-commerce","software-and-cloud","marketing","education","finance","support"]},{"title":"Product Cards","description":"Display your products in a beautiful way with the Product Cards Widget.","imageSource":"widgets/ProductCards.png","imageAlt":"Product cards widget illustration","link":"/widgets/product-cards","categories":["e-commerce","software-and-cloud","marketing"]},{"title":"Product Recommendations Widget","description":"Increase your sales by displaying personalized product recommendations with the AI Product Recommendations Widget.","imageSource":"widgets/Product_recommendations.png","imageAlt":"Product recommendations widget illustration","link":"/widgets/product-recommendations","categories":["e-commerce","marketing"]},{"title":"Visitor counter","description":"Add transparency to your business and start closing more sales","imageSource":"widgets/VisitorCounter.png","imageAlt":"Visitor counter widget illustration","link":"/widgets/visitor-counter","categories":["e-commerce","software-and-cloud","marketing","education","finance"]},{"title":"Bug Report Form","description":"Smash bugs and create a flawless user experience together with your customers.","imageSource":"widgets/bug_report.png","imageAlt":"Bug report form illustration","link":"/widgets/bug-report-template","categories":["software-and-cloud","education","support"]},{"title":"Feedback Form Template","description":"Collect feedback from your website visitors and improve your products and services with the Feedback Form Template.","imageSource":"widgets/Feedback.png","imageAlt":"Feedback form illustration","link":"/widgets/feedback-form-template","categories":["e-commerce","software-and-cloud","education","support"]}]'),u=t(43243);function p(){let e=(0,i._)(["\n	margin-top: 0;\n"]);return p=function(){return e},e}let m=(0,o.iv)(p());var g=e=>{let{category:n="All"}=e,t=(0,s.useRouter)();return(0,r.tZ)(r.HY,{children:l.filter(e=>{var i;return e.link!==t.pathname&&("All"===n||(null===(i=e.categories)||void 0===i?void 0:i.includes(n)))}).map(e=>(0,r.BX)(u.Z,{imageSource:"/".concat(e.imageSource),imageAlt:e.imageAlt,children:[(0,r.tZ)("h2",{css:m,children:(0,r.tZ)(c(),{href:e.link,css:d.ug,children:e.title})}),(0,r.tZ)("p",{children:e.description})]},e.title))})}},75275:function(e,n,t){t.d(n,{$:function(){return h}});var i=t(82729),r=t(35944);t(67294);var o=t(70917),a=t(84047),c=t(71043),s=t(28712);function d(){let e=(0,i._)(["\n	",";\n	",";\n	padding-top: 50px;\n	padding-bottom: 50px;

1\n	display: grid;\n	grid-template-columns: ",";\n	column-gap: 20px;\n	flex-direction: row;\n	margin-bottom: 30px;\n	word-break: break-word;\n\n	@media (max-width: 1050px) {\n		grid-template-columns: minmax(0, 1fr);\n	}\n"]);return d=function(){return e},e}function l(){let e=(0,i._)(["\n	",";\n	color: var(--color-black-950);\n	margin-top: 0;\n	margin-bottom: 0;\n"]);return l=function(){return e},e}function u(){let e=(0,i._)(["\n	@media (max-width: 1050px) {\n		align-items: center;\n	}\n\n	@media (max-width: 550px) {\n		padding: 30px 0;\n	}\n"]);return u=function(){return e},e}function p(){let e=(0,i._)(["\n	min-height: 500px;\n\n	video {\n		width: 100%;\n		top: 0;\n		left: 0;\n		right: 0;\n		bottom: 0;\n		object-fit: cover;\n		height: 100%;\n	}\n\n	@media (max-width: 550px) {\n		min-height: 300px;\n	}\n"]);return p=function(){return e},e}function m(){let e=(0,i._)(["\n	",";\n	max-width: 500px;\n	padding-top: 20px;\n"]);return m=function(){return e},e}let g=e=>(0,o.iv)(d(),a.YS,a.up,e?"1fr 1fr":"11fr 9fr"),h=e=>(0,o.iv)(l(),(0,a.Fs)(e)),f=(0,o.iv)(u()),w=(0,o.iv)(p()),v=e=>(0,o.iv)(m(),(0,a.AR)(e));n.Z=e=>{let{children:n,showSignup:t=!0,imageComponent:i,hasEqualColumns:o=!1,demoButtonFeature:a}=e;return(0,r.BX)("section",{css:g(o),children:[(0,r.tZ)("div",{css:f,children:(0,r.BX)("div",{css:v,children:[n,t&&(0,r.tZ)("div",{children:(0,r.tZ)(s.Z,{})})]})}),(0,r.BX)("div",{css:w,children:[i,a&&(0,r.tZ)(c.Z,{feature:a})]})]})}},43443:function(e,n,t){var i=t(82729),r=t(35944),o=t(70917),a=t(84047),c=t(80743);function s(){let e=(0,i._)(["\n	",";\n	",";\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	margin-top: 160px;\n"]);return s=function(){return e},e}function d(){let e=(0,i._)(["\n	position: relative;\n"]);return d=function(){return e},e}function l(){let e=(0,i._)(["\n	",";\n	margin-bottom: 32px;\n	margin-top: 0;\n"]);return l=function(){return e},e}function u(){let e=(0,i._)(["\n	text-align: center;\n	max-width: 550px;\n	margin-bottom: 12px;\n	",";\n\n	p {\n		margin: 0;\n	}\n"]);return u=function(){return e},e}function p(){let e=(0,i._)(["\n	width: 100%;\n	max-width: 100%;\n	overflow-x: auto;\n	padding-bottom: 15px;\n	display: flex;\n	column-gap: 16px;\n	margin-top: 32px;\n	scroll-snap-type: x mandatory;\n\n	& > div {\n		flex: 1;\n		flex-shrink: 0;\n		flex-basis: 340px;\n		scroll-snap-align: start;\n	}\n\n	@media (max-width: 1050px) {\n		& > div {\n			flex-basis: 270px;\n			scroll-snap-align: center;\n		}\n	}\n"]);return p=function(){return e},e}let m=(0,o.iv)(s(),a.YS,a.up),g=(0,o.iv)(d()),h=e=>(0,o.iv)(l(),e.typography.extraBig),f=e=>(0,o.iv)(u(),(0,a.AR)(e)),w=(0,o.iv)(p());n.Z=()=>(0,r.BX)("section",{css:m,children:[(0,r.tZ)("div",{css:g,children:(0,r.tZ)("h2",{css:h,children:"More widgets"})}),(0,r.tZ)("div",{css:f,children:(0,r.tZ)("p",{children:"Unlock Growth and Simplicity with Our Free Website Widgets - Streamline Your Interaction with Potential Customers Without Overcomplicating the Process!"})}),(0,r.tZ)("div",{css:w,children:(0,r.tZ)(c.Z,{})})]})}}]);