Agent blueprint

How to build an online store assistant

Free blueprint for an online store assistant. A no-code, single-agent, cloud-hosted stack with 17 connected components. Built around Canva Magic Studio, Zapier, HubSpot, Dify. Copy it, export it, or change the answers to fit your project.

Get the code
Your architecture

E-commerce store agent

A no-code, single-agent, cloud-hosted stack with 17 connected components.

Sign in to save

Architecture map

Tap a component to see its connections

INTERFACE &TRIGGERSORCHESTRATIONREASONINGMEMORY &KNOWLEDGETOOLS &INTEGRATIONSMONITORING &SAFETYCHAT INTERFACETidio LyroEVENT TRIGGERSZapierAGENT BUILDERDifyHUMAN APPROVAL STEPBuilt into yourorchestratorREASONING MODELChatGPT / OpenAICONVERSATION MEMORYBuilt into yourorchestratorLONG-TERM MEMORYMem0DOCUMENT INGESTIONBuilt-in knowledgebaseVECTOR DATABASEPineconeCONNECTOR HUBZapierEMAILGmail / OutlookCRMHubSpotOTHER BUSINESS APPSVia the connectorhubSTORE PLATFORMShopify /WooCommercePRODUCT IMAGESCanva Magic StudioGUARDRAILSInput & outputchecksTRACING & EVALUATIONLangfuse

Swipe sideways to see the whole map

Tool configuration

Interface & triggers

  • Chat interface

    Answers shoppers on your store

    Tidio Lyro

    or Ada, Zendesk Bot

  • Event triggers

    Starts the agent when something happens in your apps

    Zapier

    or Make, n8n

Orchestration

  • Agent builder

    Hosts the agent loop, prompts and tools

    Dify

    or Relevance AI, Lindy

  • Human approval step

    Pauses risky actions until a person approves

    Built into your orchestrator

    or n8n wait node, Slack approval message

Reasoning

  • Reasoning model

    General-purpose model with tool calling

    ChatGPT / OpenAI

    or Claude, Gemini

Memory & knowledge

  • Conversation memory

    Keeps track of the current chat or task

    Built into your orchestrator
  • Long-term memory

    Remembers people, preferences and past outcomes

    Mem0

    or LangChain memory

  • Document ingestion

    Splits and indexes your files and pages

    Built-in knowledge base

    or Firecrawl, LlamaIndex

  • Vector database

    Finds the most relevant passages for each question

    Pinecone

    or Weaviate, Qdrant

Tools & integrations

  • Connector hub

    One secure gateway to your apps (incl. MCP)

    Zapier

    or Make, Composio

  • Email

    Reads and sends email

    Gmail / Outlook
  • CRM

    Looks up and updates customer records

    HubSpot

    or Salesforce

  • Other business apps

    Any of thousands of apps via ready connectors

    Via the connector hub
  • Store platform

    Looks up products, stock and orders

    Shopify / WooCommerce
  • Product images

    Creates product photos and banners

    Canva Magic Studio

    or Ideogram

Monitoring & safety

  • Guardrails

    Blocks unsafe input, prompt injection and data leaks

    Input & output checks

    or Allow-list of tool actions

  • Tracing & evaluation

    Records every step, cost and answer quality

    Langfuse

    or LangSmith, Weights & Biases

Set up your agent, step by step

Tick each step as you finish it. Your progress is saved with this plan in your AItooling account.

0 of 25 done

AItooling never signs up for you and never asks for your passwords or keys. You create each account yourself on the tool's own website, and only your ticks are saved here.

Sign in and save this plan to keep your progress in your account.

  1. 1Create your accounts

    • Sign up or install it, then make a new project for this agent.

    • Sign up and set up the place where people will talk to the agent.

    • Sign up and set up the place where people will talk to the agent.

    • Sign up, create an API key and set a monthly spending limit before anything else.

    • Sign up and create a new database or index just for this agent.

    • Sign up and create a new database or index just for this agent.

    • Use the account you already have, and give the agent its own login with only the access it needs.

    • Sign up and connect only the apps this agent needs, with read-only access where you can.

    • Use the account you already have, and give the agent its own login with only the access it needs.

    • Sign up and connect only the apps this agent needs, with read-only access where you can.

    • Sign up and turn on logging so you can review what the agent does.

  2. 2Build it in this order

  3. 3Launch your agent

    • Copy the ready-made code for this agent. It hides secrets and personal data before the AI model sees them.

    • Put each key in a password manager or your hosting's secret settings. Never paste keys or passwords into AItooling or a chat.

    • Start small, read every answer yourself, and only then let other people use it.

Want to go deeper?

Read our step-by-step guides on building agents. Browse guides

More AI agent blueprints