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 allant sur WooCommerce > Paramètres > Produits.

Comment obtenir l'URL de la boutique WooCommerce

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 le Avancée languette.

Comment obtenir l'URL de la boutique WooCommerce

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 crochet. Si vous n’êtes pas familier avec les crochets, nous vous recommandons vivement de consulter ce guide.

Dans cet exemple, nous utiliserons le wp_header crochet 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 nouveau, créez une page vide et donnez-lui un nom. Après cela, dirigez-vous vers le Paramètres WooCommerce page et utilisez le menu déroulant dans la Boutique option pour sélectionner votre page nouvellement créée. Dans cet exemple, nous avons créé une nouvelle page appelée Boutique.

Comment obtenir l'URL de la boutique WooCommerce

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 du panier, de la caisse, de mon compte et des conditions générales à partir du Avancée languette.

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 programme, vous pouvez utiliser le wc_get_checkout_url() une fonction:

$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 utiliser le get_permalien() fonctionner à nouveau comme ceci :

$account= get_permalink( wc_get_page_id( 'myaccount' ) );

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 le get_permalien() une fonction:

$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 le Retour à l’URL de 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 Retour à la boutique lien 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() {
return home_url();
}

Comme vous pouvez le voir, nous utilisons le home_url() fonction afin qu’il redirige vers la page d’accueil, mais vous pouvez modifier le retourner ligne et ajoutez 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 peut être modifié sur le Paramètres WooCommerce page.

Points de terminaison 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=new WC_order;

$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 le get_permalien() fonctionner 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( 'name' );
  • Obtenir la description du site Web
$site_decription = get_bloginfo( description );
  • Thème actif
$my_theme = wp_get_theme();
  • VersionPHP
$php_version = phpversion();
  • Date et heure du serveur
$info = getdate();

$date = $info['mday'];

$month = $info['mon'];

$year = $info['year'];

$hour = $info['hours'];

$min = $info['minutes'];

$sec = $info['seconds'];

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.

  1. 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
  2. Structure du fichier: Accédez à votre thème enfant et créez un dossier appelé WooCommerce. Ensuite, créez un fichier à l’intérieur appelé produit-archive.php
  3. Contenu de la page de la boutique: Pour éviter de créer du contenu de boutique à partir de rien, nous utiliserons des modèles. Accédez au thème parent et recherchez le single.php ou la index.php fichier. Si votre thème contient des fichiers bot, copiez uniquement single.php. Ensuite, collez le fichier dans le WooCommerce dossier que vous avez créé auparavant. Ensuite, retirez le produit-archive.php fichier et renommez le fichier que vous venez de coller ici en produit-archive.php
  4. Codes abrégés: Pour personnaliser la page de la boutique, nous utiliserons des codes abrégés. 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