https://mailtimer.com/blog/

1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/png" href="/favicon.png"><link rel="sitemap" href="/sitemap-index.xml"><meta name="generator" content="Astro v4.14.5">

1<script type="text/javascript">
2      window.$crisp = []
3      window.CRISP_WEBSITE_ID = '992c6b53-e015-4d80-babc-383ab073e016'
4      ;(function () {
5        d = document
6        s = d.createElement('script')
7        s.src = 'https://client.crisp.chat/l.js'
8        s.async = 1
9        d.getElementsByTagName('head')[0].appendChild(s)
10      })()
11    </script>

11<script async="" src="https://www.googletagmanager.com/gtag/js?id=

11G-RBVQDXGSPG

11"></script>

11<script>
12      window.dataLayer = window.dataLayer || []
13      function gtag() {
14        dataLayer.push(arguments)
15      }
16      gtag('js', new Date())
17
18      gtag('config', 'G-RBVQDXGSPG')
19    </script>

19<script defer data-domain="mailtimer.com" src="https://plausible.io/js/script.js"></script>

19<script src="https://cdn.usefathom.com/script.js" data-site="PNEGLJHI" defer></script>

19<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cookie-bar/cookiebar-latest.min.js?theme=flying&tracking=1&thirdparty=1&always=1&hideDetailsBtn=1&showPolicyLink=1&remember=90&privacyPage=https%3A%2F%2Fwww.mailtimer.com%2Fprivacy"></script>

19<title>Blog | Mailtimer</title><link rel="canonical" href="https://mailtimer.com/blog/"><meta name="description" content="We write about case studies and sales strategies on our blog"><meta name="robots" content="index, follow"><meta property="og:title" content="Mailtimer - FREE countdown timers for emails &#38;amp; websites"><meta property="og:type" content="website"><meta property="og:image" content="https://mailtimer.com/opengraph.png"><meta property="og:url" content="https://mailtimer.com/blog/"><meta property="og:image:url" content="https://mailtimer.com/opengraph.png"><meta property="og:image:alt" content="Mailtimer Homepage Screenshot"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@mailtimer"><meta name="twitter:creator" content="@mailtimer"><link rel="stylesheet" href="/_astro/affiliate-program.BsydzvWs.css"></head> <body> <div class="mx-auto max-w-screen-xl px-5">  <header class="my-5">  <nav class="relative z-50 flex w-full justify-between"> <div class="flex items-center md:gap-x-12"> <a href="/" class="text-xl font-semibold text-black">
20mail<span class="text-violet-600">timer</span> </a> <ul class="hidden flex-col md:flex md:flex-row md:gap-3"> <li> <a href="/pricing" class="flex py-2 text-gray-600 hover:text-gray-900 lg:px-3"> Pricing </a> </li><li class="relative"> <menu class="astronav-dropdown group" aria-expanded="false"> <button class="flex w-full items-center gap-1 py-2 text-gray-600 hover:text-gray-900 lg:w-auto lg:px-3"> <span>Resources</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="mt-0.5 h-3 w-3 group-open:rotate-180"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path> </svg> </button> <div class="astronav-dropdown dropdown-toggle hidden" aria-expanded="false">  <div class="z-10 w-full lg:absolute lg:w-48 origin-top-left lg:left-0"> <div class="flex flex-col px-3 md:rounded-md md:border md:bg-white md:py-2 md:shadow"> <a href="https://help.mailtimer.com" class="py-1 text-gray-600 hover:text-gray-900"> Help Docs </a><a href="/faq" class="py-1 text-gray-600 hover:text-gray-900"> FAQ </a><a href="/blog" class="py-1 text-gray-600 hover:text-gray-900"> Blog </a> </div> </div>  </div> </menu> </li><li> <a href="https://help.mailtimer.com/guides/mailtimer-public-api/" class="flex py-2 text-gray-600 hover:text-gray-900 lg:px-3"> API </a> </li> </ul> </div> <div class="flex items-center gap-x-5 md:gap-x-8"> <a href="https://app.mailtimer.io/login" class="font-semibold text-violet-700">Log in</a> <a href="https://app.mailtimer.io/signup" class="hidden rounded-full bg-violet-700 px-6 py-2 text-sm font-semibold text-white outline outline-2 outline-violet-700 md:block">Sign up</a> <div class="-mr-1 md:hidden"> <button id="astronav-menu" aria-label="Toggle Menu">  <svg fill="currentColor" class="h-4 w-4 text-gray-800" width="24" height="24" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg"> <title>Toggle Menu</title> <path class="astronav-close-icon astronav-toggle hidden" fill-rule="evenodd" clip-rule="evenodd" d="M18.278 16.864a1 1 0 01-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 01-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 011.414-1.414l4.829 4.828 4.828-4.828a1 1 0 111.414 1.414l-4.828 4.829 4.828 4.828z"></path> <path class="astronav-open-icon astronav-toggle" fill-rule="evenodd" d="M4 5h16a1 1 0 010 2H4a1 1 0 110-2zm0 6h16a1 1 0 010 2H4a1 1 0 010-2zm0 6h16a1 1 0 010 2H4a1 1 0 010-2z"></path> </svg>  </button> </div> </div> </nav> <nav class="astronav-items astronav-toggle mt-2 hidden">  <ul class="flex flex-col md:hidden lg:flex-row lg:gap-3"> <li> <a href="/pricing" class="flex py-2 text-gray-600 hover:text-gray-900 lg:px-3"> Pricing </a> </li><li class="relative"> <menu class="astronav-dropdown group" aria-expanded="false"> <button class="flex w-full items-center gap-1 py-2 text-gray-600 hover:text-gray-900 lg:w-auto lg:px-3"> <span>Resources</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="mt-0.5 h-3 w-3 group-open:rotate-180"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path> </svg> </button>

