Skip to main content

Overview

AdMesh offers multiple ad formats designed to integrate seamlessly with AI Platforms and conversational interfaces. Each format is optimized for different use cases and user experiences.

Format Selection Guide

Choose the right ad format based on your integration needs:

FormatBest ForIntegration ComplexityUser Experience
One Line AdMinimal integration, chat interfacesLowUltra-clean
Product CardDetailed recommendationsMediumRich information
Conversation SummaryEnd-of-chat recommendationsMediumNatural conclusion
CitationAcademic AI, Research toolsLowNon-intrusive
Floating RecommendationsProactive suggestionsMediumContext-aware
SidebarDashboard interfacesLowPersistent visibility
LayoutComprehensive displaysHighFlexible arrangement

Platform Integration Guide

AI Code Editors

  • Recommended: One Line Ad, Citation
  • Focus: Developer tools, testing, refactoring
  • Examples: Cursor, Sweep, Mutable AI

AI Design Tools

  • Recommended: Product Card, Layout
  • Focus: Creative workflows, UI kits, design assets
  • Examples: Uizard, Galileo AI, Khroma

AI Business Intelligence

  • Recommended: Citation, Layout
  • Focus: Analytics tools, data visualization, reporting
  • Examples: Polymer, Yurts AI, Obviously.AI

AI E-commerce Platforms

  • Recommended: Floating Recommendations, Sidebar
  • Focus: Store optimization, conversion tools
  • Examples: Checkout Page AI, ConvertMate AI, Octane AI

AI CRM Systems

  • Recommended: Conversation Summary, Product Card
  • Focus: Sales automation, customer management
  • Examples: Regie.ai, CoPilot AI, Nooks

AI Project Management

  • Recommended: Floating Recommendations, Layout
  • Focus: Productivity tools, collaboration, planning
  • Examples: Taskade AI, Tability AI, Magical

Performance Metrics & Revenue

Each format provides detailed analytics and revenue opportunities:

  • Click-through rates (CTR) - Track user engagement
  • Conversion tracking - Monitor successful purchases
  • User engagement metrics - Measure interaction quality
  • Revenue attribution - Calculate earnings per format

Optimize Your Revenue

Different ad formats have varying revenue potential. Use our earnings calculator to compare the earning potential of each format for your specific use case.

Ad Format Components

AdMesh provides seven distinct ad formats, each optimized for different integration scenarios and user experiences.

Component Overview

ComponentUse CaseIntegration LevelBest For
One Line AdMinimal recommendationsLowAI code editors, minimal interfaces
Product CardDetailed product infoMediumAI design tools, e-commerce platforms
Conversation SummaryEnd-of-session recommendationsMediumAI CRM systems, chat interfaces
CitationAcademic-style referencesLowAI business intelligence, research tools
Floating RecommendationsContext-aware suggestionsMediumAI project management, productivity tools
SidebarPersistent recommendationsLowAI dashboard interfaces, workspace apps
LayoutComprehensive displaysHighMulti-product showcases, comparison tools

Getting Started

Quick Integration

  1. Install the SDK:
npm install admesh-ui-sdk
  1. Import components:
import { AdMeshSimpleAd, AdMeshProductCard, AdMeshLayout } from 'admesh-ui-sdk';
  1. Add to your AI platform:
// For AI code editors
<AdMeshSimpleAd variation="statement" />

// For AI business intelligence tools
<AdMeshCitationUnit citationNumber={1} />

// For AI e-commerce platforms
<AdMeshSidebar title="Store Tools" />

// For comprehensive displays
<AdMeshLayout autoLayout={true} />

Live Examples

Interactive Storybook: https://storybook.useadmesh.com/

Explore all ad formats with live, interactive examples. See how each component works in different themes and configurations.

Live Demo Components

Experience AdMesh ad units with real demo data below. Each component shows how it would appear in your AI platform with actual product recommendations.

One Line Ad

One Line Ad Demo

Looking for payment solutions for your business? Try Stripe Payment Processing

powered by AdMesh

Product Card

Product Card Demo

Stripe Payment Processing

92% match

Accept payments online with Stripe's developer-friendly APIs and comprehensive payment solutions.

Features:

  • Accept 135+ payment methods
  • Global payment processing
  • Advanced fraud protection
  • Real-time analytics dashboard

Starting at 2.9% + 30¢ per transaction

Conversation Summary

Conversation Summary Demo

"Based on our conversation about payment processing and deployment solutions, here are some recommended tools that could help with your project:"

Stripe Payment Processing

Accept payments online with developer-friendly APIs.

Vercel Deployment Platform

Deploy your frontend applications with zero configuration.

Figma Design Tool

Collaborative interface design tool for teams.

Citation

Citation Demo

For payment processing, many developers choose Stripe Payment Processing¹ due to its comprehensive API and global reach.

References:

¹ Stripe Payment Processing - Accept payments online with Stripe's developer-friendly APIs and comprehensive payment solutions.

Floating Recommendations

Floating Recommendations Demo

This demo shows how floating recommendations appear contextually. In a real implementation, these would appear based on user behavior and conversation context.

Recommended Tools

Stripe Payment Processing - Accept payments online with developer-friendly APIs
Vercel Deployment Platform - Deploy your frontend applications with zero configuration

Sidebar Demo

Main Content Area

This represents your main application content. The sidebar recommendations appear alongside without interrupting the user's workflow.

Recommended Tools

Stripe Payment Processing
Accept payments online with developer-friendly APIs
Vercel Deployment Platform
Deploy your frontend applications with zero configuration
Figma Design Tool
Collaborative interface design tool for teams

Layout

Layout Demo

Stripe Payment Processing

92%

Accept payments online with developer-friendly APIs.

2.9% + 30¢ per transaction

Vercel Deployment Platform

88%

Deploy your frontend applications with zero configuration.

Free tier available

Figma Design Tool

85%

Collaborative interface design tool for teams.

Free for personal use

Key Advantages

  • Intent Detection: AI-powered understanding of user needs
  • Native Integration: Seamlessly blends with conversational interfaces
  • Contextual Timing: Recommendations appear at optimal moments
  • Academic Style: Citations feel like helpful references
  • Value-First: Genuine utility before monetization

Ready to integrate AdMesh into your AI platform? Start with the Quick Start Guide or explore the live Storybook examples.