Comment Créer un Bouton "Lire la suite" sur votre boutique Shopify / Speed Ecom

👉 Besoin d'une boutique Shopify clé en main ou d'un service personnalisé pour booster vos ventes ? Découvrez nos offres ici : www.comeup.com...
👉 Essayez Shopify gratuitement pendant 3 jours (+ les 3 premiers mois à 1$) : Lancez votre boutique en ligne sur la plateforme e-commerce n°1 : shopify.pxf.io...
👉 Thème Shopify haute performance Speedfly : Maximisez vos conversions avec notre thème optimisé et rapide. Conçu pour l’expérience utilisateur et la performance : speed-ecom.eu/...
📚 Tutoriels Shopify gratuits et codes : Tous les codes et tutoriels mentionnés dans la vidéo sont disponibles sur notre blog :
dgeodev.com/ca...
Vous ne trouvez pas les codes ? Contactez-nous à [e-mail] ou via ComeUp pour une installation personnalisée :
www.comeup.com...
💡 Outils indispensables pour l'e-commerce :
🔍 SEMrush - Recherche de niches et analyse SEO : Utilisez SEMrush pour identifier les meilleures niches e-commerce, améliorer votre SEO et surveiller vos concurrents. Essayez gratuitement pendant 14 jours : bit.ly/semrush...
💼 Bizyness - Gestion comptable simplifiée pour Shopify : Simplifiez la gestion financière de votre boutique Shopify avec Bizyness, un outil intuitif pour gérer vos finances :
bit.ly/ytbizyness
📊 À propos de Speed Ecom :
Nous sommes une agence e-commerce spécialisée dans la création de boutiques Shopify sur mesure. Depuis plus de 7 ans, nous avons accompagné des milliers d'entrepreneurs dans l'optimisation de leur présence en ligne grâce à des solutions performantes comme notre thème Speedfly. Ce thème premium est spécialement conçu pour augmenter les conversions en offrant une interface rapide, optimisée pour les moteurs de recherche et agréable pour vos clients.
En plus de la création de boutiques, nous proposons des services variés, allant du design personnalisé à l’optimisation SEO et au marketing. Notre objectif : faire de votre boutique une véritable machine à conversions !
🎯 Rejoignez notre communauté Ecom Sphere :
Intégrez notre communauté d'entrepreneurs passionnés et bénéficiez d’un accès à des formations exclusives, des masterclass et des événements live pour améliorer vos compétences en e-commerce. De plus, vous aurez accès à des ressources supplémentaires et des templates professionnels pour vos boutiques. Inscrivez-vous gratuitement ici :
go.speed-ecom....
📈 Pourquoi choisir Speed Ecom ?
Expertise certifiée : En tant qu'experts Shopify, nous savons ce qui fonctionne. Nos solutions sont testées et optimisées pour vous faire gagner du temps et augmenter vos ventes.
Thème premium Speedfly : Notre thème Shopify vous offre la possibilité d’installer une licence sur 3 boutiques simultanément, vous garantissant un avantage compétitif grâce à un design moderne et une performance optimisée pour maximiser les conversions.
Support personnalisé : Nous travaillons en étroite collaboration avec chaque client pour comprendre ses besoins et offrir des solutions sur mesure.
🌍 Nos partenariats :
Nous collaborons avec des outils incontournables dans le domaine du e-commerce pour vous offrir une expérience complète et optimisée :
SEMrush pour la recherche de niches et l'optimisation SEO.
Bizyness pour une gestion comptable fluide et simplifiée.
Ces outils vous permettent d’aller plus loin dans la gestion et la croissance de votre boutique Shopify.
📧 Nous contacter :
Vous avez des questions ou besoin d'aide avec votre boutique ? Contactez-nous à :
[e-mail]
#ecommerce #shopify #dropshipping #thèmeShopify #SpeedEcom #SEO #ecomsphere #marketingdigital

[@cyriellemaini6227]

Ca fonctionne !!! je suis tellement contente d'avoir réussi ! depuis le temps que je voulais ajouter du texte sur les pages de collection pout améliorer mon SEO, mais ça m'embêter que les produits apparaissent trop bas, là c'est parfait ! Merci beaucoup !

[@Pascald-jh8pw]

merci Pour ce tuto, ca fonctionne :)

[@SPEEDECOMAGENCY]

De rien 😁

[@Kotenbo]

Merci beaucoup pour le tuto, super utile !! 👌👌

[@SPEEDECOMAGENCY]

Avec plaisir :)

[@theobusson2291]

Top la vidéo les gars !

[@speedfly-shopifytheme]

Merci :)

[@axelguyennot]

Sympa la vidéo merci Et comment procéder lorsque l'on n'a pas de fichier scss ?

[@SPEEDECOMAGENCY]

Merci :) en utilisant un fichier .css

[@oubliez-la-douleurcervical313]

bonjour , je dois dabord cliquer sur en savoir plus tout au fond de mon texte pour que effectivement le en savoir plus vienne a la bonne place et apres tout fonctionne correctement mes le texte est afficher au complet des le depart une astuce ? merci

