# Claspo Documentation

> Documentation for Claspo

Append .md to any documentation page URL to get its markdown version.

## Guides
- [Overview](https://docs.claspo.io/docs/overview.md): Embeddable widget platform for CDP and SaaS applications. Includes visual editor, template library, display rules, gamification, and localization.
- [Starter project](https://docs.claspo.io/docs/getting-started-starter.md): Set up your development environment with the Claspo plugin starter repository
- [Understanding Components](https://docs.claspo.io/docs/getting-started-components.md): Learn how Claspo widget components work, from Web Component fundamentals to editor integration.
- [Terminology](https://docs.claspo.io/docs/terminology.md): This document defines the terminology for Claspo Plugin SDK documentation.
- [Configuration](https://docs.claspo.io/docs/editor-configuration.md)
- [API Key](https://docs.claspo.io/docs/api-key.md): Authenticate your plugin integration for production deployments
- [Localization](https://docs.claspo.io/docs/localization.md): Configure the editor interface language for your users
- [Theming ](https://docs.claspo.io/docs/theming.md): Customize the editor to match your brand identity
- [Image sources ](https://docs.claspo.io/docs/image-sources.md): Configure how users add images to widgets
- [Google Fonts ](https://docs.claspo.io/docs/google-fonts.md): Enable 1500+ free Google Fonts for your widgets by adding an API key.
- [AI Translations](https://docs.claspo.io/docs/ai-translations.md): Translate widget content using AI
- [Contact fields mapping configuration](https://docs.claspo.io/docs/contact-fields-mapping.md): Describes how to configure contact field mapping options for the Claspo Editor.
- [Available components panel configuration](https://docs.claspo.io/docs/available-components-panel.md): Customizes the left panel from which you can drag and drop components into the editor.
- [Property Pane Components](https://docs.claspo.io/docs/property-pane-components.md): Reference for all Property Pane UI components used to configure widget settings in the editor
- [Left panel component icon customization](https://docs.claspo.io/docs/custom-icons-for-components.md): Technical specifications for creating SVG icons for Claspo components
- [claspocommon](https://docs.claspo.io/docs/claspocommon.md)
- [@claspo/editor](https://docs.claspo.io/docs/claspoeditor.md): Claspo Editor SDK and types for widget integration
- [@claspo/renderer](https://docs.claspo.io/docs/clasporenderer.md): Core Web Components rendering engine providing base classes (WcElement, WcControlledElement), action system, form management, services, and view routing for Claspo widgets.
- [@claspo/document-connector](https://docs.claspo.io/docs/claspodocument-connector.md): SDK connection layer for managing Claspo widget layouts, positioning, events, and resource loading in host documents
- [Create select components that shows dynamic data from the backend](https://docs.claspo.io/docs/create-select-components-that-shows-dynamic-data-from-the-backend.md)
- [Configure phone input country priority](https://docs.claspo.io/docs/configure-phone-input-country-priority.md): Set default country codes for phone input fields in Claspo widgets
- [Create custom validation rules for form components](https://docs.claspo.io/docs/validation.md): Create custom validation rules for form components with sync and async validators
- [Create multiple types of user consent](https://docs.claspo.io/docs/create-multiple-types-of-user-consent.md)
- [Scope of Work: Script-Based Plugin Integration](https://docs.claspo.io/docs/scope-of-work-script-based-plugin-integration.md)
- [API Endpoints Reference](https://docs.claspo.io/docs/api-endpoints-example.md): Complete reference of Plugin Integration API endpoints with request/response schemas