Aller au contenu

Intégrer la boutique dans un site web.

Votre assortiment ShopBuilder ai sur votre site web, dans WordPress ou via un extrait sur n'importe quel autre site — l'achat se fait toujours dans votre boutique.

VidéoSur un autre site web : l'extrait
Sur cette page

Sur votre site web chez KENJTEC

Un site web créé avec WebSiteBuilder ai accueille votre boutique comme une section à part entière — tout l'assortiment ou simplement un bouton. La marche à suivre est décrite sous Placer votre boutique dans la page. Pour WordPress, il existe le bloc « KENJTEC Shop » dans WordPressBuilder ai.

Dans tous les cas, l'assortiment sur le site web est une vitrine. L'achat se fait dans votre boutique.

Le site web de Café Lumen avec l'assortiment de grains de café intégré juste sous la section « Notre torréfaction », et le bouton « Vers la boutique » en dessous.
L’enregistrement montre l’interface en anglais.

Sur un autre site web : l'extrait

Sous « Intégrer », vous récupérez un extrait qui place votre assortiment sur n'importe quel site web — y compris un site qui n'est pas hébergé chez nous. Il en existe deux sortes. « Recommandé » est une ligne de script ; elle adapte la hauteur du cadre à votre assortiment. « Sans script » est un cadre fixe pour les outils de création de sites qui interdisent les scripts externes — une deuxième barre de défilement peut alors apparaître.

L'extrait contient l'adresse de votre boutique. Si vous la modifiez, par exemple le chemin, récupérez un nouvel extrait. « Voir la boutique » ouvre votre boutique pour comparer.

« Intégrer » de Café Lumen : Ana choisit « Sans script » et clique sur « Copier l’extrait » — « Copié. » s'affiche —, puis elle colle la ligne dans le bloc HTML d'un autre site web, où l'assortiment apparaît.L’enregistrement montre l’interface en anglais.
  1. Ouvrez « Intégrer ».
  2. Choisissez « Recommandé » ou « Sans script ».
  3. Cliquez sur « Copier l’extrait » et collez-le dans votre site web.

On n'achète pas dans le cadre

L'assortiment intégré n'a ni panier ni caisse. Chaque clic sur un produit ainsi que le bouton vers la boutique mènent le visiteur à l'adresse de votre boutique. C'est voulu : quiconque saisit sa carte doit voir à quelle adresse il le fait, et le numéro de commande, l'e-mail de confirmation et la page de commande sont liés à cette adresse.

Le cadre affiche l'assortiment aux couleurs de votre boutique, avec la recherche et les catégories, sans en-tête ni pied de page.

Un autre site web avec l'assortiment intégré de Café Lumen : des cartes produit sans panier et, en dessous, le bouton qui mène à la boutique.
L’enregistrement montre l’interface en anglais.

N'afficher qu'une partie

L'extrait recommandé comprend quelques ajouts que vous écrivez à la main dans la ligne. Avec data-auswahl="kategorie" et data-kategorie="Gutscheine", le cadre n'affiche que cette catégorie, écrite comme sur le produit. data-anzahl="6" affiche au maximum six produits. data-sortierung les trie : "name" par nom, "preis_auf" et "preis_ab" par prix croissant ou décroissant, "neu" les plus récents d'abord. data-suche="0" et data-kategorien="0" masquent le champ de recherche et les boutons de catégorie.

Vous choisissez des produits individuels avec data-auswahl="produkte" et data-produkte="12,7,31", au maximum 24 ; les numéros figurent dans le tableau issu de l'analyse, feuille « Produits », colonne « Numéro ». La sélection est plus pratique dans le bloc WordPress « KENJTEC Shop ». S'il ne reste rien dans une sélection, le cadre l'indique en une phrase.

Un autre site web avec un cadre qui n'affiche que la catégorie « Codes de réduction » de Café Lumen, sans champ de recherche ni boutons de catégorie.
L’enregistrement montre l’interface en anglais.

Guides associés et prochaines étapes

Découvrir l’outil : ⁦ShopBuilder ai⁩

Aidez-nous à améliorer KENJTEC

Google Analytics nous aide à améliorer le site. Google reçoit des données d’utilisation et sur l’appareil, qui peuvent être traitées aux États-Unis.

C’est facultatif. Votre choix est conservé 180 jours et vous pouvez le modifier à tout moment dans les paramètres des cookies.

Politique de confidentialité