Skip to content

QUICKSTART.md

Latest commit

 

History

History
154 lines (122 loc) · 4.25 KB

QUICKSTART.md

File metadata and controls

154 lines (122 loc) · 4.25 KB
Raw

🚀 Quick Start Guide - Chrome Web Store Submission

This is a simplified guide to get your extension on the Chrome Web Store quickly.

Step 1: Generate Icons (2 minutes)

  1. Open create-icons.html in your Chrome browser
  2. You'll see three canvases with icons
  3. Click each "Download" button:
    • Download icon16.png
    • Download icon48.png
    • Download icon128.png
  4. Save all three files to the icons/ folder

Step 2: Test the Extension (5 minutes)

  1. Open Chrome and go to chrome://extensions/
  2. Enable "Developer mode" (toggle in top right)
  3. Click "Load unpacked"
  4. Select this extension folder
  5. Visit https://www.linkedin.com/my-items/saved-posts/
  6. Verify:
    • ✅ Panel appears on the right
    • ✅ You can create labels
    • ✅ You can pin posts
    • ✅ Search works

Step 3: Create Package (1 minute)

Option A: Using the script (Linux/Mac)

./package.sh

Option B: Manual ZIP creation

  1. Select these files:
    • manifest.json
    • content.js
    • icons/ folder (with the 3 PNG files)
    • PRIVACY.md
  2. Right-click → "Compress" / "Send to" → "Compressed folder"
  3. Name it: linkedin-organizer-v1.0.0.zip

Step 4: Chrome Web Store Setup (10 minutes)

4.1 Create Developer Account

  1. Go to: https://chrome.google.com/webstore/devconsole
  2. Sign in with Google account
  3. Pay $5 one-time registration fee
  4. Complete developer profile

4.2 Upload Extension

  1. Click "New Item"
  2. Upload your ZIP file
  3. Click "Continue"

4.3 Fill Store Listing

Product Details:

  • Language: English
  • Extension Name: LinkedIn Saved Posts Organizer
  • Summary: Organize, label, search, and manage your LinkedIn saved posts with custom tags, pins, and notes.
  • Description: Copy from CHROME_STORE_SUBMISSION.md (Detailed Description section)
  • Category: Productivity

Store Listing:

  • Upload 3-5 screenshots (1280x800 recommended)
    • Screenshot your extension in action on LinkedIn
    • Show: main panel, labels, search, filters
  • Optional: Upload promotional images (marquee, small tile)

Privacy:

  • Privacy Policy: Upload PRIVACY.md to GitHub and provide the link
    • Example: https://github.com/YOUR_USERNAME/linkedinchromeextension/blob/main/PRIVACY.md

Privacy Practices:

  • Does it handle personal data? YES
  • What data? User activity, Personally identifiable information
  • How is it handled? Processed and stored locally, NOT transmitted
  • Check: "This extension does not sell user data"

Distribution:

  • Visibility: Public
  • Regions: All regions (or select specific countries)
  • Pricing: Free

4.4 Submit

  1. Review everything
  2. Click "Submit for Review"
  3. Wait 1-7 days for approval
  4. You'll receive an email when reviewed

Step 5: After Approval

  1. Share your extension!
  2. Update README.md with Chrome Web Store link
  3. Monitor reviews and feedback
  4. Respond to user questions

📸 Creating Screenshots

Quick Method:

  1. Load extension and visit LinkedIn saved posts
  2. Create a few test labels
  3. Add test notes to posts
  4. Use Chrome's screenshot tool:
    • Press Ctrl/Cmd + Shift + P (DevTools command menu)
    • Type "screenshot"
    • Select "Capture screenshot"
  5. Crop to 1280x800 or 640x400
  6. Take screenshots of:
    • Main interface with panel visible
    • Label modal open
    • Filtered posts view
    • Search in action
    • Features annotated (use arrows/text in image editor)

Tools:

  • Chrome DevTools screenshot
  • Snagit (paid)
  • ShareX (free, Windows)
  • Kap (free, Mac)
  • Flameshot (free, Linux)

❓ Common Issues

Icons not showing:

  • Make sure all three PNG files are in the icons/ folder
  • Check file names: icon16.png, icon48.png, icon128.png

Extension not loading:

  • Check for errors in chrome://extensions/
  • View console logs on the extension page

Submission rejected:

  • Read rejection email carefully
  • Common fixes:
    • Add privacy policy URL
    • Improve description clarity
    • Add more/better screenshots
    • Remove unnecessary permissions (we only use what's needed)

🆘 Need Help?

  1. Check CHROME_STORE_SUBMISSION.md for detailed instructions
  2. Review Chrome Web Store documentation
  3. Search for similar issues online
  4. Contact Chrome Web Store support

Total Time: ~20 minutes (excluding review wait time)

Good luck! 🎉