Limeblock Docs

Frontend Docs

These Frontend Docs will tell you everything you need to know about using Limeblock's frontend functionality We will cover styling your Widget, ChatWidget, and Page Navigation.

Widget Appearance

Customize how your Limeblock widget looks and behaves on your website with our intuitive styling tools.

#90F08C

Main color of your widget bubble

#FFFFFF

Accent color for widget details

12

Scale of the widget (1-20)

Widget placement on your page

Chat UI Styling

Customize the appearance of the chat interface to match your brand identity.

#000000
#000000
#FFFFFF
#F3F4F6
#E5E7EB
#90F08C

Title displayed in chat window header

Initial message shown to users

Tip: All styling changes are applied in real-time - your users will see it too. Watch the block on your site or app to see exactly how your widget will appear.

Page Navigation Configuration

Define how your widget interacts with your application's pages for a seamless user experience.

Page Endpoint Tree

Documentation

https://limeblock.io/docs/getting_started/
Getting Started Guide

Complete walkthrough for new users setting up their first Limeblock widget. Covers account creation, basic configuration, and implementation steps.

https://limeblock.io/docs/frontend/
Frontend Customization

Comprehensive guide to customizing widget appearance including colors, fonts, sizes, and positioning. Includes best practices for brand alignment.

Important Note: Provide detailed and accurate descriptions for each page. These descriptions help the AI understand your site structure and generate appropriate navigation links when users ask questions.

Best Practices for Page Descriptions

  • Be specific about the page's purpose
  • Include keywords that users might search for
  • Describe the main actions or information available
  • Keep descriptions between 2-4 sentences for optimal indexing
  • Mention the primary user needs this page addresses

Example Description

/pricing

Pricing Plans

Comparison of all available subscription tiers. Features detailed breakdowns of Free, Pro, and Business plans with pricing and feature differences. Users can upgrade their account directly from this page.

Getting Help

If you need assistance with your Limeblock implementation: