{"id":569,"date":"2016-09-19T11:44:05","date_gmt":"2016-09-19T08:44:05","guid":{"rendered":"http:\/\/www.toomanyyears.gr\/en\/?page_id=569"},"modified":"2026-08-30T12:15:21","modified_gmt":"2026-08-30T09:15:21","slug":"e-shop","status":"publish","type":"page","link":"https:\/\/toomanyyears.gr\/en\/e-shop\/","title":{"rendered":"E-shop"},"content":{"rendered":"<section class=\"tmy-pagehero\" id=\"tmy-hero\">\r\n\t<div class=\"tmy-hero__glow\" aria-hidden=\"true\"><\/div>\r\n\t<div class=\"tmy-hero__grid\" aria-hidden=\"true\"><\/div>\r\n\r\n\t<div class=\"tmy-pagehero__inner\" id=\"tmy-hero-inner\">\r\n\r\n\t\t\t\t\t<nav class=\"tmy-pagehero__crumb\" aria-label=\"Breadcrumb\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/toomanyyears.gr\/en\/\">Home<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tmy-sep\" aria-hidden=\"true\">\/<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Services<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/nav>\r\n\t\t\r\n\t\t<h1 class=\"tmy-pagehero__title\" data-reveal>\r\n\t\t\tE-SHOP <em>Store<\/em>\t\t<\/h1>\r\n\r\n\t\t\t\t\t<p class=\"tmy-pagehero__lede\" data-reveal data-delay=\"120\">Use the power of the internet and build an application that lets you sell products or services anywhere.<\/p>\r\n\t\t\r\n\t\t\r\n\t<\/div>\r\n<\/section>\r\n\r\n<section class=\"tmy-features\" id=\"features\">\r\n\t\t\t\t\t<div class=\"tmy-feature\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Design<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> We pay particular attention to the visual side, so the store is attractive and easy to use at the same time. You can shape the content of the homepage yourself, the shop window of your e-shop. <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; display: flex; flex-direction: column; gap: 8px; padding: 8%;\">\r\n          <div style=\"flex: 1.25; border-radius: 5px; background: linear-gradient(120deg, color-mix(in oklch, var(--tmy-acc) 70%, transparent), color-mix(in oklch, var(--tmy-acc) 22%, transparent)); display: flex; align-items: flex-end; padding: 12px; opacity: 0; animation: tmy-es-rise 6s cubic-bezier(.16,1,.3,1) infinite;\">\r\n            <div style=\"height: 5px; width: 42%; border-radius: 3px; background: rgba(255,255,255,0.85);\"><\/div>\r\n          <\/div>\r\n          <div style=\"flex: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;\">\r\n            <div style=\"border: 1px solid var(--tmy-line); border-radius: 5px; background: rgba(237,237,234,0.05); opacity: 0; animation: tmy-es-pop 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .25s;\"><\/div>\r\n            <div style=\"border: 1px solid var(--tmy-line); border-radius: 5px; background: rgba(237,237,234,0.05); opacity: 0; animation: tmy-es-pop 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .4s;\"><\/div>\r\n            <div style=\"border: 1px solid var(--tmy-line); border-radius: 5px; background: rgba(237,237,234,0.05); opacity: 0; animation: tmy-es-pop 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .55s;\"><\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: center; gap: 7px; flex: none; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tmy-mut);\">\r\n            <span style=\"width: 9px; height: 9px; border-radius: 2px; background: var(--tmy-acc); animation: tmy-es-sw 6s ease infinite;\"><\/span>\r\n            <span style=\"width: 9px; height: 9px; border-radius: 2px; background: var(--tmy-fg); animation: tmy-es-sw 6s ease infinite; animation-delay: 2s;\"><\/span>\r\n            <span style=\"width: 9px; height: 9px; border-radius: 2px; background: rgba(237,237,234,0.4); animation: tmy-es-sw 6s ease infinite; animation-delay: 4s;\"><\/span>\r\n            <span style=\"margin-left: 4px;\">Storefront<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tmy-feature tmy-feature--flip\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Management<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> An easy-to-use backoffice that makes running your e-shop simple. Manage orders, the product catalogue (categories, prices, stock, photos and more), discount coupons, offers and much else. <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; display: flex; flex-direction: column; gap: 8px; padding: 8%;\">\r\n          <div style=\"display: flex; align-items: center; justify-content: space-between; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tmy-mut); margin-bottom: 2px;\">\r\n            <span>Orders<\/span><span style=\"color: var(--tmy-acc);\">3<\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--tmy-line); border-radius: 5px; background: rgba(237,237,234,0.03); padding: 9px 11px; font-size: 10px;\">\r\n            <span style=\"font-family: 'IBM Plex Mono', monospace; color: var(--tmy-mut); letter-spacing: 0.06em;\">#1042<\/span>\r\n            <span style=\"color: var(--tmy-fg); flex: 1;\">3 items<\/span>\r\n            <span style=\"display: inline-grid; place-items: center; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 999px; padding: 4px 9px; animation: tmy-es-pill 6s cubic-bezier(.16,1,.3,1) infinite;\">\r\n              <span style=\"grid-area: 1 \/ 1; color: var(--tmy-mut); animation: tmy-es-lblA 6s steps(1) infinite;\">New<\/span>\r\n              <span style=\"grid-area: 1 \/ 1; color: var(--tmy-on-acc); opacity: 0; animation: tmy-es-lblB 6s steps(1) infinite;\">Shipped<\/span>\r\n            <\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--tmy-line); border-radius: 5px; background: rgba(237,237,234,0.03); padding: 9px 11px; font-size: 10px;\">\r\n            <span style=\"font-family: 'IBM Plex Mono', monospace; color: var(--tmy-mut); letter-spacing: 0.06em;\">#1041<\/span>\r\n            <span style=\"color: var(--tmy-mut); flex: 1;\">1 item<\/span>\r\n            <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 999px; padding: 4px 9px; background: rgba(237,237,234,0.10); color: var(--tmy-mut);\">Done<\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--tmy-line); border-radius: 5px; background: rgba(237,237,234,0.03); padding: 9px 11px; font-size: 10px;\">\r\n            <span style=\"font-family: 'IBM Plex Mono', monospace; color: var(--tmy-mut); letter-spacing: 0.06em;\">#1040<\/span>\r\n            <span style=\"color: var(--tmy-mut); flex: 1;\">5 items<\/span>\r\n            <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 999px; padding: 4px 9px; background: rgba(237,237,234,0.10); color: var(--tmy-mut);\">Done<\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; gap: 6px; margin-top: auto; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tmy-mut);\">\r\n            <span style=\"border: 1px solid var(--tmy-line); border-radius: 999px; padding: 4px 9px;\">Catalogue<\/span>\r\n            <span style=\"border: 1px solid var(--tmy-line); border-radius: 999px; padding: 4px 9px;\">Coupons<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tmy-feature\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Easy purchasing<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> Give the users of your e-shop every alternative payment method. Some pay by electronic means (credit or debit cards with instalment options, PayPal and others) and some stay with traditional methods (cash on delivery, bank transfer, pickup from the store). <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 8%;\">\r\n          <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tmy-mut); margin-bottom: 3px;\">Payment method<\/div>\r\n          <div style=\"display: flex; align-items: center; gap: 9px; border: 1px solid var(--tmy-line); border-radius: 5px; padding: 9px 11px; font-size: 10px; color: var(--tmy-fg); animation: tmy-es-sel 6s ease infinite; animation-delay: 0s;\">\r\n            <span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; border: 1px solid var(--tmy-mut); flex: none; display: grid; place-items: center;\">\r\n              <span style=\"width: 5px; height: 5px; border-radius: 50%; background: var(--tmy-acc); opacity: 0; animation: tmy-es-dot 6s ease infinite; animation-delay: 0s;\"><\/span>\r\n            <\/span>Card, instalments          <\/div>\r\n          <div style=\"display: flex; align-items: center; gap: 9px; border: 1px solid var(--tmy-line); border-radius: 5px; padding: 9px 11px; font-size: 10px; color: var(--tmy-fg); animation: tmy-es-sel 6s ease infinite; animation-delay: 1.5s;\">\r\n            <span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; border: 1px solid var(--tmy-mut); flex: none; display: grid; place-items: center;\">\r\n              <span style=\"width: 5px; height: 5px; border-radius: 50%; background: var(--tmy-acc); opacity: 0; animation: tmy-es-dot 6s ease infinite; animation-delay: 1.5s;\"><\/span>\r\n            <\/span>PayPal\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: center; gap: 9px; border: 1px solid var(--tmy-line); border-radius: 5px; padding: 9px 11px; font-size: 10px; color: var(--tmy-fg); animation: tmy-es-sel 6s ease infinite; animation-delay: 3s;\">\r\n            <span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; border: 1px solid var(--tmy-mut); flex: none; display: grid; place-items: center;\">\r\n              <span style=\"width: 5px; height: 5px; border-radius: 50%; background: var(--tmy-acc); opacity: 0; animation: tmy-es-dot 6s ease infinite; animation-delay: 3s;\"><\/span>\r\n            <\/span>Cash on delivery          <\/div>\r\n          <div style=\"display: flex; align-items: center; gap: 9px; border: 1px solid var(--tmy-line); border-radius: 5px; padding: 9px 11px; font-size: 10px; color: var(--tmy-fg); animation: tmy-es-sel 6s ease infinite; animation-delay: 4.5s;\">\r\n            <span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; border: 1px solid var(--tmy-mut); flex: none; display: grid; place-items: center;\">\r\n              <span style=\"width: 5px; height: 5px; border-radius: 50%; background: var(--tmy-acc); opacity: 0; animation: tmy-es-dot 6s ease infinite; animation-delay: 4.5s;\"><\/span>\r\n            <\/span>Store pickup          <\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tmy-feature tmy-feature--flip\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Shipping<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> One of the biggest puzzles of an e-shop is calculating shipping, which differs from case to case. We have developed solutions covering various calculation methods, such as cost per region, or calculation based on weight, volume and so on. <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 9%;\">\r\n          <div style=\"display: flex; gap: 6px; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase;\">\r\n            <span style=\"border: 1px solid var(--tmy-line); border-radius: 999px; padding: 5px 10px; color: var(--tmy-fg); animation: tmy-es-sel 6s ease infinite;\">Attica<\/span>\r\n            <span style=\"border: 1px solid var(--tmy-line); border-radius: 999px; padding: 5px 10px; color: var(--tmy-fg); animation: tmy-es-sel 6s ease infinite; animation-delay: 2s;\">Crete<\/span>\r\n            <span style=\"border: 1px solid var(--tmy-line); border-radius: 999px; padding: 5px 10px; color: var(--tmy-fg); animation: tmy-es-sel 6s ease infinite; animation-delay: 4s;\">Islands<\/span>\r\n          <\/div>\r\n          <div>\r\n            <div style=\"display: flex; justify-content: space-between; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tmy-mut); margin-bottom: 7px;\"><span>Weight<\/span><span>kg<\/span><\/div>\r\n            <div style=\"position: relative; height: 5px; border-radius: 3px; background: rgba(237,237,234,0.08);\">\r\n              <div style=\"height: 100%; width: 6%; border-radius: 3px; background: var(--tmy-acc); animation: tmy-es-track 6s cubic-bezier(.16,1,.3,1) infinite;\"><\/div>\r\n              <div style=\"position: absolute; top: 50%; left: 4%; width: 13px; height: 13px; margin-top: -6.5px; border-radius: 50%; background: var(--tmy-fg); box-shadow: 0 2px 8px rgba(0,0,0,0.5); animation: tmy-es-knob 6s cubic-bezier(.16,1,.3,1) infinite;\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: baseline; justify-content: space-between; border-top: 1px solid var(--tmy-line); padding-top: 12px;\">\r\n            <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tmy-mut);\">Shipping<\/span>\r\n            <span style=\"display: flex; align-items: baseline; gap: 2px; font-weight: 600; letter-spacing: -0.03em; font-size: clamp(20px, 2.6vw, 34px); line-height: 1;\"><span style=\"display: block; height: 1em; overflow: hidden;\"><span style=\"--y1: -1em; --y2: -2em; display: block; animation: tmy-es-reel3 6s cubic-bezier(.16,1,.3,1) infinite;\"><span style=\"display: block; height: 1em;\">3,90<\/span><span style=\"display: block; height: 1em;\">5,40<\/span><span style=\"display: block; height: 1em;\">7,20<\/span><\/span><\/span><span style=\"font-size: .55em;\">\u20ac<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tmy-feature\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Fast checkout<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> No more endless clicks to complete a purchase. One page checkout offers a fast order completion experience on a single page, simply and quickly. No more unnecessary registration steps that tired the user out. The customer fills in their details, chooses a payment and shipping method, pays and that is it. <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 11px; padding: 9%;\">\r\n          <div style=\"display: flex; align-items: center; justify-content: space-between; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tmy-mut);\">\r\n            <span>Checkout<\/span><span style=\"color: var(--tmy-acc);\">1 \/ 1<\/span>\r\n          <\/div>\r\n          <div style=\"border: 1px solid var(--tmy-line); border-radius: 5px; background: rgba(237,237,234,0.03); padding: 13px; display: flex; flex-direction: column; gap: 11px;\">\r\n            <div>\r\n              <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tmy-mut); margin-bottom: 5px;\">Details<\/div>\r\n              <div style=\"height: 5px; border-radius: 3px; background: rgba(237,237,234,0.08);\"><div style=\"--w: 78%; height: 100%; width: 0; border-radius: 3px; background: rgba(237,237,234,0.45); animation: tmy-es-fill 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 0s;\"><\/div><\/div>\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tmy-mut); margin-bottom: 5px;\">Payment<\/div>\r\n              <div style=\"height: 5px; border-radius: 3px; background: rgba(237,237,234,0.08);\"><div style=\"--w: 62%; height: 100%; width: 0; border-radius: 3px; background: rgba(237,237,234,0.45); animation: tmy-es-fill 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .35s;\"><\/div><\/div>\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tmy-mut); margin-bottom: 5px;\">Shipping<\/div>\r\n              <div style=\"height: 5px; border-radius: 3px; background: rgba(237,237,234,0.08);\"><div style=\"--w: 70%; height: 100%; width: 0; border-radius: 3px; background: rgba(237,237,234,0.45); animation: tmy-es-fill 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .7s;\"><\/div><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"display: grid; place-items: center; border: 1px solid var(--tmy-line); border-radius: 5px; padding: 9px; font-size: 10px; font-weight: 600; white-space: nowrap; animation: tmy-es-btn 6s cubic-bezier(.16,1,.3,1) infinite;\">\r\n            <span style=\"grid-area: 1 \/ 1; animation: tmy-es-ckA 6s steps(1) infinite;\">Complete order<\/span>\r\n            <span style=\"grid-area: 1 \/ 1; display: flex; align-items: center; gap: 6px; color: var(--tmy-on-acc); opacity: 0; animation: tmy-es-ckB 6s steps(1) infinite;\">\r\n              <svg viewBox=\"0 0 16 16\" width=\"11\" height=\"11\"><path d=\"M3 8.5 L6.3 11.6 L13 4.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n              Done            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tmy-feature tmy-feature--flip\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Google analytics<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> It is the ultimate tool for tracking every factor that affects the effectiveness of an e-shop. From day one you get statistics not only on traffic and its origin, but also data showing where visitors leave, abandonment rates and more. Use the information from Google Analytics well and lift the sales of your e-shop. <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; display: flex; flex-direction: column; gap: 12px; padding: 9%;\">\r\n          <div style=\"display: flex; align-items: center; justify-content: space-between;\">\r\n            <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tmy-mut);\">Analytics<\/span>\r\n            <span style=\"display: flex; align-items: center; gap: 5px; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.12em; color: var(--tmy-acc); opacity: 0; animation: tmy-es-badge 6s cubic-bezier(.16,1,.3,1) infinite;\">\u25b2 38%<\/span>\r\n          <\/div>\r\n          <div style=\"position: relative; flex: 1;\">\r\n            <div style=\"position: absolute; inset: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: end; gap: 7px;\">\r\n            <div style=\"--h: 34%; height: 8%; border-radius: 2px 2px 0 0; background: var(--tmy-acc); animation: tmy-es-bar 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 0s;\"><\/div>\r\n            <div style=\"--h: 52%; height: 8%; border-radius: 2px 2px 0 0; background: var(--tmy-acc); animation: tmy-es-bar 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .1s;\"><\/div>\r\n            <div style=\"--h: 44%; height: 8%; border-radius: 2px 2px 0 0; background: var(--tmy-acc); animation: tmy-es-bar 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .2s;\"><\/div>\r\n            <div style=\"--h: 68%; height: 8%; border-radius: 2px 2px 0 0; background: var(--tmy-acc); animation: tmy-es-bar 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .3s;\"><\/div>\r\n            <div style=\"--h: 58%; height: 8%; border-radius: 2px 2px 0 0; background: var(--tmy-acc); animation: tmy-es-bar 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .4s;\"><\/div>\r\n            <div style=\"--h: 84%; height: 8%; border-radius: 2px 2px 0 0; background: var(--tmy-acc); animation: tmy-es-bar 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .5s;\"><\/div>\r\n            <div style=\"--h: 96%; height: 8%; border-radius: 2px 2px 0 0; background: var(--tmy-acc); animation: tmy-es-bar 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .6s;\"><\/div>\r\n            <\/div>\r\n            <svg viewBox=\"0 0 200 100\" preserveAspectRatio=\"none\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;\">\r\n              <path d=\"M6 78 L36 60 L64 68 L96 40 L124 50 L156 22 L192 8\" fill=\"none\" stroke=\"var(--tmy-fg)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"240\" stroke-dashoffset=\"240\" style=\"animation: tmy-es-trend 6s cubic-bezier(.16,1,.3,1) infinite;\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div style=\"display: flex; justify-content: space-between; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tmy-mut);\">\r\n            <span>Sessions<\/span><span>Sales<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tmy-feature\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Marketplaces &amp; Google Merchant<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> We connect your e-shop catalogue to the major marketplaces \u2014 Skroutz, BestPrice, Shopflix \u2014 through an automatic XML feed that stays up to date on prices, stock and availability. Your products are also sent to Google Merchant Center, so they appear in Google Shopping and feed your Google Ads campaigns with accurate data, for better visibility and performance. <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 8%;\">\r\n          <div style=\"display: flex; align-items: center; gap: 9px; align-self: flex-start; border: 1px solid var(--tmy-acc); border-radius: 5px; padding: 8px 12px; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tmy-fg);\">\r\n            XML FEED <span style=\"color: var(--tmy-mut);\">\/ Catalogue<\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; flex-direction: column; gap: 9px;\">\r\n            <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n              <div style=\"position: relative; flex: 1; height: 1px; background: rgba(237,237,234,0.10);\">\r\n                <div style=\"position: absolute; inset: 0 auto 0 0; width: 0; background: var(--tmy-acc); animation: tmy-es-line 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 0s;\"><\/div>\r\n              <\/div>\r\n              <div style=\"display: flex; align-items: center; gap: 7px; border: 1px solid var(--tmy-line); border-radius: 999px; padding: 6px 11px; font-size: 10px; white-space: nowrap; color: var(--tmy-mut); animation: tmy-es-glow 6s ease infinite; animation-delay: 0s;\">\r\n                Skroutz\r\n                <svg viewBox=\"0 0 16 16\" width=\"10\" height=\"10\" style=\"color: var(--tmy-acc); flex: none; opacity: 0; animation: tmy-es-tick 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 0s;\"><path d=\"M3 8.5 L6.3 11.6 L13 4.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n              <div style=\"position: relative; flex: 1; height: 1px; background: rgba(237,237,234,0.10);\">\r\n                <div style=\"position: absolute; inset: 0 auto 0 0; width: 0; background: var(--tmy-acc); animation: tmy-es-line 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 1.2s;\"><\/div>\r\n              <\/div>\r\n              <div style=\"display: flex; align-items: center; gap: 7px; border: 1px solid var(--tmy-line); border-radius: 999px; padding: 6px 11px; font-size: 10px; white-space: nowrap; color: var(--tmy-mut); animation: tmy-es-glow 6s ease infinite; animation-delay: 1.2s;\">\r\n                BestPrice\r\n                <svg viewBox=\"0 0 16 16\" width=\"10\" height=\"10\" style=\"color: var(--tmy-acc); flex: none; opacity: 0; animation: tmy-es-tick 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 1.2s;\"><path d=\"M3 8.5 L6.3 11.6 L13 4.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n              <div style=\"position: relative; flex: 1; height: 1px; background: rgba(237,237,234,0.10);\">\r\n                <div style=\"position: absolute; inset: 0 auto 0 0; width: 0; background: var(--tmy-acc); animation: tmy-es-line 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 2.4s;\"><\/div>\r\n              <\/div>\r\n              <div style=\"display: flex; align-items: center; gap: 7px; border: 1px solid var(--tmy-line); border-radius: 999px; padding: 6px 11px; font-size: 10px; white-space: nowrap; color: var(--tmy-mut); animation: tmy-es-glow 6s ease infinite; animation-delay: 2.4s;\">\r\n                Shopflix\r\n                <svg viewBox=\"0 0 16 16\" width=\"10\" height=\"10\" style=\"color: var(--tmy-acc); flex: none; opacity: 0; animation: tmy-es-tick 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 2.4s;\"><path d=\"M3 8.5 L6.3 11.6 L13 4.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n              <div style=\"position: relative; flex: 1; height: 1px; background: rgba(237,237,234,0.10);\">\r\n                <div style=\"position: absolute; inset: 0 auto 0 0; width: 0; background: var(--tmy-acc); animation: tmy-es-line 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 3.6s;\"><\/div>\r\n              <\/div>\r\n              <div style=\"display: flex; align-items: center; gap: 7px; border: 1px solid var(--tmy-line); border-radius: 999px; padding: 6px 11px; font-size: 10px; white-space: nowrap; color: var(--tmy-mut); animation: tmy-es-glow 6s ease infinite; animation-delay: 3.6s;\">\r\n                Google Merchant\r\n                <svg viewBox=\"0 0 16 16\" width=\"10\" height=\"10\" style=\"color: var(--tmy-acc); flex: none; opacity: 0; animation: tmy-es-tick 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 3.6s;\"><path d=\"M3 8.5 L6.3 11.6 L13 4.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tmy-mut); align-self: flex-end;\">Hourly sync<\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/section>\r\n<section class=\"tmy-cta\" id=\"contact\">\r\n\t<div class=\"tmy-cta__glow\" aria-hidden=\"true\"><\/div>\r\n\t<div class=\"tmy-cta__inner\" data-reveal>\r\n\t\t<h2 class=\"tmy-cta__title\">We are ready for your project<\/h2>\r\n\t\t\t\t\t<p class=\"tmy-lede tmy-cta__lede\">Web Development \u2014 Websites and web applications. Rethymno, Crete.<\/p>\r\n\t\t\t\t<a class=\"tmy-btn tmy-btn--accent\" href=\"mailto:info@toomanyyears.gr\" data-tmy-open=\"1\" data-subject=\"E-shop\" data-title=\"We are ready for your project\">Get in touch <span class=\"tmy-mono\" aria-hidden=\"true\">&rarr;<\/span><\/a>\t<\/div>\r\n<\/section>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":12708,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-569","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/pages\/569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/comments?post=569"}],"version-history":[{"count":0,"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/pages\/569\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/media\/12708"}],"wp:attachment":[{"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/media?parent=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}