FAQ Studio for Botify PageWorkers

Chrome extension (side panel) that builds FAQ blocks and generates PageWorker code for the current tab. Add FAQs, pick the target element by clicking on the page, style the block, and copy the script into Botify.

Build and load (development)

1. npm install && npm run build
2. Open chrome://extensions, turn on Developer mode, click Load unpacked
3. Select this project folder (the one that contains manifest.json), not the dist folder
4. Open any page and click the extension icon to open the side panel

Usage

1. Add FAQs — Section heading (e.g. "FAQs") and heading level (H2–H6). Add questions and answers; use Bold, Italic, and Link in answers as needed.
2. Select target — Click Click on page to select, then click the element on the page where the FAQ block should go (or type a CSS selector). Choose insertion strategy (inside at end, before, after, etc.).
3. Preview — Preview on page / Remove preview appear when a selector is set; on the Style step the button becomes Update Preview.
4. Style — Adjust margin, padding, and font size for Heading, Question, Answer, and Container; optional custom CSS.
5. Generate code — Copy the PageWorker script and paste it into Botify.

The current tab is always the target page; no URL step.

Scripts

Command	Description
npm run build	Build into dist/
npm run pack	Build and copy to release/ for store packaging
npm run lint	Lint
npm run test	Run tests
npm run format	Format with Prettier

After code changes, reload the extension on chrome://extensions.

Packaging for Chrome Web Store

1. Run npm run pack (builds and fills release/ with manifest, background, dist, icons).
2. Zip the contents of release/ so that manifest.json is at the root of the zip.
3. Upload the zip in the Chrome Web Store Developer Dashboard.

See STORE_IMAGES_SPEC.txt, CHROME_STORE_PRIVACY_ANSWERS.txt, and PRIVACY_POLICY_PAGE.txt for store listing and privacy form text.

License

Private / unlicensed unless otherwise specified.