TheSkinnyAI FAQ

Getting Started

Setup & Coaching

Site Analysis: We will analyze your site to understand its structure and content.
Consultation & Coaching: We work with you to ensure the tone, style and content match your goals perfectly.
Testing: We perform positive and negative testing to ensure the assistant is working as expected.
Integration: While integration onto your site is one line of code, we will help your team get it right.

Settings tab

Site URL: Your site’s base URL (read‑only).
Starting URL: The first page to crawl (you can change this anytime).
Do Not Crawl URLs: Paths or full URLs to exclude from discovery and crawling.

Content tab

Critical Instructions: Non‑negotiable guidance the assistant must follow. if you want to add a link to responses, add something like, "If the user asks for meeting or call, direct them to http://theskinnyai.com/schedule"
Tone: Desired voice and style (e.g., professional, friendly, concise).
Primary Facts: Key facts the assistant can rely on.

My Skinny tab

Button Text: The label shown on your widget button.
Fill/Text Color: Brand colors for the button and chat.
Position: Corner placement or Advanced (mount into your own element).
Embed Script: Copy/paste this snippet to install the widget on your site. Important: allow scripts and connections to https://theskinnyai.com in your CSP.

Reporting

Usage

Shows overall activity including total chats and a time‑series chart. Use the date range to narrow to recent periods.

History

This is where your new leads will be listed.

This also lists recent conversations with sentiment, lead confidence, latency, request ID, model, and message count. Click a row to see the transcript.

Troubleshooting

My Skinny Isn’t Loading (CSP/CORS allowlist guidance)
My content isn’t loading (Cloudflare/Bot mitigation guidance)

Widget button position looks better in different corners by device

Many sites prefer the chat button in different corners depending on screen size: top‑left on desktop, bottom‑left on tablets, and bottom‑right on mobile. You can implement this responsively by setting the widget’s data-position at load time based on media queries.

Example (site‑specific embed logic):

<script>
// Decide button position by viewport width
var pos = 'top-left';
try {
  var isMobile = window.matchMedia('(max-width: 575.98px)').matches;
  var isTablet = window.matchMedia('(min-width: 576px) and (max-width: 1199.98px)').matches;
  if (isMobile) pos = 'bottom-right';
  else if (isTablet) pos = 'bottom-left';
} catch (e) {}

var s = document.createElement('script');
s.src = 'https://theskinnyai.com/chatbot-widget.js';
s.dataset.tenantId = 'YOUR_TENANT_ID';
s.dataset.name = 'Ask Skinny';
s.dataset.position = pos; // top-left | top-right | bottom-left | bottom-right
document.body.appendChild(s);
</script>

If you use data-target to mount inside your own element, the widget won’t float; position that container with your CSS instead of data-position.