> ## Documentation Index
> Fetch the complete documentation index at: https://docs.titane-intelligence.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Magento : bien démarrer

> Installer le module Titane Intelligence, le relier à La Forge, activer les blocs de recommandations et choisir leurs emplacements.

export const PRODUITS = {
  serum: {
    nom: "Sérum rééquilibrant niacinamide",
    prix: "24,90 €",
    image: "/images/pure/serum.jpg"
  },
  gel: {
    nom: "Gel nettoyant doux",
    prix: "14,90 €",
    image: "/images/pure/gel-nettoyant.jpg"
  },
  solaire: {
    nom: "Lait frais solaire SPF 50",
    prix: "19,90 €",
    image: "/images/pure/solaire.jpg"
  },
  baume: {
    nom: "Baume lèvres repulpant",
    prix: "8,90 €",
    image: "/images/pure/baume-levres.jpg"
  },
  huile: {
    nom: "Huile corps nourrissante",
    prix: "22,90 €",
    image: "/images/pure/huile-corps.jpg"
  },
  dentifrice: {
    nom: "Dentifrice éclat minéral",
    prix: "6,90 €",
    image: "/images/pure/dentifrice.jpg"
  },
  deodorant: {
    nom: "Déodorant stick néroli blanc",
    prix: "11,90 €",
    image: "/images/pure/deodorant-stick.jpg"
  },
  recharge: {
    nom: "Recharge déodorant roll-on 24 h",
    prix: "7,90 €",
    image: "/images/pure/recharge-roll-on.jpg"
  },
  masque: {
    nom: "Masque stick argile rose",
    prix: "16,90 €",
    image: "/images/pure/masque-stick.jpg"
  },
  duo: {
    nom: "Duo rituel du matin",
    prix: "29,90 €",
    image: "/images/pure/duo-matin.jpg"
  }
};

export const ApercuBloc = ({titre, produits = [], page, bouton}) => <div className="not-prose" style={{
  border: "1px solid rgba(127,127,127,0.25)",
  borderRadius: 14,
  overflow: "hidden",
  margin: "20px 0"
}}>
    <div style={{
  background: "#1C1A16",
  color: "#F7F5F0",
  padding: "12px 18px",
  display: "flex",
  justifyContent: "space-between",
  alignItems: "center"
}}>
      <span style={{
  fontFamily: "Georgia, 'Times New Roman', serif",
  fontSize: 22
}}>pure</span>
      <span style={{
  fontSize: 12,
  opacity: 0.75
}}>{page}</span>
    </div>
    <div style={{
  background: "#F7F5F0",
  color: "#1C1A16",
  padding: "22px 18px"
}}>
      <div style={{
  fontSize: 19,
  fontWeight: 700,
  marginBottom: 14
}}>{titre}</div>
      <div style={{
  display: "grid",
  gridTemplateColumns: `repeat(${Math.min(produits.length, 4) || 1}, minmax(0, 1fr))`,
  gap: 12
}}>
        {produits.map(p => <div key={p.nom}>
            <img src={p.image} alt={p.nom} style={{
  width: "100%",
  aspectRatio: "4 / 5",
  objectFit: "cover",
  borderRadius: 8,
  margin: 0
}} />
            <div style={{
  fontSize: 13,
  fontWeight: 600,
  marginTop: 8,
  lineHeight: 1.35
}}>{p.nom}</div>
            <div style={{
  fontSize: 13,
  marginTop: 2
}}>{p.prix}</div>
            {bouton ? <div style={{
  marginTop: 8,
  fontSize: 12,
  fontWeight: 600,
  border: "1px solid #1C1A16",
  borderRadius: 999,
  padding: "6px 0",
  textAlign: "center"
}}>{bouton}</div> : null}
          </div>)}
      </div>
    </div>
    <div style={{
  padding: "8px 16px",
  fontSize: 12,
  opacity: 0.65
}}>Aperçu d'un bloc de recommandations, marque de démonstration « Pure ».</div>
  </div>;

