Éditeur de pages amélioré et variantes de produits

Ceci est un retour écrit sur la période du 5 au 18 juillet 2026, rédigé en octobre à partir de l'historique git de nos dépôts d'application. Tout ce qui suit est du code sur notre branche de staging. Ce n'est pas une annonce de lancement ; PersonaCart est avant son lancement.

Période couverte : 5-18 juillet 2026.

En bref

• L'éditeur de pages est devenu plus facile pour placer les éléments : guides d'alignement, glissement plus doux et modèles de pages entières en un clic.
• La boutique a reçu des variantes de produits qui se comportent comme dans une vraie boutique : guides des tailles, échanges et photos liées à l'option choisie.
• Pie, notre assistant, peut désormais construire une page à partir d'un brief directement dans le chat.

Ce que nous avons cherché à construire

Deux choses. D'abord, un éditeur de pages où un coach sans formation en design peut placer un titre, un bouton et une photo et obtenir un résultat soigné. Ensuite, une boutique qui gère les aspects délicats de la vente d'articles en plusieurs tailles. Le travail sur l'éditeur a surtout consisté à réduire les petites frustrations. Le travail sur la boutique portait sur les situations qui suivent une vente, comme une mauvaise taille.

Ce que nous avons construit dans l'éditeur

• Alignement magnétique. Lorsque vous déplacez un élément, il s'accroche aux guides du centre et des bords.
• Deux types de glissement. Glisser à l'intérieur de son parent ajuste l'espacement. Glisser d'un parent à un autre réordonne. Ce sont deux gestes différents aux résultats différents.
• Glissement tactile pour les images. Appui long pour saisir une image sur un téléphone, avec un signal visible lorsqu'elle est saisie.
• Modèles de pages entières en un clic. En mode normal, vous pouvez partir d'un modèle de page complète, y compris un modèle d'équipe sportive conçu comme une page finie plutôt que comme une pile de sections brutes.
• Surlignage du texte. Surlignez n'importe quel mot dans n'importe quelle couleur.
• Copier-coller du style d'un bouton. Copiez le style d'un bouton et collez-le sur un autre, depuis les icônes du rail ou le menu contextuel.
• Un bouton Publier qui dit ce qu'il publie. Il affiche Publier la boutique, la page ou le thème selon l'endroit où vous vous trouvez.
• Moins d'options inutiles. Le menu de débordement de la barre d'outils masque les actions qui ne s'appliquent pas au lieu de les griser, et les nouveaux éléments clignotent brièvement pour que vous voyiez où ils ont atterri.
• Deux commandes de thème qui agissent enfin. L'espacement des sections et l'échelle typographique ont été reliés afin que les commandes modifient réellement la page.

Ce que nous avons construit dans la boutique

• Guides des tailles et des mesures que vous créez une fois et réutilisez sur plusieurs produits.
• Des photos par variante, et un moyen d'affecter des photos selon un attribut comme la couleur, pour que la galerie change quand l'acheteur choisit.
• Échanges. Une commande peut passer par un parcours d'échange de taille ou de variante.
• Réorganisation. Vous pouvez faire glisser les axes et les valeurs d'options dans l'ordre souhaité, et la vitrine le suit. Les produits peuvent être réordonnés à la main dans la liste.
• Détails du produit. Un éditeur de matière, d'entretien et de caractéristiques alimente un bloc de détails sur la page produit.
• Étiquettes. Chaque produit peut porter une étiquette visible des acheteurs, et la boutique peut filtrer par étiquette.
• Mode test de l'expédition. Un interrupteur bac à sable lors de la connexion d'un transporteur, pour l'essayer sans expéditions réelles.

Marketing et opérations

• Coupons et automatisations par étiquette client. Les coupons peuvent cibler de vraies étiquettes, des segments, et les clients nouveaux ou récurrents. Les automatisations peuvent filtrer par étiquette.
• Menus par vitrine. Les menus d'en-tête et de pied de page se rattachent depuis la page de liste.
• Import en masse. Dans l'espace Import/Export, vous pouvez importer des produits depuis l'URL d'une boutique.
• Tâches pilotées par le chat. Pie peut gérer des liens de paiement, définir l'audience d'une campagne, et suspendre ou reprendre un abonnement. Pie peut aussi construire une page à partir d'un court brief et vous montrer une liste de sections avec un aperçu.

Ce que cela signifie pour un coach ou une academy

Un coach qui vend un programme n'a généralement pas besoin de guides des tailles, mais un coach qui vend aussi de l'équipement ou des vêtements en a besoin. Les échanges et les photos de variantes sont la partie que la plupart des petites boutiques ratent. Les changements de l'éditeur concernent tout le monde. La plupart ne font que faire gagner une minute ici et là.

Je tiens à distinguer cela de l'Academy, qui est le côté équipes et plannings et qui est distinct de la boutique en ligne.

La suite

La quinzaine suivante est dominée par la vente et la réservation avec BioLink, les domaines et la facturation. C'est l'objet du prochain article.

Envie d'échanger ? Je suis l'un des cofondateurs de PersonaCart. Si vous avez une question, une idée ou quelque chose que vous voulez que nous construisions, écrivez-moi directement : [email protected].

Vinod Morya, Co-founder (cofondateur), PersonaCart