RubyRep
Train My RubyRep

How to add an AI chatbot to Jekyll

On Jekyll, a chat widget is installed through _layouts/default.html or _includes/footer.html. Applies on your next build; GitHub Pages rebuilds on push. None.

Where it goes

_layouts/default.html or _includes/footer.html

Availability: None.

Adding the chatbot to Jekyll

  1. 1

    Open _layouts/default.html, or _includes/footer.html if your theme uses one.

  2. 2

    Paste the snippet before the closing </body> tag.

  3. 3

    Rebuild and deploy. On GitHub Pages, pushing is enough.

  4. 4

    Applies on your next build; GitHub Pages rebuilds on push.

The snippet you paste

<script src="https://rubyrep.com/rubyrep.js" data-rubyrep="rr_your_public_key" defer></script>

Your own key replaces rr_your_public_key — you get it after training RubyRep on your site.

Worth knowing on Jekyll

  • If your theme is a gem, copy the layout into your own _layouts/ directory before editing it.

  • GitHub Pages runs Jekyll in safe mode, which disables custom plugins but not plain HTML.

Jekyll questions

Where does the code go on Jekyll?
_layouts/default.html or _includes/footer.html. Applies on your next build; GitHub Pages rebuilds on push.
Do I need a paid Jekyll plan?
None.
Will a Jekyll update remove it?
If your theme is a gem, copy the layout into your own _layouts/ directory before editing it.
Does it slow Jekyll down?
No measurable effect. The snippet is deferred, so it loads after your page has rendered, and the chat interface itself is only fetched when a visitor opens it.

Related

term

What is a website chatbot?

The term covers two very different things. Older chatbots follow scripts and break the moment a visitor phrases something unexpectedly. Modern ones retrieve from a business's own content and generate an answer, which handles arbitrary phrasing.

term

What is AI customer service?

AI customer service means answering customer questions with a language model rather than a person. The useful implementations are grounded in a specific business's own content; the poor ones let a general model improvise, which produces confident answers that are wrong.

guide

How to add an AI chatbot to your website

Adding an AI chatbot takes minutes. Making it answer correctly takes preparation. This covers what to check before you install anything, how installation actually works, and the three failure modes that make businesses take chatbots back down.

how-to

How to add FAQ schema on any website platform

Mark up your existing FAQ answers so search engines and AI assistants can quote them directly. The code is the same everywhere; where you paste it is not. This covers 35 platforms, 19 of which gate custom code behind a paid plan.

how-to

How to add live chat on any website platform

Put a real-time conversation route on every page of your site. The code is the same everywhere; where you paste it is not. This covers 35 platforms, 19 of which gate custom code behind a paid plan.

Get your snippet.

Enter your Jekyll site and RubyRep reads it, builds your representative, and hands you the exact line to paste.

https://

Takes about a minute. No credit card.

Using something else? See all platforms.