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/a1ef83b.js" as="script"><style data-vue-ssr-id="fa7ff0ca: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}</style><link rel="preload" href="/_nuxt/static/1732627696/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="/" aria-current="page" class="uk-navbar-item uk-logo nuxt-link-exact-active 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"><!----></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">EasyWeek Widget Examples</h1> <h2 class="uk-heading-divider">Widget Button</h2> <div uk-grid class="uk-child-width-1-4@m uk-grid-small uk-grid-match"><div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Default view</h3> <img src="/_nuxt/img/base.a888bf7.png" width="240"> <p class="uk-align-center"><a href="/base">show code</a></p></div></div> <div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Icon without text</h3> <img src="/_nuxt/img/no-text.1899706.png" width="240"> <p><a href="/no-text">show code</a></p></div></div> <div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Custom style</h3> <img src="/_nuxt/img/custom-icon.a93249c.png" width="240"> <p><a href="/custom-icon">show code</a></p></div></div> <div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Change position</h3> <img src="/_nuxt/img/left.8a754a9.png" width="240"> <p><a href="/left">show code</a></p></div></div></div> <h2 class="uk-heading-divider">Custom trigger</h2> <div uk-grid class="uk-child-width-1-4@m uk-grid-small uk-grid-match"><div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Button & Icon</h3> <img src="/_nuxt/img/trigger.c5047a3.png" width="240"> <p><a href="/trigger">show code</a></p></div></div> <div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Hide icon & Use Button</h3> <img src="/_nuxt/img/no-button.6198fe8.png" width="240"> <p><a href="/no-button">show code</a></p></div></div> <div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Use multiple buttons for each service</h3> <img src="/_nuxt/img/multi-buttons.23b2b78.png" width="240"> <p><a href="/multi-buttons">show code</a></p></div></div></div> <h2 class="uk-heading-divider">On-page Integration</h2> <div uk-grid class="uk-child-width-1-4@m uk-grid-small uk-grid-match"><div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Built in</h3> <img src="/_nuxt/img/built-in.34e5bfc.png" width="240"> <p><a href="/built-in">show code</a></p></div></div> <div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Full Page</h3> <img src="/_nuxt/img/fullpage.6021a56.png" width="240"> <p><a href="/fullpage">show code</a></p></div></div></div> <h2 class="uk-heading-divider">New Booking Widget Integration</h2> <div uk-grid class="uk-child-width-1-4@m uk-grid-small uk-grid-match"><div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Built in</h3> <img src="/_nuxt/img/built-in.34e5bfc.png" width="240"> <p><a href="/built-in-booking">show code</a></p></div></div> <div><div class="uk-card uk-card-default uk-card-body"><h3 class="uk-card-title">Full Page</h3> <img src="/_nuxt/img/fullpage.6021a56.png" width="240"> <p><a href="/fullpage-booking">show code</a></p></div></div></div></div></div></div> <div class="uk-section uk-padding-remove-top"><div class="uk-container"> 11 © 2025 Awescode GmbH - 12 <a href="https://easyweek.io/solutions/beauty-salon?utm_source=github&utm_medium=footer&utm_campaign=widget-example">Beauty Salon Software</a> 13 by EasyWeek 14 </div></div></div></div></div>
14<script>window.__NUXT__=function(t){return{staticAssetsBase:"/_nuxt/static/1732627696",layout:"default",error:t,serverRendered:!0,routePath:"/",config:{_app:{basePath:"/",assetsPath:"/_nuxt/",cdnURL:t}}}}(null)</script>
14<script src="/_nuxt/2d766f0.js" defer></script>
14<script src="/_nuxt/a1ef83b.js" defer></script>
14<script src="/_nuxt/b8b6815.js" defer></script>
14<script src="/_nuxt/3a937ad.js" defer></script>
14<script src="/_nuxt/a18f519.js" defer></script>
14 15 </body> 16</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.