✨ Web Stories Manager

Create, upload and manage Google Web Stories. Stories appear in Google Discover, Search and Images — major traffic source.

➕ Create New Story
📌 Each story needs 5–8 slides. Use vertical images (9:16 ratio, min 640×1136px). Free images: unsplash.com
Story Slides * (min 5)
📄 AMP File for Hostinger

After saving a story, click "Get AMP Code" to download the .html file. Upload to:
public_html/stories/story-title.html
Then submit to Google Search Console sitemap.

👁 Story Card Preview

How your story looks on web-stories.html page

🎨
Fill the form
to preview
📚 Saved Stories (0)
CoverTitleCatSlidesDateActions
No stories yet. Create your first story above.
${pagesHtml} `; } // ── TOAST ───────────────────────────────────────────────────── function toast(msg, type = 'ok') { const box = document.getElementById('toastBox'); const el = document.createElement('div'); el.className = 'toast ' + type; el.innerHTML = (type==='ok'?'✅ ':type==='err'?'❌ ':'ℹī¸ ') + msg; box.appendChild(el); setTimeout(() => { el.style.opacity='0'; el.style.transition='opacity .3s'; setTimeout(()=>el.remove(),350); }, 4000); } // ── INIT ───────────────────────────────────────────────────── document.addEventListener('DOMContentLoaded', () => { loadStories(); renderTable(); updateAmpSelect(); // Add 5 initial blank slides for (let i = 0; i < 5; i++) addSlide(); // Live preview on title/cat change document.getElementById('sTitle').addEventListener('input', updatePreview); document.getElementById('sCat').addEventListener('change', updatePreview); });