ReadMe injects custom markup into every page of a developer hub through the Custom Code settings — a Header HTML field that lands in <head>, and a Footer HTML field that lands just before </body>. The widget goes in the footer.
1

Open Custom Code

Log in at dash.readme.com, select your project, and go to Customization → Custom Code (older projects show this as Appearance → Custom Code).
2

Paste the snippet into Footer HTML

Footer HTML renders immediately before the closing </body> tag on every page:
Replace kb_xxx and bq_pk_... with your actual values.
3

Save and preview

Click Save. Open any page of your developer hub and confirm the “Ask AI” launcher appears in the bottom corner.
Check your plan first. ReadMe gates custom code by tier — its own table lists Custom CSS on Pro and Enterprise, and Custom JavaScript on Enterprise only. If the Custom Code section is missing or the fields are read-only, your plan does not include it, and no snippet will help. Confirm with ReadMe support before budgeting time for this install.
ReadMe renders hub pages server-side and caches aggressively. If the widget does not appear right after saving, hard-refresh (Cmd+Shift+R / Ctrl+Shift+R) before assuming the snippet is wrong.
Get your keys — your knowledge base ID and public client key (bq_pk_...) are in the BeforeQuery dashboard under Knowledge Base → Integration. Add your hub’s domain (e.g. docs.yourproduct.com or the default yourproject.readme.io) to the key’s origin allowlist.
For all widget configuration options, see Widget reference.