20 <div class="astronav-dropdown dropdown-toggle hidden" aria-expanded="false">  <div class="z-10 w-full lg:absolute lg:w-48 origin-top-left lg:left-0"> <div class="flex flex-col px-3 md:rounded-md md:border md:bg-white md:py-2 md:shadow"> <a href="https://help.mailtimer.com" class="py-1 text-gray-600 hover:text-gray-900"> Help Docs </a><a href="/faq" class="py-1 text-gray-600 hover:text-gray-900"> FAQ </a><a href="/blog" class="py-1 text-gray-600 hover:text-gray-900"> Blog </a> </div> </div>  </div> </menu> </li><li> <a href="https://help.mailtimer.com/guides/mailtimer-public-api/" class="flex py-2 text-gray-600 hover:text-gray-900 lg:px-3"> API </a> </li> </ul> <div class="mt-3 flex items-center md:hidden"> <a href="https://app.mailtimer.io/signup" class="rounded text-center ring-gray-200 ring-offset-2 transition focus-visible:ring-2 w-full px-4 py-2 bg-violet-600 text-white hover:bg-gray-800 border-2 border-transparent">
21Sign up
22 </a> </div>  </nav>  

22<script>(function(){const closeOnClick = false;
23
24["DOMContentLoaded", "astro:after-swap"].forEach((event) => {
25  document.addEventListener(event, addListeners);
26});
27
28// Function to clone and replace elements
29function cloneAndReplace(element) {
30  const clone = element.cloneNode(true);
31  element.parentNode.replaceChild(clone, element);
32}
33
34function addListeners() {
35  // Clean up existing listeners
36  const oldMenuButton = document.getElementById("astronav-menu");
37  if (oldMenuButton) {
38    cloneAndReplace(oldMenuButton);
39  }
40
41  const oldDropdownMenus = document.querySelectorAll(".astronav-dropdown");
42  oldDropdownMenus.forEach((menu) => {
43    cloneAndReplace(menu);
44  });
45
46  // Mobile nav toggle
47  const menuButton = document.getElementById("astronav-menu");
48  menuButton && menuButton.addEventListener("click", toggleMobileNav);
49
50  // Dropdown menus
51  const dropdownMenus = document.querySelectorAll(".astronav-dropdown");
52  dropdownMenus.forEach((menu) => {
53    const button = menu.querySelector("button");
54    button &&
55      button.addEventListener("click", (event) =>
56        toggleDropdownMenu(event, menu, dropdownMenus)
57      );
58
59    // Handle Submenu Dropdowns
60    const dropDownSubmenus = menu.querySelectorAll(
61      ".astronav-dropdown-submenu"
62    );
63
64    dropDownSubmenus.forEach((submenu) => {
65      const submenuButton = submenu.querySelector("button");
66      submenuButton &&
67        submenuButton.addEventListener("click", (event) => {
68          event.stopImmediatePropagation();
69          toggleSubmenuDropdown(event, submenu);
70        });
71    });
72  });
73
74  // Clicking away from dropdown will remove the dropdown class
75  document.addEventListener("click", closeAllDropdowns);
76
77  if (closeOnClick) {
78    handleCloseOnClick();
79  }
80}
81
82function toggleMobileNav() {
83  [...document.querySelectorAll(".astronav-toggle")].forEach((el) => {
84    el.classList.toggle("hidden");
85  });
86}
87
88function toggleDropdownMenu(event, menu, dropdownMenus) {
89  toggleMenu(menu);
90
91  // Close one dropdown when selecting another
92  Array.from(dropdownMenus)
93    .filter((el) => el !== menu && !menu.contains(el))
94    .forEach(closeMenu);
95
96  event.stopPropagation();
97}
98
99function toggleSubmenuDropdown(event, submenu) {
100  event.stopPropagation();
101  toggleMenu(submenu);
102
103  // Close sibling submenus at the same nesting level
104  const siblingSubmenus = submenu
105    .closest(".astronav-dropdown")
106    .querySelectorAll(".astronav-dropdown-submenu");
107  Array.from(siblingSubmenus)
108    .filter((el) => el !== submenu && !submenu.contains(el))
109    .forEach(closeMenu);
110}
111
112function closeAllDropdowns(event) {
113  const dropdownMenus = document.querySelectorAll(".dropdown-toggle");
114  const dropdownParent = document.querySelectorAll(
115    ".astronav-dropdown, .astronav-dropdown-submenu"
116  );
117  const isButtonInsideDropdown = [
118    ...document.querySelectorAll(
119      ".astronav-dropdown button, .astronav-dropdown-submenu button, #astronav-menu"
120    ),
121  ].some((button) => button.contains(event.target));
122  if (!isButtonInsideDropdown) {
123    dropdownMenus.forEach((d) => {
124      // console.log("I ran", d);
125      // if (!d.contains(event.target)) {
126      d.classList.remove("open");
127      d.removeAttribute("open");
128      d.classList.add("hidden");
129      // }
130    });
131    dropdownParent.forEach((d) => {
132      d.classList.remove("open");
133      d.removeAttribute("open");
134      d.setAttribute("aria-expanded", "false");
135    });
136  }
137}
138
139function toggleMenu(menu) {
140  menu.classList.toggle("open");
141  const expanded = menu.getAttribute("aria-expanded") === "true";
142  menu.setAttribute("aria-expanded", expanded ? "false" : "true");
143  menu.hasAttribute("open")
144    ? menu.removeAttribute("open")
145    : menu.setAttribute("open", "");
146
147  const dropdownToggle = menu.querySelector(".dropdown-toggle");
148  const dropdownExpanded = dropdownToggle.getAttribute("aria-expanded");
149  dropdownToggle.classList.toggle("hidden");
150  dropdownToggle.setAttribute(
151    "aria-expanded",
152    dropdownExpanded === "true" ? "false" : "true"
153  );
154}
155
156function closeMenu(menu) {
157  // console.log("closing", menu);
158  menu.classList.remove("open");
159  menu.removeAttribute("open");
160  menu.setAttribute("aria-expanded", "false");
161  const dropdownToggles = menu.querySelectorAll(".dropdown-toggle");

162  dropdownToggles.forEach((toggle) => {
163    toggle.classList.add("hidden");
164    toggle.setAttribute("aria-expanded", "false");
165  });
166}
167
168function handleCloseOnClick() {
169  const navMenuItems = document.querySelector(".astronav-items");
170  const navToggle = document.getElementById("astronav-menu");
171  const navLink = navMenuItems && navMenuItems.querySelectorAll("a");
172
173  const MenuIcons = navToggle.querySelectorAll(".astronav-toggle");
174
175  navLink &&
176    navLink.forEach((item) => {
177      item.addEventListener("click", () => {
178        navMenuItems?.classList.add("hidden");
179        MenuIcons.forEach((el) => {
180          el.classList.toggle("hidden");
181        });
182      });
183    });
184}
185})();</script>

