Free FOMO Popup Generator

Preview

New purchase

Someone joined the Growth plan

5m ago

<script>
(() => {
  const notifications = [];
  const style = document.createElement('style');
  style.textContent = '.otter-fomo{position:fixed;left:20px;bottom:20px;z-index:99999;display:flex;gap:12px;align-items:center;max-width:340px;padding:14px 16px;background:#fff;color:#1A2E1C;border:1px solid #D4DDD4;border-radius:8px;box-shadow:0 18px 48px rgba(26,46,28,.18);font-family:Inter,system-ui,sans-serif}.otter-fomo img{width:42px;height:42px;border-radius:8px;object-fit:cover}.otter-fomo strong{display:block;font-size:14px}.otter-fomo p{margin:2px 0;color:#4f614f;font-size:13px}.otter-fomo small{color:#6B7C6D;font-size:12px}';
  document.head.appendChild(style);
  notifications.forEach((item, index) => {
    window.setTimeout(() => {
      const popup = document.createElement('div');
      popup.className = 'otter-fomo';
      const image = document.createElement('img');
      image.src = item.icon;
      image.alt = '';
      const body = document.createElement('div');
      const title = document.createElement('strong');
      title.textContent = item.title;
      const message = document.createElement('p');
      message.textContent = item.message;
      const time = document.createElement('small');
      time.textContent = item.time;
      body.append(title, message, time);
      popup.append(image, body);
      document.body.appendChild(popup);
      window.setTimeout(() => popup.remove(), 10000);
    }, item.delay || (index + 1) * 2000);
  });
})();
</script>