Reader

Widget Builder

Create embeddable translation widgets for your website. Customize appearance, languages, and behavior.

API Configuration
Configure your API key and target language

Get your API key from the API documentation

Integration Code
Copy and paste into your website
CDN
<!-- Reader Translation Widget -->
<script>
  window.ReaderConfig = {
  "apiKey": "YOUR_API_KEY",
  "targetLanguage": "en",
  "theme": "auto",
  "position": "bottom-right",
  "size": 200,
  "showButton": true,
  "autoActivate": false,
  "features": {
    "dictionary": true,
    "asciiArt": false
  },
  "styles": {
    "primaryColor": "#3b82f6",
    "borderRadius": 12
  }
};
</script>
<script src="https://reader.platphorm.com/widget/reader.js" async></script>
Live Preview
See how your widget will look

Hover over this text to see the magnifier in action.

The quick brown fox jumps over the lazy dog.

Translation Preview

English