LyveCom Dashboard logo
LyveCom Dashboard logo

All articles

AppBrew IntegrationUpdated 2 months ago

Appbrew Integration Guide

Overview

Integrating Appbrew with Lyvecom allows you to bring shoppable video, live shopping, and interactive video experiences directly into your mobile app. This integration enables customers to browse, engage, and purchase products through Lyvecom video experiences without leaving your Appbrew app.

This guide walks through the steps required to successfully connect Appbrew to Lyvecom and launch video commerce inside your app.


Prerequisites

Before starting, ensure you have:

  • An active Lyvecom account

  • An active Appbrew app

  • Admin access to both platforms

  • Your Lyvecom Store ID / API credentials

  • Your Appbrew development or production environment ready for updates


Step 1: Retrieve Lyvecom Credentials

  1. Log in to your Lyvecom Dashboard

  2. Navigate to Settings → Integrations

  3. Copy the following:

    • Store ID

    • API Key / Public Key

Keep these credentials secure—you’ll need them for the Appbrew configuration. Most of the time you'll send this to your Appbrew rep to help with configuration.


Step 2: Enable the Lyvecom Integration in Appbrew

  1. Log in to your Appbrew Admin Panel

  2. Go to Integrations

  3. Locate Lyvecom in the integrations list

  4. Click Enable or Configure

If Lyvecom does not appear, contact Appbrew support to enable the integration on your account.


Step 3: Configure Integration Settings

Enter the credentials from Lyvecom into Appbrew:

  • Store ID → Paste from Lyvecom

  • API / Public Key → Paste from Lyvecom

  • Environment → Select Sandbox or Production

Save your configuration.


Step 4: Add Lyvecom Video Modules to Your App

You can place Lyvecom experiences across multiple app surfaces:

Supported placements

  • Home screen video widgets

  • Product detail pages (PDP)

  • Collection pages

  • Dedicated “Live” or “Video” tab

Steps

  1. In Appbrew, go to App CMS / Layout Editor

  2. Add a new block or widget

  3. Select Lyvecom Video or Shoppable Video module

  4. Choose the content source:

    • Live shows

    • Video playlists

    • Product-tagged videos

  5. Save and publish your layout


Step 5: Map Products

Ensure products featured in Lyvecom videos match your Appbrew catalog.

Checklist:

  • Same product IDs / SKUs

  • Products are active in the app

  • Inventory is synced

  • Product URLs resolve correctly

If product mapping fails, videos may display without purchase capability.


Step 6: Test the Integration

Before going live:

  1. Use a development build or staging environment

  2. Open your app

  3. Navigate to the page where Lyvecom is embedded

  4. Test:

    • Video playback

    • Add-to-cart

    • Checkout redirect

    • Live stream playback (if applicable)


Step 7: Go Live

Once testing is complete:

  1. Switch credentials to Production (if needed)

  2. Republish your app layout

  3. Submit an updated build via Appbrew (if required)

  4. Launch your live show or publish videos in Lyvecom


Troubleshooting

Videos not loading

  • Verify Store ID and API key

  • Confirm correct environment (Sandbox vs Production)

  • Check app internet permissions

Products not linking

  • Confirm SKU / product ID match

  • Ensure products are published in Appbrew

  • Re-sync catalog data

Live stream not appearing

  • Confirm show is set to Live / Published in Lyvecom

  • Verify scheduled time

  • Check placement widget settings


Best Practices

  • Feature video on the home screen for maximum engagement

  • Use product-tagged videos for faster checkout

  • Schedule push notifications for live shows

  • Test on both iOS and Android builds


Support

If you need help:

  • Contact Lyvecom Support: [email protected]

  • Contact Appbrew Support via your Appbrew dashboard

Provide:

  • Store ID

  • App name

  • Screenshots / screen recordings

  • Description of the issue

Was this article helpful?
Yes
No