[@mania_quizz03]

Vraiment super. Laisser un max d'infos au client tout en gardant des pages aérées. Je suis fan. merci bcp

[@speedfly-shopifytheme]

Merci pour ton retour positif. Cela fait toujours plaisir :)

[@babanft2021]

Ca c de la valeur! Merci, vous êtes au top ! 👌🔥👍👍

[@speedfly-shopifytheme]

Bonjour! Merci pour votre message :)

[@raum1223]

Bonjour, est-il possible de créer un bouton "lire la suite" pour un contenu sur la home page, si oui comment ? Trés bonne vidéo sinon :)

[@sneax-_-5266]

Ok lire la suite

[@speedfly-shopifytheme]

Hello, Message non complet ou une petite blague ? :)

[@sneax-_-5266]

Support Speed Ecom blague nul 😬😅

[@raum1223]

Bonjour, j'ai bien mis le code mais quand je clique sur le "savoir plus" rien ne se déroule et cela 1 fois sur 2 , defois ça marche, defois non. Auriez-vous une solution ? Bonne journée

[@ia_home]

Salut. ça marche avec le thème Fastlane? sinon, j'ai tout respecté mais ça marche pas. Le texte vient sans être réduit et le bouton +savoir plus est en bas. Si j'appuie dessus, ca m'amène en haut

[@speedfly-shopifytheme]

Bonjour, il faudrait voir avec leur support, je ne saurai vous dire s'il y a un problème d'incompatibilité ou si vous avez mal mis en place le code.

[@Sandy7772-k3s]

Bonjour J'ai le theme turbo et j'ai tout bien suivi malheureusement meme avec le Break la barre dynamique passe au dessus de la barre predéfini par le theme Turbo, du coup on ne voit pas le client ne voit pas le logo "panier" ... Ps: J'adore tes tutos !

[@speedfly-shopifytheme]

Merci, je vous conseille de solliciter l'aide du support de turbo, ils devraient apporter les modifications nécessaires pour que l'affichage soit correcte car on ne peut vous donner la solution sans avoir la boutique sous la main.

[@lelegancedustyle6077]

Bonjour comment mettre le texte en bas de la page collection au dessus du footer

[@SPEEDECOMAGENCY]

Hello, alors la ca dépendra du thème la pour le coup

[@lelegancedustyle6077]

@@SPEEDECOMAGENCY vous avez pas un code svp? J ai le thème prestige

[@videdressingdestoulousaine7769]

Bonjour :) je viens de faire votre tuto qui est top soit dit en passant mais j'ai un petit soucis. Quand j'ajoute le texte à inclure dans le lire plus, et que j'ouvre la page, le texte lire plus est ouvert par défaut. Je ne sais pas comment faire pour que le texte ne soit visible qui si les clients cliquent sur lire + . J'ai regardé toutes les questions sur youtube et la version écrire mais je crois être la seule avec ce soucis. J'ai aussi vu qu'on pouvait juste mettre le lire plus en lien et pas forcement en bouton mais je ne sais pas ou je dois modifier dans la partie html le button et /button par span et /span :). Enfin tant que j'y suis avez mes questions j'ai aussi fais votre tuto pour créer un site map mais apparement shopify génére tout seul un site map .xml alors quel est l'intérêt de faire un plan de site comme sur le tuto? Merci pour votre aide avec tous tes tutos :)

[@speedfly-shopifytheme]

Bonjour, pour les questions techniques, il faut regarder le tutoriel et vous assurer que vous faites les choses exactement comme c'est montré. Si des problèmes persistent, pensez à contacter le support du thème que vous utilisez pour solliciter leur aide au cas où il y a une incompatibilité avec le thème. Le plan sitemap du tutoriel est utile pour les clients également et aide à Google de mieux crawler le site.

[@videdressingdestoulousaine7769]

@@speedfly-shopifytheme merci pour cette réponse hyper rapide :) je vais les contacter j'ai refais le tuto exactement comme c'est montré au moins 5 fois du coup je pense que ca vient de mon thème. Est ce que le fait de demander a google d'indéxer un le sitemap.xlm généré par shopify ne permet pas de remplacer le plan du site ? Le fait que la page existe est ce suffisant pour que google crawle le site ou est ce que la page doit être accessible pour les visiteurs genre dans le footer ?

[@speedfly-shopifytheme]

@@videdressingdestoulousaine7769 D'accord :) Sachez que la page sitemap n'est pas une nécessité, vous pouvez ne pas la mettre. Le sitemap.xml de shopify par contre est nécessaire pour l'indexation.

[@videdressingdestoulousaine7769]

@@speedfly-shopifytheme merci :)

[@moonwaxcbd6784]

Bonjour, je n'ai que le thème css ? ça marchera quand même ?

[@moonwaxcbd6784]

@@SPEEDECOMAGENCY :) merci , vos vidéos sont super pratique, top qualité

[@NinooECOM]

quand j'appui sur le bouton en savoir plus ça ne marche pas

[@SPEEDECOMAGENCY]

