---
title: Integrating MomentPerks
slug: integrating-momentperks
icon: 🎖️
docTags: 
createdAt: 2025-07-24T14:50:06.390Z
---

:::hint{type="info"}
**Who is this for:** Partners, web developers, and app developers choosing how to integrate MomentPerks and needing guidance on which method fits their platform.

**Outcome:** Select the most appropriate integration method-JavaScript SDK for low-code web use, or the MomentPerks API for custom rendering-and begin the relevant implementation.
:::

# Overview

MomentPerks lets you deliver personalized offers at the most relevant moments in the user journey, like after a purchase, during a content unlock, or when a milestone is achieved. You can integrate MomentPerks into your online store, website, mobile app, or other digital experiences.

This guide walks you through the available integration methods and helps you choose the best approach based on your platform, customization needs, and development resources.

# Integration Methods

MomentScience offers two primary ways to integrate MomentPerks:

## 1. JavaScript SDK (Recommended for Websites)

Use this method for a quick, low-code integration.

1. Copy the JavaScript snippet from the [MomentScience dashboard](https://app.momentscience.com/account/integration/customize#install)
2. Paste it into the `<head>` of the page where offers should appear, such as a checkout confirmation or reward screen
3. Customize the appearance using the [MomentPerks Theme Editor in the dashboard](https://app.momentscience.com/account/integration/customize#customize)

This option is ideal if you want to get up and running with minimal development effort.

:::CtaButton{label="Learn more about JavaScript SDK integration." docId="ajaPHwsr3PnElox8aSuI_" openInNewTab="true"}

:::

## 2. MomentPerks API  (`POST /native/v2/offers.json`)

Use the API if you need complete control over offer rendering, layout, and integration logic.

1. Retrieve offer data in JSON from the API.
2. Render offers in your own UI for maximum flexibility.
3. Integrate with custom web apps, native mobile apps, or embedded experiences.

This option is recommended for teams that require deep customization or are integrating into platforms outside of traditional web environments.

:::CtaButton{label="Learn more about MomentPerks API integration." docId="zpOL4DX0Bohl2AOoyZrLQ" openInNewTab="true"}

:::

# Platform-Specific Playbooks

We also provide integration playbooks tailored for mobile apps and hybrid environments, including:

### A. Moments Prefetch Integration

The Moments Prefetch Integration lets your app or website load offers in advance so they’re ready to display instantly when users reach the relevant screen.

**Benefits of prefetching:**

- Reduces offer load times
- Ensures smoother user experiences
- Works with both SDK and API integrations

**Available prefetch playbooks:**

- [React Native - MomentPerks Prefetch Integration Guide](docId\:EYsG5wyP3-1h0ymaQsM7t)
- [Android – MomentPerks Prefetch Integration Guide](docId\:sZ0wFGz70f2psRcTfF45f)
- [Swift – MomentPerks Prefetch Integration Guide](docId\:bYZ8LqFmUjbTn3HGRwJ36)
- [Flutter – MomentPerks Prefetch Integration Guide](docId\:WNVdwxU9tpzxZqBxsR74i)

### B. Serving MomentPerks in Mobile Apps *(Using the Moments API)*

This set of playbooks provides a high-level guide for implementing MomentPerks in mobile apps using the MomentScience Moments API.

**Available mobile playbooks:**

- [React Native - MomentPerks API Integration Guide](docId\:yImpctt6vt6WTNWMP_ybZ)
- [Android (Kotlin) - MomentPerks API Integration Guide](docId\:bTtdlBYFHOIkOoqd9Em01)
- [iOS(Swift) - MomentPerks API Integration Guide](docId:_6D5ibwY5Ckyh5k4AUBhG)
- [Flutter - MomentPerks  API Integration Guide](docId\:onsCA-NlL3y_5Ow2r1R9e)

***

If you're unsure which method is right for you or need help getting started, contact our team at [help@momentscience.com](mailto\:help@momentscience.com) our team is happy to guide your implementation.