Developer First

Integration in Minutes

Drop in a script, configure two attributes, and let our AI handle the rest. Focus on building your product, not maintaining recommendation pipelines.

Add the SDK

Include our lightweight script in your document head. It's optimized for performance and won't block your rendering.

Define Placeholders

Mark up your HTML with simple data attributes where you want recommendations to appear.

Map Your Content

Tell us what fields (Title, Image, URL) you want to display. We fill them in automatically.

index.html

<!-- 1. Include SDK -->
<script 
  src="https://cdn.froomle.com/sdk.js"
  data-froomle-env="ENV_ID_123">
</script>

<!-- 2. Define Placeholder -->
<div data-froomle-reco="news_feed">
  
  <!-- 3. Dynamic Template -->
  <article>
    <img data-froomle-param-src="image" />
    <h3 data-froomle-param-text="title"></h3>
    
  </article>

</div>

Time to Integrate

< 30 Seconds

Built for Modern Stacks

React / Next.js

Full type safety and hook support for React applications.

npm i @froomle/react

REST API

Server-side integration for headless CMS and native apps.

POST /api/v2/recommend

Data Sync

Push your content catalog via JSON, XML, or direct API.

Automatic Feed Sync