Bonjour, le theme n'est peut être pas compatible ou le code est mal mis peut être ? vérifiez dans vos fichiers si tout est au bon endroit - au besoin nous contacter ici speed-ecom.eu/support

[@nathanlandeau2653]

Comment on fait pour enlever les trois petits points car quand j'enlève le code span le bouton ne fonctionne plus.

[@speedfly-shopifytheme]

Hello, as-tu essayé de supprimer le code lié aux points dans le fichier scss ?

[@firenzo18]

Fonctionne sur turbo ce tuto ?

[@speedfly-shopifytheme]

Salut, pas essayé, mai ça devrait, oui :)

[@firenzo18]

@@speedfly-shopifytheme salut dev, effectivement je m'y suis mis hier soir et je confirme cela fonctionne sur Turbo. Encore merci pour tes tutos de valeurs 🙏

[@khalidchoukri1850]

Bonjour. J'ai tout suivi à la lettre mais je n'ai pas exactement le résultat souhaité. J'ai dû faire une erreur quelque part! En fait j'ai le texte réduit qui s'affiche normalement, quand j'appuis sur le bouton "En savoir +" j'ai le texte entier qui s'affiche, mais le bouton en bas affiche "Undefined". J'appuis sur ce bouton le texte est réduit normalement, j'ai toujours ce même bouton qui reste affiché. Donc en gros toue est bon sauf les boutons "En savoir +" et "En savoir -", ils sont remplacés par le bouton "Undefined". Merci si vous pouvez m'apporter de l'aide.

[@speedfly-shopifytheme]

Salut, difficile à dire si tu as fait une erreur quelque part ou si c'est lié au thème sans regarder directement moi-même.

[@khalidchoukri1850]

Salut, merci pour le retour. Certainement j’ai dû faire une erreur que j’arrive pas à détecter. Je pense que le thème est ok puisque je suis sur Début, et j’ai déjà intégré quelques uns de tes Tuto et c’était IMPECCABLE. Merci en tout cas

[@khalidchoukri1850]

@@speedfly-shopifytheme Salut, En fait j'ai essayé le même texte et le même code sur une fiche produit et ça a très bien marché. Je l'ai essayé sur une autre section, ça n'a pas marché! Si tu peux m'éclairer ça m'aiderai énormément. Merci

[@cedricstoner2071]

Bonjour et merci pour vos tuto c'est top ! Par contre je suis également sur le thème Début et je rencontre le même problème après avoir tout suivi à savoir: le bouton EN SAVOIR MOINS s'affiche en UNDEFINED. Grrr

[@theodelarouere4308]

Super tuto , Merci. Mais j'ai un petit problème, j'explique : Quand j'appuie sur le bouton pour afficher le reste du texte, mon écran se téléporte tout en haut de la page : ce qui est problématique pour lire le texte sans re-scroller jusqu'au texte. Donc ma question est : comment faire pour que la page ne se téléporte pas en haut de page ? Et quel ne bouge pas ? J'ai quand même essayer de chercher par moi même : J'ai essayer de changer la ligne window.ScrollTo(0 ; 0 ) en changeant les valeurs, par exemple , (300 ; 500 ), j'ai constater que la page ne se téléporte plus jusqu'en haut mais a un autre endroit , ce qui est mieux mais pas assez clean : la page se téléporte plus en haut de page mais elle se téléporte un peu en décaler comparer en texte ( et l'effet de décalage est encore pire sur mobile ) . Donc j'ai essayer de supprimer cette ligne de code mais le bouton ne marche même plus pour le coup. Voila tout, je vais essayer de chercher encore de mon coté mais si je peut avoir de votre aide ça serait super ! J'attend votre réponse. PS: Jolie boulot

[@theodelarouere4308]

Merci beaucoup pour votre réponse rapide ! C’est bon je check le tuto ce soir et je donnerais mon feedback en réponse à ce commentaire ! Merci

[@theodelarouere4308]

PS: je me suis tromper c'est window.ScrollTo(0;0) que j'ai changer et pas window.element

[@theodelarouere4308]

Bonjour : ) Le code a t'il été changer ?

[@theodelarouere4308]

@@SPEEDECOMAGENCY Je viens de tester mais ça ne marche malheureusement pas .. mon écran se téléporte encore et en plus mon bouton n'est plus affiché, il y'a juste l'écriture "+ en savoir plus" sans le bouton autour. Vous avez changer la balise par si ne me trompe pas ?

[@theodelarouere4308]

J'ai trouvé, c'était très simple finalement. Il suffisait de "centrer" le bouton. Merci pour tout 👍

[@Digitalnomadrien]

😉

[@ordigenn55]

Joseph valeur sur

[@sadellahayman5453]

Bonjour, est-il possible de créer un bouton "lire la suite" pour un contenu sur la home page, si oui comment ? Trés bonne vidéo sinon :)

[@SPEEDECOMAGENCY]

Hello, oui c'est possible il suffit de transposer ce tuto dans une section que tu mettra dans ta page d'accueil si ton thème propose cela sinon dans speedfly c'est inclus ;)