185 </header>  </div>  <div class="mx-auto max-w-screen-xl px-5">  <div class="mt-16 text-center"> <h1 class="text-4xl font-bold lg:text-5xl lg:tracking-tight"> Blog </h1> <p class="mt-4 text-lg text-slate-600"> 
186We write about the different ways you can boost your sales, conversions, and clickthrough
187        rates.
188 </p> </div> <main class="mx-auto mt-12 max-w-screen-lg"> <div class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3"> <article class="flex flex-col items-start justify-between"> <div class="relative w-full"> <img src="/assets/blog/case-study-parsio/cover.png" alt="full stack web development" class="aspect-[16/9] w-full rounded-2xl bg-gray-100 object-cover object-top sm:aspect-[2/1] lg:aspect-[3/2]" loading="eager" decoding="sync"> <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div> </div> <div class="max-w-xl"> <div class="mt-8 flex items-center gap-x-4 text-xs"> <time datetime="2022-04-30T00:00:00.000Z" class="text-gray-500"> April 30, 2022 </time> </div> <div class="group relative"> <h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600"> <a href="/blog/case-study-parsio"> <span class="absolute inset-0"></span> Сase Study: How a GIF countdown timer helped us make 20% of 4 months revenue in just one day </a> </h3> <p class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600"> What happened next was far beyond our expectations. The number of people visiting the Lifetime Deal page on AppSumo from that email campaign increased significantly, and our sales were wildly boosted. </p> </div> <div class="relative mt-4 flex items-center gap-x-4"> <div class="text-sm leading-6"> <p class="font-normal text-gray-900 underline"> <a href="/blog/case-study-parsio">Read more</a> </p> </div> </div> </div> </article> </div> </main>  </div>  <footer class="bg-white" aria-labelledby="footer-heading"> <h2 id="footer-heading" class="sr-only">Footer</h2> <div class="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-16"> <div class="xl:grid xl:grid-cols-3 xl:gap-8"> <div class="space-y-8"> <a href="/" class="text-xl font-semibold text-black">mail<span class="text-violet-600">timer</span> </a> <p class="text-sm leading-6 text-gray-600">
189Create customized countdown timers for emails & websites that boost your sales,
190          conversions, and clickthrough rates.
191</p> <div class="flex space-x-6"> <a href="https://www.facebook.com/mailtimer.io" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">Facebook</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987

