Owner's Guide

Website User Guide

Step-by-step instructions for managing images, the photo gallery, Google reviews and the blog — no coding required.

1) One-Time Google Sheet Setup (Images, Reviews & Blog)

1. Go to sheets.google.com and create a new spreadsheet named "Mumbai Dismantling Experts Website Data".
2. Create 3 tabs named exactly: Images, Reviews, Blog.
3. Images tab header row: Key, Category, ImageURL, Caption.
4. Reviews tab header row: Name, Rating, Text, PhotoURL, Date.
5. Blog tab header row: Slug, Title, Date, Author, CoverImageURL, Summary, Content.
6. For each tab: File → Share → Publish to web → choose the tab → Comma-separated values (.csv) → Publish. Copy the link.
7. Open js/sheet-data.js and paste each link near the top:
   const IMAGES_SHEET_CSV_URL = "PASTE LINK HERE";
const BLOG_SHEET_CSV_URL = "PASTE LINK HERE";
const REVIEWS_SHEET_CSV_URL = "PASTE LINK HERE";
8. Re-deploy on Netlify once. After that, gallery/reviews/blog update automatically whenever you edit the sheet.

2) How to Add / Change Photos

1. Upload your photo to Google Drive.
2. Right-click the photo → Share → Anyone with the link → Viewer, copy the link.
3. Convert it: https://drive.google.com/file/d/FILE_ID/view → https://drive.google.com/uc?export=view&id=FILE_ID.
4. In the Images tab, add a row: Key (e.g. gallery-6), Category (dismantling / pickup / scrap / team), ImageURL, Caption.
5. Save — the photo appears on the Gallery page within a few minutes.

3) How to Write / Update a Blog Post (Owner Only)

Only the site owner can publish — there is no public "submit" button anywhere on the blog pages.

1. Open the Blog tab.
2. Add a row: Slug (e.g. office-dismantling-checklist-2026), Title, Date, Author, CoverImageURL, Summary, Content (use Alt+Enter for new paragraphs).
3. Save — the post appears automatically on /blog.html and at /blog-post.html?slug=your-slug.
4. Keep the Google Sheet's edit access private (only you as Editor) — this is what keeps the blog owner-only in practice.

4) Deploying to Netlify

1. Go to app.netlify.com and log in.
2. Click Add new site → Deploy manually.
3. Drag and drop the website folder (containing index.html) onto the upload box.
4. To use mumbaiscrapbuyers.com, go to Site settings → Domain management → Add a domain and follow the DNS steps.
5. For any HTML/CSS/JS change, drag-and-drop the updated folder again. Sheet content (photos/reviews/blog) updates live without redeploying.