web

Nestled — Apartment Décor Affiliate Website

A warm, cozy affiliate storefront built for apartment décor. Customers browse products and click through to Amazon (or other retailers) via your affiliate links.

File Structure

/
├── index.html        ← Homepage (Hero, Shop by Room, Featured, About, Newsletter)
├── room.html         ← Dynamic room page (filters products by ?room= URL parameter)
├── blog.html         ← Décor tips & inspiration
├── privacy.html      ← Privacy policy (legally required)
├── disclosure.html   ← FTC affiliate disclosure (legally required)
├── styles.css        ← All styling — warm earthy theme
├── products.js       ← YOUR PRODUCT DATA — edit this file to add/change products
└── main.js           ← Site interactivity (nav, newsletter, rendering)

How to Add Products

Open products.js and add an entry to the PRODUCTS array:

{
  id: 13,                          // Unique number (increment from last)
  name: "Your Product Name",
  room: "living",                  // living | bedroom | kitchen | bathroom | desk | entryway
  roomLabel: "Living Room",        // Display label for the room
  price: "$45",
  description: "Short description of the product.",
  badge: "New",                    // Optional: "New" | "Best Seller" | "Staff Pick" | null
  image: "https://...",            // Product image URL
  affiliateUrl: "https://www.amazon.com/dp/PRODUCT_ID/?tag=YOUR-TAG"
}

Getting Your Amazon Affiliate Link

Log in to affiliate-program.amazon.com
Find the product on Amazon
Use the SiteStripe toolbar at the top to generate your affiliate link
Paste it into affiliateUrl

Deploying to GitHub Pages

Push all files to your GitHub repository
Go to Settings → Pages
Set source to: Deploy from branch → main → / (root)
Your site will be live at https://yourusername.github.io/repo-name/

Using a Custom Domain

In GitHub Pages settings, enter your custom domain
At your domain registrar (e.g. Namecheap), add a CNAME record:
- Host: www
- Value: yourusername.github.io

Also add these A records pointing to GitHub’s IPs:

199.108.153
199.109.153
199.110.153
199.111.153

Check “Enforce HTTPS” in GitHub Pages settings (free SSL)

Customization

Change the Site Name

Search for “Nestled” in all files and replace with your brand name.

Change Colors

Edit the CSS variables at the top of styles.css:

:root {
  --terracotta: #B5623E;   /* Primary accent color */
  --bark:       #6B4C38;   /* Secondary/dark accent */
  --cream:      #F7F3EE;   /* Background warm tone */
  --espresso:   #2E1F14;   /* Dark text */
}

In main.js, find the newsletter form handler and replace with your email service:

Mailchimp: Replace the form action URL
Beehiiv: Use their embed script
ConvertKit: Use their API

Add Google Analytics

Add this snippet before </head> in each HTML file (replace GA_MEASUREMENT_ID):

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'GA_MEASUREMENT_ID');
</script>

Legal Checklist

Affiliate disclosure bar at top of every page
disclosure.html — FTC-compliant affiliate disclosure
privacy.html — Privacy policy
Update email in privacy.html: hello@[yourdomain].com
Update copyright year/name in all footers if needed

Adding More Affiliate Programs

Beyond Amazon, add products from:

Wayfair (7% commission): wayfair.com/affiliate
Target (5% commission): affiliates.target.com
Etsy (4% commission): etsy.com/affiliates
Rugs USA (up to 10%): Search “Rugs USA affiliate program”

Just add products to products.js with their respective affiliate URLs.

web