Shortcodes pour ajouter une boutique à WordPress

L'extension Ecwid pour WordPress permet d'ajouter des composants de boutique aux pages de votre site ou aux articles de votre blog. Vous pouvez ajouter votre catalogue de produits, une certaine catégorie ou un seul produit.

La façon la plus simple de les ajouter est d'utiliser les blocs « Boutique » et « Produit » intégrés dans l'éditeur WordPress. Des instructions d'installation pour l'extension Ecwid sont disponibles ici : Ajouter votre boutique Ecwid à un site Wordpress.

Mais si vous préférez les shortcodes WordPress, ceux-ci sont également disponibles. Voici la liste complète des shortcodes et leurs paramètres disponibles dans l'extension.

Ajouter des shortcodes dans WordPress

Vous pouvez ajouter des shortcodes dans WordPress pour modifier l'apparence de votre boutique.

Pour ajouter ou modifier le shortcode :

1. Depuis votre tableau de bord WordPress, accédez à Pages et sélectionnez la page qui contient votre boutique Ecwid.
2. Dans le coin supérieur droit, cliquez sur les trois points pour ouvrir le menu et cliquez sur Éditeur de code pour passer en mode HTML.

Vous pouvez maintenant modifier le code.

Catalogue de produits

Le shortcode [ecwid] insère toute la vitrine sur une page.

Le code ressemble à ceci :

[ecwid widgets="productbrowser search categories" 
default_category_id="CATEGORY_ID"
 
default_product_id="PRODUCT_ID" lang="FR"]

Il se compose de plusieurs paramètres. Chaque paramètre définit les éléments à afficher. Le navigateur de produits (votre catalogue de produits) s'affiche par défaut, mais vous pouvez ajouter un champ de recherche et un menu de catégories au-dessus.

- widgets - permet de définir les éléments affichés sur la page de la boutique. Les valeurs peuvent être utilisées séparément ou de manière combinée. Chaque paramètre définit les éléments à afficher. La valeur productbrowser est requise.

Pour ajouter une liste de produits et une barre de recherche, utilisez productbrowser, search. Le code pour ajouter des produits et une barre de recherche sera le suivant :

[ecwid widgets="productbrowser search"]

Pour ajouter des produits, une barre de recherche et des catégories, utilisez les valeurs productbrowser, search, categories :

[ecwid widgets="productbrowser search categories"]

- default_category_id - définit la catégorie apparaissant sur la page de la boutique pour les visiteurs qui ouvrent la page pour la première fois. Cette fonctionnalité est utile lorsque vous souhaitez afficher une catégorie spécifique sur la page d'accueil de la boutique.

- default_product_id — comme 'default_category_id', ce paramètre vous permet d'ouvrir un produit par défaut lorsque la page de la boutique est ouverte.

- lang - définit la langue de la vitrine. Dans de nombreux cas, vous n'avez pas besoin de ce paramètre car Ecwid détecte et active la bonne langue en fonction des paramètres du navigateur du client. Pour en savoir plus sur les traductions automatiques d'Ecwid : Traductions Ecwid

Il est possible d'utiliser ce paramètre lors de la construction d'un site multilingue avec différentes langues sur des pages séparées du site. Si la langue est définie dans le code, la boutique ne sera pas traduite automatiquement. Pour créer un site web multilingue, créez plusieurs onglets. Disons qu'ils seront nommés « Boutique » (fr), « Tienda » (es) et « Laden » (de). Ajoutez ensuite le code Ecwid et définissez une langue pour lui. Voici un exemple de code pour ajouter un magasin en allemand.

[ecwid widgets="productbrowser search" lang=de]

Une liste de shortcodes pour les noms de langue est disponible ici : Liste des codes ISO 639-2. Utilisez les valeurs de la colonne « 639-1 ».

Modifier le nombre de produits sur une page

Vous pouvez modifier le nombre de produits par page en ajoutant le paramètre grid au shortcode [ecwid].

Le code ressemblera à ceci :

[ecwid widgets="productbrowser search categories" 
grid="5,1"
default_category_id=""]

- grid vous permet de personnaliser le nombre d'éléments par page en multipliant deux variables. Par exemple, si vous voulez afficher 5 éléments par page, vous pouvez ajouter la ligne suivante au code : grid="5,1". WordPress multipliera la valeur de deux paramètres (5 et 1) et affichera 5 produits par page.

Page de catégorie

Pour ajouter une catégorie de boutique à une page, utilisez le shortcode [ecwid] avec le paramètre « default_category_id » décrit ci-dessus.

[ecwid widgets="productbrowser" 
default_category_id="CATEGORY_ID"]

Carte de produit / Acheter maintenant

Le shortcode [ecwid_product] insère un seul produit avec un bouton Acheter maintenant sur une page ou une publication.

Voici le code pour ajouter un produit :

[ecwid_product id="PRODUCT_ID" display="picture title price options qty addtobag" 
version="2" show_border="1" show_price_on_button="1" center_align="1"]

Paramètres :

- id : ID de produit (obligatoire). Indiquez l'ID du produit que vous souhaitez ajouter. Pour trouver l'ID d'un produit, consultez : Comment obtenir l'ID de votre produit ou de votre catégorie

- display : définit les parties d'un widget à afficher. Valeurs autorisées : picture, title, price, qty, options, addtobag. Un ensemble minimum viable est « addtobag », qui affichera un bouton Acheter maintenant sans image de produit ni prix. Voici un exemple d'un bouton Acheter maintenant simple :

Lorsque picture, title, price, qty et options sont utilisés, le produit unique apparaît ainsi :

- show_border  : définit si la bordure du widget doit être visible ou non. Définissez ="0" pour une bordure non visible et ="1" pour une bordure visible.

- show_price_on_button : si le prix doit être affiché dans le bouton Acheter maintenant ou ailleurs. Définissez ="0" pour afficher le prix sur le bouton et ="1" pour l'afficher séparément.

- center_align : permet de centrer le bloc de produit sur une page (0/1). Nous vous recommandons de définir ce paramètre sur 0 lorsque vous placez plusieurs produits sur une rangée.

Page de produit

Si vous vendez un seul produit, au lieu d'ajouter toute une page d'accueil de boutique avec une seule miniature ou une petite carte de produit, vous pouvez ajouter une page de détails de produit déjà ouverte sur la page de votre site. Pour cela, vous pouvez utiliser le shortcode suivant :

[ecwid widgets="productbrowser" default_product_id="PRODUCT_ID"]

N'oubliez pas de remplacer PRODUCT_ID par l'ID de votre produit.

Une fois ajouté à une page du site, le shortcode y affichera la page de détails du produit, y compris sa description et les images supplémentaires :

Articles connexes

Ajouter votre boutique Ecwid à un site WordPress
Personnaliser l'apparence de votre boutique Ecwid sur un site Wordpress