1<!doctype html> 2<html data-n-head-ssr translate="no" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22%22%7D,%22translate%22:%7B%22ssr%22:%22no%22%7D%7D"> 3 <head> 4 <title>Integration examples - EasyWeek Widget</title><meta data-n-head="ssr" charset="utf-8"> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=4a333768-d423-41bd-b077-e1d48539a633 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta data-n-head="ssr" data-hid="viewport" name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,viewport-fit=cover,user-scalable=no,shrink-to-fit=no"><meta data-n-head="ssr" data-hid="robots" name="robots" content="max-image-preview:large"><meta data-n-head="ssr" name="og:type" property="og:type" content="website"><meta data-n-head="ssr" data-hid="twitter:card" name="twitter:card" content="summary_large_image"><meta data-n-head="ssr" data-hid="twitter:image" name="twitter:image" content="/easyweek-widget.png"><meta data-n-head="ssr" data-hid="og:image" name="og:image" content="/easyweek-widget.png"><link data-n-head="ssr" data-hid="uikit" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" rel="stylesheet">
7<script data-n-head="ssr" data-hid="uikit" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js" async></script>
7<script data-n-head="ssr" data-hid="widget" src="https://widget.easyweek.io/widget.js"></script>
7<link rel="preload" href="/_nuxt/2d766f0.js" as="script"><link rel="preload" href="/_nuxt/b8b6815.js" as="script"><link rel="preload" href="/_nuxt/3a937ad.js" as="script"><link rel="preload" href="/_nuxt/a18f519.js" as="script"><link rel="preload" href="/_nuxt/ef8a2bc.js" as="script"><link rel="preload" href="/_nuxt/466e9a2.js" as="script"><style data-vue-ssr-id="fa7ff0ca:0 5879cf80:0">.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#000;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}</style><link rel="preload" href="/_nuxt/static/1732627696/left/payload.js" as="script"><link rel="preload" href="/_nuxt/static/1732627696/manifest.js" as="script"> 8 </head> 9 <body> 10 <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><div class="uk-navbar-container uk-navbar-transparent"><nav uk-navbar class="uk-navbar uk-container"><div class="uk-navbar-left"><a href="/" class="uk-navbar-item uk-logo nuxt-link-active"><span><img src="/_nuxt/img/logo-easyweek.db4f9b7.svg" height="60" alt="EasyWeek" style="height:40px!important"></span></a></div> <div class="uk-navbar-right"><ol class="uk-navbar-nav"><li><a href="/" class="nuxt-link-active"> 11 â¹ All examples 12 </a></li></ol> <a href="https://github.com/easyweek/widget-example-integration" target="_blank">GitHub</a></div></nav></div> <div class="uk-margin-medium-top uk-section uk-padding-remove-top"><div class="uk-container"><div><h1 class="uk-heading-small">Left Position</h1> <p> 13 Quis sed quibusdam quia error modi voluptas non, sint, ducimus 14 cupiditate consequuntur mollitia fugiat molestiae qui rerum adipisci 15 nostrum debitis fugit hic fuga odit vero deleniti quod nobis. Animi 16 perspiciatis molestias vero error veritatis quos ab nulla suscipit 17 itaque consectetur omnis sit repellat ex provident nobis sint fugit 18 dolores, eligendi numquam quas cumque esse labore pariatur. 19 Necessitatibus, hic. 20 </p> <div><h4>Widget Code</h4> <p> 21 Copy and paste this code as the first item into the <HEAD> 22 of every web page that you want to connect widget. 23 </p> <pre><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://widget.easyweek.io/widget.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> 24<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"> 25 <span class="token keyword">new</span> <span class="token class-name">EasyWeekWidget</span><span class="token punctuation">(</span><span class="token punctuation">{</span> 26 url<span class="token operator">:</span> <span class="token string">'https://widget.easyweek.io/company-slug'</span><span class="token punctuation">,</span> 27 button<span class="token operator">:</span> <span class="token punctuation">{</span> position<span class="token operator">:</span> <span class="token string">'left'</span><span class="token punctuation">,</span>
27 text<span class="token operator">:</span> <span class="token string">'Online booking'</span><span class="token punctuation">,</span> showText<span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">}</span> 28 <span class="token punctuation">}</span><span class="token punctuation">)</span> 29</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span></code></pre> <small><b>Warning!</b> please change <b>company-slug</b> to your 30 company slug on EasyWeek (you can find it in EasyWeek website 31 config). 32 </small></div></div></div></div> <div class="uk-section uk-padding-remove-top"><div class="uk-container"> 33 © 2025 Awescode GmbH - 34 <a href="https://easyweek.io/solutions/beauty-salon?utm_source=github&utm_medium=footer&utm_campaign=widget-example">Beauty Salon Software</a> 35 by EasyWeek 36 </div></div></div></div></div>
36<script>window.__NUXT__=function(t){return{staticAssetsBase:"/_nuxt/static/1732627696",layout:"default",error:t,serverRendered:!0,routePath:"/left",config:{_app:{basePath:"/",assetsPath:"/_nuxt/",cdnURL:t}}}}(null)</script>
36<script src="/_nuxt/2d766f0.js" defer></script>
36<script src="/_nuxt/ef8a2bc.js" defer></script>
36<script src="/_nuxt/466e9a2.js" defer></script>
36<script src="/_nuxt/b8b6815.js" defer></script>
36<script src="/_nuxt/3a937ad.js" defer></script>
36<script src="/_nuxt/a18f519.js" defer></script>
36 37 </body> 38</html>
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.