Campaigns for Non-Shopify Stores

Campaigns enable you to reach customers with timely, targeted messages exactly when it matters most. Reduce cart abandonment, increase conversions, and unlock upsell opportunities - all powered by real-time triggers and smart segmentation.

This guide covers non-Shopify platforms — Magento, WooCommerce, BigCommerce, custom storefronts, and headless Shopify setups. Browser-based conditions (URL, visits, exit intent, traffic source) and Custom Conditions work out of the box. Cart, product, customer, and order conditions are also available if you optionally provide the data DigitalGenius needs to evaluate them.

On a standard Shopify Online Store theme? Use Campaigns for Shopify Stores instead - the DigitalGenius Shopify app handles shopper signals, cart attribution, and discount codes automatically.

See also: Campaign Examples.

Getting Started

Prerequisites

• Ensure the Campaigns feature is enabled on your Dashboard account (your CSM can help with this).

First steps

Creating, editing, and publishing campaigns uses the same Dashboard flow as Shopify. Log in to the DigitalGenius Dashboard, open Chat Widget → All Campaigns, and click New Campaign.

Each campaign is made up of:

• Conditions — Rules that determine when a campaign fires. See Conditions below.
• Message — The message shown to the customer.
• Display — Device targeting and optional delay.
• Content — Optional products, discount codes, or videos.
• Publishing & Schedule — Publish now, save as draft, or schedule.
• Link a Campaign to a Widget — Assign the campaign in the Widget Builder.

For the full builder walkthrough (message formatting, display options, content, publishing, linking, and analytics), see Campaigns for Shopify Stores.

Conditions

Campaigns are triggered by one or more conditions. Conditions can be combined using AND / OR logic.

Conditions available out of the box

These conditions use browser signals only. No extra storefront integration is required.

Exit intent — desktop: detected when the cursor moves to the top of the viewport or leaves the browser window.
Exit intent — mobile: detected by a fast upward scroll at the top of the page.

Conditions that require advanced configuration

The following conditions are available on non-Shopify storefronts, but only if you populate window.DG_CAMPAIGNS_VARS with the matching data. See Advanced configuration below.

For generated campaign configuration, Viewed Product Tag Count stores the selected tags under value.tags and the numeric threshold under value.count.

You only need to populate the fields for conditions you intend to use. Unused fields can be omitted, or set to safe defaults such as [], 0, or null as appropriate.

Advanced configuration

Advanced configuration is optional. Skip it if you only need browser-based or custom conditions.

Use the sections below if you want to:

• Target campaigns with cart, product, customer, or order conditions
• Attribute conversions via cart attributes
• Apply discount codes from a campaign button

window.DG_CAMPAIGNS_VARS = {
  currentProductId: 'product-123',
  currentProductTags: ['sale', 'summer'],
  productTagsInCart: ['sale'],
  purchasedProductTags: [],
  amountAddedToCart: 49.99,
  customerTags: [],
  customerCountry: 'US',
  numberOfOrders: 0,
  totalSpent: 0,
  noOfItemsInCart: 2,
  isProductOutOfStock: false,
};

console.log(window.DG_CAMPAIGNS_VARS);

window.DG_CHAT_WIDGET_CONFIG = {
  // ...
  callbacks: {
    campaignAnalytics: async (type, campaign) => {
      switch (type) {
        case 'impression': {
          await updateCartAttributes(prev => ({
            _dg_campaign_id: prev._dg_campaign_id
              ? `${prev._dg_campaign_id}, ${campaign.id}`
              : campaign.id,
          }));
          break;
        }
        case 'engagement': {
          await updateCartAttributes({
            [`_dg_engagement_timestamp_campaign_${campaign.id}`]:
              new Date().toISOString(),
          });
          break;
        }
      }
    },
  },
};

window.DG_CHAT_WIDGET_CONFIG = {
  // ...
  callbacks: {
    onCampaignDiscountCodeClick: async (discountCode) => {
      await fetch('/api/apply-discount', {
        method: 'POST',
        body: JSON.stringify({ code: discountCode }),
      });
    },
  },
};

query GetProduct($handle: String!) {
  product(handle: $handle) {
    id
    tags
  }
}

query GetCart($cartId: ID!) {
  cart(id: $cartId) {
    totalQuantity
    cost { totalAmount { amount currencyCode } }
    lines(first: 100) {
      edges {
        node {
          merchandise {
            ... on ProductVariant {
              product { tags }
            }
          }
        }
      }
    }
  }
}

query GetCustomer($token: String!) {
  customer(customerAccessToken: $token) {
    tags
    numberOfOrders
    amountSpent { amount currencyCode }
    defaultAddress { countryCodeV2 }
    orders(first: 250) {
      edges {
        node {
          lineItems(first: 100) {
            edges {
              node {
                variant { product { tags } }
              }
            }
          }
        }
      }
    }
  }
}