ShadowDM

Storefront Setup & Guide

The E-Commerce Storefront is a robust feature that allows you to sell products directly through an integrated, mobile-optimized shop. You can share your store link in Instagram DMs, bio, or anywhere else.

Key Features

Product Management

Add products with images, set prices, and track inventory. Products automatically reflect on your live storefront and you can control if out-of-stock items are visible.

Read the "Add a New Product" guide

Customer Authentication

Enable powerful login flows including WhatsApp Magic Links, Google OAuth, Facebook, and Instagram to allow customers to seamlessly log in and track their orders.

Payments & Checkout

Support for Cash on Delivery (COD) and Razorpay. Manage Razorpay API keys directly from your dashboard to enable smooth online transactions.

Theme & Customization

Fully customize your storefront to match your brand. Change the primary colors, upload a logo, set a banner image, and enable a light or dark theme.

How to Enable the Storefront

  1. Go to theShoptab in your dashboard.
  2. Ensure an Instagram account is selected from the sidebar.
  3. Toggle theStore is Activeswitch in the top right corner.
  4. Once active, your unique storefront link (e.g.,/shop/your_username) will be live.
  5. Share this link with your customers or integrate it into your Instagram Automation flows using the "Send Product" node.

Configuring Login Methods

The storefront supports multiple authentication methods. You can enable or disable these individually from theDesign & Brandingsection of your shop dashboard.

WhatsApp Magic Link (Recommended)

Allows customers to log in using their WhatsApp number. A secure JWT token is generated and verified without requiring any third-party developer accounts.No external credentials required.Just toggle it on.

Google OAuth

To enable Google Login, you need a Client ID and Client Secret.

  1. Go to theGoogle Cloud Console.
  2. Create a new project or select an existing one.
  3. Navigate toAPIs & Services >Credentials.
  4. ClickCreate Credentials >OAuth client ID. Select "Web application".
  5. Add your authorized redirect URIs:https://yourdomain.com/api/shop/[username]/auth/google/callback
  6. Copy the Client ID and Client Secret into your Shop Dashboard.

Facebook Login

To enable Facebook Login, you need an App ID and App Secret.

  1. Go to theMeta for Developersportal.
  2. Create a new App (Type: Consumer or None).
  3. Add theFacebook Loginproduct to your app.
  4. Under Settings >Basic, copy your App ID and App Secret into your Shop Dashboard.
  5. Under Facebook Login >Settings, add the Valid OAuth Redirect URI:https://yourdomain.com/api/shop/[username]/auth/facebook/callback

Instagram Login

Instagram login is configured through the Facebook Developer portal as well.

  1. Inside yourMeta App, add theInstagram Basic Displayproduct.
  2. Create a New App inside the Instagram product settings.
  3. Copy the Instagram App ID and App Secret into your Shop Dashboard.
  4. Set the Valid OAuth Redirect URI to:https://yourdomain.com/api/shop/[username]/auth/instagram/callback

Advanced Functionalities

Global Product Search

Your storefront includes an intelligent, dynamic search bar. Customers can search for items by title or description. The UI adapts seamlessly to both dark and light themes and updates the URL dynamically.

Magic Link Login

Customers can register or log in using their WhatsApp number. A secure magic link token (JWT) is generated and verified, automatically linking their session to the specific store they are browsing.