L'étape de l'intégration correspond à la création du code source de la boutique. C'est sur la base des maquettes validées définitivement que cette opération commence, voici le processus
A ce stade l'intégrateur doit découper les maquettes, générer les images, déduire des indications de la charte les styles CSS et le code XHTML qui constituent la partie visible de votre boutique, l'interface sur laquelle navigueront vos futurs clients.
Cette opération nécessite d'intervenir sur les feuilles de style, la structure globale du site, la page d'accueil, les pages de catégories (rayons parents, rayons simples) et la fiche produit. Toutes les autres pages peuvent être intégrées sans intervention particulière en dehors de quelques paramètres dans le tunnel de commande.
D'autre pages peuvent être également customisées pour répondre à des besoins spécifiques (sur devis)
La première étape de la création du site est l'étude. En fonction de certaines spécificités qui peuvent être demandées pour des cas bien précis, le chef de projet transmet la demande à l'intégrateur qui propose une solution technique.
L'intégrateur s'appuie ensuite sur les maquettes graphiques, elles-mêmes issues du zoning. Ces maquettes contiennent toutes les informations qui indiquent comment programmer les fonctions et comment intégrer les différents blocs et les scripts Javascript. A cette étape le concepteur de la charte fonctionnelle peut donner des indications précises à l'intégrateur.
Lorsque le principal est intégré, l'intégrateur contacte le chef de projet et/ou le client pour demander des précisions sur le fonctionnement de telle ou telle fonction spécifique et peut terminer l'intégration. L'intégrateur envoie alors l'URL temporaire au client qui doit valider le site en utilisant un navigateur conforme (Firefox, Safari...). Lorsque le site est validé, il passe alors au débogage.
Lorsque le site est correctement intégré aux standards du W3C, il convient alors de corriger les défauts conceptuels des navigateurs de Microsoft (Internet Explorer). Cette étape consiste en la création de lignes de code correctif qui permet de faire s'afficher parfaitement le site sur tous les navigateurs.
Cette étape est la dernière avant les tests finaux et la mise en ligne. Elle ne peut se faire qu'une fois le site préalablement validé.