AppGram Embed SDK CDN

Embeddable widget SDK for AppGram. All files served with CORS headers for cross-origin embedding.

Full Widget SDK

Complete portal widget with feedback, roadmap, support, and more.

Minified for CDN ~25KB
https://cdn.appgram.dev/appgram.min.js
Loading build status...
<script src="https://cdn.appgram.dev/appgram.min.js" data-project="your-org/your-project"></script>

Forms Embed SDK NEW

Lightweight SDK for embedding contact forms only. Much smaller bundle size.

Minified for CDN ~8KB
https://cdn.appgram.dev/forms.min.js
Standalone contact form widget - no portal, just forms.

Quick Start

<!-- Inline form - renders where script is placed -->
<script src="https://cdn.appgram.dev/forms.min.js" data-form="your-form-id"></script>

Modal Trigger

<button onclick="AppGramForms.open()">Contact Us</button>
<script src="https://cdn.appgram.dev/forms.min.js" data-form="your-form-id" data-mode="modal"></script>

Form-as-a-Service URLs

Share forms directly without any code:

https://portal.appgram.dev/f/your-form-id

Perfect for email signatures, QR codes, and social media bios.

Chat Widget NEW

AI-powered help-center chat that answers visitor questions from your published articles.

Minified for CDN ~12KB
https://cdn.appgram.dev/chat.min.js
Floating launcher + slide-up panel. Vanilla DOM, no React.

Quick Start

<script src="https://cdn.appgram.dev/chat.min.js"
        data-project-id="your-project-uuid"
        data-agent-name="Help Assistant"
        data-accent-color="#6366f1"></script>

With Quick Replies

<script src="https://cdn.appgram.dev/chat.min.js"
        data-project-id="your-project-uuid"
        data-options="Help me get started|Pricing|Demo"></script>

Manual control

<script src="https://cdn.appgram.dev/chat.min.js"></script>
<script>
  const chat = AppGramChat.init({ projectId: 'your-uuid' })
  chat.open()
  chat.on('source:click', (source) => console.log(source))
</script>

Testimonials Wall NEW

Embed your published testimonials anywhere. Text + video cards, masonry layout, sentence-1 highlighter.

Minified for CDN ~10KB
https://cdn.appgram.dev/testimonials.min.js
Pulls live data from /portal/testimonials.

Inline (renders where the script is placed)

<script src="https://cdn.appgram.dev/testimonials.min.js"
        data-project-id="your-project-uuid"
        data-columns="3"></script>

Inline into a container

<div id="testimonials"></div>
<script src="https://cdn.appgram.dev/testimonials.min.js"
        data-project-id="your-uuid"
        data-container="#testimonials"
        data-columns="3"
        data-max-items="9"></script>

Modal trigger

<button onclick="AppGramTestimonials.open()">Read reviews</button>
<script src="https://cdn.appgram.dev/testimonials.min.js"
        data-project-id="your-uuid"
        data-mode="modal"></script>

API Endpoints

Quick Test: