Comment obtenir l'URL de la boutique WooCommerce par programmation
Publié: 2021-08-14Cherchez-vous des moyens d'obtenir l'URL de la boutique WooCommerce ? Voulez-vous le changer ? Vous êtes arrivé au bon endroit. Dans cet article, nous vous montrerons comment obtenir l'URL de la boutique WooCommerce par programmation et comment la modifier pour en tirer le meilleur parti.
L'URL de la page de la boutique WooCommerce par défaut
Comme vous le savez peut-être déjà, la page de boutique par défaut d'une boutique en ligne WooCommerce est l'URL du site Web avec une barre oblique et la chaîne « boutique ». Par exemple https://websitedomain.com/shop. C'est pourquoi, dans la plupart des cas, il est facile de connaître l'URL de la boutique d'une boutique de commerce électronique créée à l'aide de WooCommerce.
Dans le backend, vous pouvez trouver l'URL de la boutique dans votre tableau de bord en accédant à WooCommerce > Paramètres > Produits .
De plus, pour trouver le reste des pages WooCommerce telles que le panier, la caisse, mon compte et les termes et conditions, vous devez vous diriger vers l'onglet Avancé .
Comme vous pouvez le constater, pour connaître l'URL de la boutique de votre boutique WooCommerce, il vous suffit d'ouvrir la page des paramètres sur le tableau de bord de l'administrateur. Mais que se passe-t-il si vous avez besoin de récupérer l'URL pour créer un lien ou effectuer un type de validation avec du code ?
Dans la section suivante, nous vous apprendrons comment obtenir l'URL de la boutique par programmation et quelques autres conseils utiles.
Comment obtenir l'URL de la boutique WooCommerce
Voyons d'abord comment obtenir l'URL de la boutique dans WooCommerce. Avec l'extrait de code suivant, vous obtiendrez la boutique de base pour votre site Web :
$shop_page_url = get_permalink( wc_get_page_id( 'shop' ) );
Pour imprimer l'URL sur le front-end, vous pouvez utiliser un hook. Si vous n'êtes pas familier avec les crochets, nous vous recommandons vivement de consulter ce guide.
Dans cet exemple, nous utiliserons le crochet wp_header pour que l'URL soit imprimée au-dessus de l'en-tête.
add_action('wp_head',function(){ $shop_page_url = get_permalink( wc_get_page_id( 'shop' ) ); echo $shop_page_url ; }
Maintenant que vous avez l'URL de votre boutique, voyons différents exemples pour la personnaliser.
REMARQUE : Nous vous recommandons d'utiliser l'exemple de script get shop URL pour tester tous les scripts suivants.
Comment changer l'URL de la boutique WooCommerce
Dans cette section, nous vous montrerons comment modifier l'URL de la boutique de base dans WooCommerce. Pour ce faire, vous devez d'abord créer une nouvelle page où la boutique sera imprimée.
Dans votre tableau de bord WooCommerce, accédez à Pages > Ajouter un nouveau , créez une page vide et donnez-lui un nom. Après cela, rendez-vous sur la page Paramètres WooCommerce et utilisez le menu déroulant de l'option Page de la boutique pour sélectionner votre page nouvellement créée. Dans cet exemple, nous avons créé une nouvelle page appelée Store .
C'est ça! À partir de maintenant, votre page Boutique sera la nouvelle page que vous avez créée. Cette nouvelle URL de boutique de base imprimera tous les produits et tout sera identique à la page de boutique par défaut.
De même, vous pouvez faire de même et modifier la page panier, paiement, mon compte et conditions générales à partir de l'onglet Avancé .
Comment obtenir l'URL des pages WooCommerce
Nous venons de voir comment obtenir et modifier l'URL de la boutique WooCommerce. Voyons maintenant comment obtenir l'URL d'autres pages par programme afin que vous puissiez les utiliser dans vos scripts.
Obtenir l'URL de paiement
Pour obtenir l'URL de paiement par programmation, vous pouvez utiliser la fonction wc_get_checkout_url()
:
$checkout_page = wc_get_checkout_url();
Pour plus d'idées sur la façon de personnaliser votre paiement, consultez ce guide complet.
Rechercher l'URL de mon compte
Pour obtenir l'URL de la page "Mon compte", vous pouvez à nouveau utiliser la fonction get_permalink() comme ceci :
$compte= get_permalink( wc_get_page_id( 'moncompte' ) );
La page Mon compte est généralement ignorée, mais elle peut vous aider à améliorer l'expérience de vos clients. Pour plus d'informations sur la façon d'en tirer le meilleur parti, consultez notre tutoriel pour modifier la page Mon compte dans WooCommerce.
Obtenir l'URL du panier
De même, vous pouvez obtenir l'URL du panier en utilisant la fonction get_permalink() :
$cart= get_permalink( wc_get_page_id( 'cart' ) );
Personnalisez l'URL de retour à la boutique
Voyons maintenant un exemple un peu plus complexe. Voyons comment personnaliser l' URL de retour à la boutique . L'URL de retour à la boutique est le lien ou le bouton que vous voyez lorsque la boutique est vide.
Par défaut, ce lien ou ce bouton vous amène à la page de la boutique, mais vous pouvez personnaliser l'URL et diriger les utilisateurs vers la page de votre choix.
Par exemple, si vous souhaitez modifier l'URL du lien Retour à la boutique sur la page du panier et rediriger les utilisateurs vers la page d'accueil, utilisez le script suivant :
add_filter( 'woocommerce_return_to_shop_redirect', 'QuadLayers_change_return_shop_url' ); function QuadLayers_change_return_shop_url() { retourner home_url(); }
Comme vous pouvez le voir, nous utilisons la fonction home_url()
pour qu'elle redirige vers la page d'accueil, mais vous pouvez modifier la ligne de retour et ajouter l'URL personnalisée de votre choix. Par exemple, pour rediriger les utilisateurs vers votre page de blog, dans la ligne de retour, vous devez utiliser : return 'https://www.yourdomain.com/blog';
Points de terminaison WooCommerce
À ce stade, vous devez savoir que certaines pages WooCommerce ne sont pas réellement des pages, mais de simples slugs ajoutés à l'URL actuelle. Ceux-ci sont appelés points de terminaison et peuvent être modifiés sur la page Paramètres WooCommerce .
Ces points de terminaison sont liés aux commandes ou aux comptes et déclencheront un contenu spécial qui ne sera visible que lorsqu'il y a une commande ou lorsqu'un utilisateur est connecté. Si ces choses ne se produisent pas, les utilisateurs seront redirigés vers la page d'accueil.
Rechercher l'URL de la page de paiement
Cela ne fonctionnera que si l'utilisateur a ajouté un produit au panier car il a besoin d'une commande existante pour atteindre le point de terminaison de paiement avec succès.
$t=nouvelle commande_WC ; $payment_page = $t->get_checkout_payment_url();
Obtenir une URL de produit à l'aide de son ID
Vous pouvez obtenir n'importe quelle URL de produit en utilisant son ID et la fonction get_permalink() comme suit
$product_id=34 ; $product_url = get_permalink($product_id);
Alternativement, vous pouvez utiliser le nom d'un produit (WordPress Pennant):
$product = get_page_by_title( 'WordPress Pennant', OBJECT, 'product' ); $producturl = get_permalink($product->ID);
Obtenir l'URL d'accueil
Comme son nom l'indique, le home_url();
renverra l'URL de la page d'accueil du site Web.
$home_page = home_url();
Obtenir des informations sur le site Web
Enfin, voici comment vous pouvez récupérer des informations pertinentes à l'aide d'un peu de code :
- Obtenir le nom du site Web
$site_title = get_bloginfo( 'nom' );
- Obtenir la description du site Web
$site_description = get_bloginfo( description );
- Thème actif
$mon_theme = wp_get_theme();
- VersionPHP
$php_version = phpversion();
- Date et heure du serveur
$info = getdate(); $date = $info['mday'] ; $mois = $info['mon'] ; $année = $info['année'] ; $heure = $info['heures'] ; $min = $info['minutes'] ; $sec = $info['secondes'] ;
Bonus : comment modifier la page de la boutique WooCommerce
Outre la recherche et la modification de l'URL de la page de la boutique, vous pouvez également modifier la page de votre boutique. Une bonne page de boutique est vitale pour le succès de tout commerce électronique, donc la personnaliser vous aidera à améliorer la satisfaction de vos clients et à augmenter vos ventes.
Voyons maintenant comment modifier la page de la boutique dans WooCommerce.
- Créer un thème enfant : Si vous n'avez pas de thème enfant, vous pouvez soit en créer un, soit utiliser l'un de ces plugins de thème enfant
- Structure du fichier : Accédez à votre thème enfant et créez un dossier nommé WooCommerce . Ensuite, créez un fichier à l'intérieur appelé archive-product.php
- Contenu de la page de la boutique : pour éviter de créer du contenu de la boutique à partir de zéro, nous utiliserons des modèles. Accédez au thème parent et recherchez le fichier single.php ou index.php . Si votre thème contient des fichiers bot, copiez uniquement single.php . Ensuite, collez le fichier dans le dossier WooCommerce que vous avez créé auparavant. Ensuite, supprimez le fichier archive-product.php et renommez le fichier que vous venez de coller ici en archive-product.php
- Shortcodes : Pour personnaliser la page de la boutique, nous utiliserons des shortcodes. Par exemple, si vous souhaitez afficher vos produits en 3 colonnes de 9 produits max, utilisez ce shortcode :
[
products limit="9" columns="3"
]
Alternativement, vous pouvez afficher les produits les plus populaires. Pour cela, utilisez le shortcode suivant :
[ products orderby="popularity"
]
Ce ne sont que quelques exemples, mais vous pouvez faire beaucoup plus pour personnaliser votre page de magasin. Pour plus d'informations, consultez notre guide sur la façon de modifier la page de la boutique WooCommerce.
Conclusion
En résumé, depuis le tableau de bord WooCommerce, vous pouvez facilement trouver l'URL de votre boutique. Cependant, si vous avez besoin de récupérer l'URL, vous aurez besoin d'un peu de code.
Dans ce guide, nous avons vu comment obtenir l'URL de la boutique WooCommerce par programmation. De plus, vous avez appris à modifier l'URL de la boutique et à obtenir d'autres URL de page. Enfin, nous vous avons également montré un bref aperçu de la façon dont vous pouvez personnaliser votre page boutique pour en tirer le meilleur parti.
Ce tutoriel vous a-t-il été utile ? Y a-t-il un autre guide que vous aimeriez que nous écrivions? Faites-nous savoir dans les commentaires ci-dessous!
Pour tirer le meilleur parti de votre boutique en ligne, consultez les articles suivants :
- Comment personnaliser la page de remerciement par programmation
- Apprenez à modifier la page de connexion WordPress
- Comment personnaliser le bouton Ajouter au panier dans WooCommerce