店舗を壊さずにShopifyやWooCommerceへAIを組み込む

問題は一つではなく二つ

既存店舗へのアシスタント追加は、実際には二つの仕事です。商品データを最新に保つことと、テーマを乱さずに画面へ UI を置くことです。

Webhookでカタログを新鮮に保つ

店舗APIを定期的に取りに行く方式では、その間隔のあいだ、アシスタントは自信満々に間違えます。ShopifyもWooCommerceも変更発生時に通知を送れます。商品・在庫・注文のイベントを購読し、客に伝える数値については店舗を正とすること。

それでも価格と在庫は応答時に必ず解決してください。索引は「何が存在するか」を、店舗は「いま何が正しいか」を教えてくれます。

ウィジェットを隔離する

テーマと差し込みウィジェットはスタイルで衝突します。Shadow DOM の中でアシスタントを描画すれば、自分のスタイルはテーマに漏れず、テーマのスタイルも入ってきません。テーマ更新も生き延びます。テーマ自身のクラスに依存したウィジェットは生き延びません。

公開前に

実商品を入れたステージング店舗で、スマートフォンから、実際に使っているテーマで試すこと。カタログが巨大なとき、画像のない商品があるとき、店舗が更新途中のときに何が起きるかを確認してください。