<Info>
  Le module **Titane Intelligence Connector for Magento** vous est fourni par l'équipe Titane, avec sa procédure d'installation. Il s'installe par votre intégrateur ou votre équipe technique ; la suite se règle depuis l'administration de Magento.
</Info>

<Note>
  Les menus sont cités dans l'administration en français, avec leur nom anglais entre parenthèses quand il diffère.
</Note>

## Relier le module

<Steps>
  <Step title="Ouvrir la page de connexion">
    **Marketing** › **Titane Intelligence**.
  </Step>

  <Step title="Se connecter">
    Cliquez **Se connecter à Titane**. Si l'équipe Titane vous a remis une clé, saisissez-la d'abord dans **Clé API préémise (facultative)**.
  </Step>

  <Step title="Vérifier l'activation">
    La connexion active le module (**Activer le connecteur Titane** passe sur Oui). Le bouton **Déconnecter** reste disponible sur la même page.
  </Step>
</Steps>

<Accordion title="Sans le module : une intégration en lecture" icon="key-round">
  Vous pouvez aussi relier Magento par une intégration en **lecture seule** : Titane lit vos données, mais l'affichage des blocs demande le module.

  1. **Système** › **Extensions** › **Intégrations** › **Ajouter une nouvelle intégration**, nommée « Titane — La Forge ».
  2. Onglet **API** : **Accès aux ressources** sur **Personnalisé**, cochez en lecture Catalogue, Ventes, Clients et Stocks.
  3. Enregistrez, cliquez **Activer** puis **Autoriser**, et copiez l'**Access Token** (pas la Consumer Key).
  4. Dans La Forge, page **Données**, carte **Magento**, collez l'adresse du site et le jeton.
</Accordion>

## Les emplacements automatiques

Les réglages sont dans **Magasins** › **Configuration** › **Services** › **Titane Intelligence** › **Recommandations** (*Stores › Configuration*).

| Réglage | Par défaut | Ce qu'il fait |
| - | - | - |
| Activer les recommandations | Oui | l'interrupteur général de tous les blocs |
| Afficher sur l'accueil | Oui | un bloc dans le contenu de la page d'accueil |
| Afficher sur les pages produit | Oui | un bloc sous les informations du produit |
| Afficher sur les pages de catégorie | Oui | un bloc après la liste des produits |
| Afficher dans le panier | Oui | un bloc sur la page panier |
| Taille du widget (nombre de produits) | 8 | le nombre de produits d'un bloc |
| Emplacements similaires de la page produit | 4 | les alternatives montrées sur la fiche produit |
| Emplacements complémentaires de la page produit | 4 | les compléments montrés sur la fiche produit |
| Mode de repli | Meilleures ventes locales | ce que montre un bloc quand Titane n'a pas de sélection : meilleures ventes, même catégorie, ou rien |

| Emplacement | Titre affiché |
| - | - |
| Accueil | Recommandés pour vous |
| Fiche produit | Vous aimerez peut-être aussi, avec une rangée « Produits similaires » et une rangée « S'accorde bien avec » |
| Catégorie | Populaires dans cette catégorie |
| Panier | Fréquemment achetés ensemble |

<ApercuBloc page="Fiche produit · Gel nettoyant doux" titre="S'accorde bien avec" produits={[PRODUITS.serum, PRODUITS.huile, PRODUITS.masque, PRODUITS.solaire]} bouton="Ajouter au panier" />

<Warning>
  Après un changement de configuration, videz le cache de Magento (**Système** › **Gestion du cache**) pour voir le résultat sur la boutique.
</Warning>

## Deux cas d'usage

<Columns cols={2}>
  <Card title="Régler la fiche produit" icon="package-plus" href="/cms/magento/fiche-produit">
    Alternatives et compléments, côte à côte.
  </Card>

  <Card title="Un bloc où vous voulez" icon="layout-grid" href="/cms/magento/widget">
    Le widget et le bloc Page Builder « Recommandations Titane ».
  </Card>
</Columns>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.