191h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path> </svg> </a> <a href="https://twitter.com/mailtimer" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">Twitter</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path> </svg> </a> </div> </div> <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0"> <div class="md:grid md:grid-cols-2 md:gap-8"> <div> <h3 class="text-sm font-semibold leading-6 text-gray-900">Product</h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="https://help.mailtimer.com/guides/how-does-mailtimer-work/" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> How it works </a> </li><li> <a href="/faq" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> FAQs </a> </li><li> <a href="https://help.mailtimer.com/guides/mailtimer-public-api/" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> Public API </a> </li> </ul> </div> <div class="mt-10 md:mt-0"> <h3 class="text-sm font-semibold leading-6 text-gray-900">Support</h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="https://help.mailtimer.com/" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> Help docs </a> </li><li> <a href="/blog" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> Blog </a> </li><li> <a href="https://mailtimer.featureos.app/" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> Feedback </a> </li> </ul> </div> </div> <div class="md:grid md:grid-cols-2 md:gap-8"> <div> <h3 class="text-sm font-semibold leading-6 text-gray-900">Company</h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="/affiliate-program" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> Affiliate Program </a> </li><li> <a href="https://status.mailtimer.com/" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> Status </a> </li> </ul> </div> <div class="mt-10 md:mt-0"> <h3 class="text-sm font-semibold leading-6 text-gray-900">Legal</h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="/terms" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> Terms </a> </li><li> <a href="/privacy" class="text-sm leading-6 text-gray-600 hover:text-gray-900"> Privacy Policy </a> </li> </ul> </div> </div> </div> </div> <div class="mt-16 border-t border-gray-900/10 pt-8 sm:mt-20 lg:mt-24"> <p class="text-xs leading-5 text-gray-500">
192&copy; 2024 Mailtimer. All rights reserved.
193</p> </div> </div> </footer>  <!-- Cloudflare Pages Analytics -->

193<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "

1938810766cd1a447c7be81e0c775d2fc42

193"}'></script>

193<!-- Cloudflare Pages Analytics --></body> </html>