Flowstar Sales Notification

Flowstar Sales Notification turns recent orders into real-time social proof, surfacing branded purchase popups across your store the moment sales happen. Install it into your account and it runs natively through the Webflow App model.

It fits e-commerce store owners, freelancers, and agencies building client sites, and gives marketing teams and designers a way to build trust on high-traffic pages without touching code.

How to integrate Flowstar Sales Notification with Webflow

What is Flowstar Sales Notification? Flowstar Sales Notification is a social proof app that displays real-time purchase alerts on your e-commerce store through customizable popups. It surfaces recent order activity as branded popups. Flowstar advertises "No Coding Required" and "One Click Setup" for the app, with customizable design and analytics reporting included.

Add Flowstar when you want visitors to see that your store is active and purchases are happening. A popup showing a recent order on a product page signals demand without manual updates. The setup centers on a single integration path.

The Flowstar Sales Notification integration supports two approaches:

• The Flowstar app installs directly into your account and handles popup display without writing code.
• The Data API gives you control over webhooks and the CMS, but Flowstar publishes no public API of its own.

Most implementations use the native app install. Take the API path only when you want to read event data for separate systems. Since Flowstar does not publish a public API, any API-level work relies entirely on the Data API.

Install the Flowstar Sales Notification app

The native app install is the primary path and the only one Flowstar documents. Install the app from the Marketplace, authorize it against your site, and configure popups from the app dashboard. This method needs no code and suits store owners, freelancers, and agencies.

The app covers these capabilities:

• No-code setup through one-click install
• Customizable design to match your site branding
• Analytics and reporting on notification activity

To set up the integration:

1. Click Install App, then sign in or create a trial account.
2. Enter your name, email, and password, then click Create Trial Account.
3. Select your target site, then click Authorize App.
4. Proceed through the welcome page and terms.
5. Find the app in the Apps section of your site settings.

After install, configure popup placement from the app dashboard. For placement controls beyond the standard dashboard setup, verify Sales Notification-specific options with Flowstar support at hello@flowstar.co. You may need an e-commerce plan for the Marketplace app version, so check your plan before committing to a production deployment.

Add Flowstar scripts with custom code

If the Marketplace app is unavailable or you need advanced placement, embed a script manually. This fallback path uses the custom code features.

Use it when you want site-wide popups across every page or precise control over where a script loads. Flowstar publishes no dedicated script snippet for Sales Notification, so confirm available embed code with Flowstar support at hello@flowstar.co before using this method.

Custom code requires a qualifying plan: a Site plan or a Core, Growth, Agency, or Freelancer Workspace plan. Each section accepts up to 50,000 characters and supports HTML, CSS, and JavaScript only. Server-side languages like PHP, Python, and Ruby will not run.

Site-wide script placement

For popups that appear across every page, add the script at the site level. This pattern fits store-wide notification systems where you want alerts on all pages at once.

To add a site-wide script:

1. Go to your site settings and custom code tab.
2. Paste the script into the Head or Footer section.
3. Click Save changes and publish your site.

Custom code appears as a placeholder in the Designer and renders only in preview and after publishing.

In-layout embed with Code Embed

For a popup tied to a specific spot in your layout, use the Code Embed element. This fits targeted notification campaigns on a single collection or seasonal landing page.

To add a Code Embed element:

1. Open the Add panel and drag in a Code Embed element.
2. Paste your code into the element.
3. Click Save and close, then publish.

If your script approaches the 50,000-character limit, host it on an external server and reference it by URL, or minify the code.

Build with the Data API

Flowstar does not publish a public API, so any programmatic work happens through the Data API only. This path requires server-side development. Use it when you want to read order or form data and feed it into your own systems. It does not trigger Flowstar popups directly.

The available APIs cover these areas:

• Webhooks register event-based triggers like new orders and form submissions
• The form submissions endpoint lists form submissions
• CMS Collection endpoints read staged and live CMS collection items

These endpoints give you read access to your store and content data for external use.

Register a webhook for new orders

To capture e-commerce activity in your own system, register a webhook. The ecomm_new_order trigger fires each time a customer places an order.

To register the webhook:

1. Send a POST request to /v2/sites/{site_id}/webhooks with the triggerType set to ecomm_new_order.
2. Set your endpoint URL to receive the JSON payload.
3. Validate the request using the x-webflow-signature and x-webflow-timestamp headers.

Webhook payloads arrive as JSON with triggerType and payload fields. The form_submission trigger works the same way for capturing form data.

What you can build with the Flowstar Sales Notification Webflow integration

With Flowstar Sales Notification, you can display live purchase activity without writing popup code or building a notification system from scratch.

• Product landing page proof: Show recent orders on a high-traffic product page so visitors see real activity while they browse. A running shoe page displays a popup reading that someone in another city just purchased the same model.
• Store-wide notification systems: Place popups site-wide through custom code so purchase alerts appear on every page. A skincare store surfaces a steady stream of recent orders across its catalog, homepage, and blog.
• Targeted seasonal campaigns: Add notifications to a specific collection or seasonal landing page for category-relevant purchases. A holiday gift collection shows popups featuring only items from that collection.
• Checkout-page social proof: Display recent purchases on cart and checkout pages to reduce abandonment. A cart page shows other customers buying in the same price range as the visitor considers completing their order.

If you need more control over reading order and form data into external systems, the API integration path covers those cases with full flexibility.