Comment personnaliser les conceptions de magasins BigCommerce
Publié: 2017-04-06
Personnalisez les conceptions de magasins BigCommerce et créez votre marque unique
BigCommerce est une plate-forme complète qui offre aux propriétaires d'entreprise comme vous le package complet de commerce électronique, y compris la possibilité de configurer et de personnaliser vous-même les conceptions de magasins BigCommerce (ou vous pouvez engager des experts comme nous pour le faire pour vous). Il a tout ce dont vous avez besoin pour démarrer votre entreprise de commerce électronique et en faire un succès. Il n'y a pas d'installations et d'intégrations compliquées, et avec un peu de chance, vous pouvez créer quelque chose qui résistera à l'épreuve du temps.
Il y a une raison pour laquelle BigCommerce est si populaire dans le monde du commerce électronique. Il est livré avec des systèmes intégrés qui vous permettent de prendre des thèmes existants (payants ou gratuits) et de les personnaliser pour créer quelque chose d'exceptionnel. Inutile de dire que chaque marque a besoin de sa propre voix et de son propre look. Bien que les modèles standard fonctionnent extrêmement bien, vous ne pouvez pas vous démarquer de la concurrence en les utilisant. Il y en aura forcément beaucoup d'autres comme vous utilisant le même thème, et votre marque pourrait perdre son identité dans le mélange. Vous devez personnaliser les thèmes BigCommerce pour donner à votre marque une couche supplémentaire de personnalité.
La particularité des modèles BigCommerce est qu'ils utilisent tous HTML et CSS. Cela vous donne une polyvalence illimitée en ce qui concerne les personnalisations de modèles. Ainsi, bien que vous puissiez facilement effectuer des modifications de base via le mode de conception, les plus complexes nécessitent que vous connaissiez HTML et CSS. Si vous n'avez pas le temps de tout faire vous-même, vous pouvez vous tourner vers des professionnels comme 1 Digital Agency pour personnaliser les conceptions BigCommerce pour vous.
Personnalisez BigCommerce via le mode de conception
Le mode Design est vraiment unique en son genre et le système de personnalisation le plus simple que vous puissiez trouver n'importe où. Il vous donne la possibilité de personnaliser les thèmes BigCommerce à l'aide d'un simple menu glisser-déposer. Vous pouvez réorganiser ou supprimer des articles sur n'importe quelle page de votre boutique. Malheureusement, sa plus grande force est aussi sa faiblesse. Lorsque vous utilisez le mode Conception pour personnaliser les conceptions de BigCommerce, à part réorganiser des éléments sur vos pages Web ou supprimer complètement quelque chose, vous ne pouvez rien faire d'autre.
Dans tous les cas, le mode Design a ses utilités, surtout si vous recherchez des modifications de base. Vous pouvez y accéder en cliquant sur l'onglet Store Design, puis sur l'onglet Design Mode dans le panneau de configuration. Une fois que vous avez fait cela, le mode de conception est activé et vous pouvez commencer à personnaliser.
Pour utiliser le mode design, vous devrez ensuite vous rendre sur la page de votre boutique que vous souhaitez personnaliser. Il devrait y avoir une barre d'outils visible en haut de la page (voir ci-dessous) qui indique que le mode Conception est activé.
La fonctionnalité glisser-déposer est une promenade dans le parc. Sur n'importe quelle page que vous souhaitez personnaliser, déplacez votre pointeur vers l'élément que vous souhaitez déplacer. Le pointeur changera de forme. Faites maintenant glisser cet élément à l'aide du bouton gauche de la souris à l'endroit où vous souhaitez qu'il apparaisse et relâchez. Si vous souhaitez supprimer un élément, faites un clic droit dessus et sélectionnez Supprimer le panneau dans le menu. Une fois que vous avez effectué tous les ajustements sur une page, enregistrez et profitez de votre travail.
Utiliser Quick Edit pour modifier votre boutique
Comme nous l'avons déjà dit, vous pouvez personnaliser les modèles BigCommerce à l'aide du mode Design, mais cela n'est presque jamais suffisant. Vous ne pouvez pas faire grand-chose en réorganisant et en supprimant des éléments de vos conceptions.
Une autre façon de personnaliser les modèles BigCommerce consiste à utiliser l'éditeur de feuilles de style. L'option Parcourir les fichiers de modèle dans l'onglet Conception de la boutique vous permet de modifier le CSS de n'importe quel fichier de modèle de votre thème. Vous devez connaître HTML et CSS pour pouvoir personnaliser BigCommerce à partir d'ici, mais c'est facilement le moyen le plus efficace de le faire. En fait, la majorité des personnalisations que les professionnels comme nous apportent aux thèmes se font via l'option d'édition rapide.
Une fois que vous entrez dans l'éditeur, vous verrez des listes de fichiers modèles dans la colonne de gauche. La première partie contient les fichiers du modèle en cours d'utilisation, tandis que l'autre affiche tous les fichiers de modèles restants pour le thème, regroupés en fonction de leur type.
Lorsque vous cliquez sur un fichier modèle, l'éditeur s'ouvre sur la droite (voir ci-dessus). Il montre tout le codage de ce modèle et vous pouvez apporter des modifications au code HTML ici. C'est incroyablement délicat et devrait être laissé aux experts qui comprennent le HTML.
Personnalisez les conceptions BigCommerce via FTP
Lorsque vous pensez personnaliser BigCommerce, le plus souvent, vous constaterez que chaque aspect d'un thème est personnalisable tant que vous savez comment le faire. Pour les choses de base, nous avons parlé du mode Design. Pour des personnalisations BigCommerce plus avancées, il existe l'éditeur HTML ou Quick Edit. Mais ce n'est pas tout. Il existe également la possibilité d'accéder par FTP à un répertoire spécial qui donne aux utilisateurs (utilisateurs experts) la possibilité de modifier tout ce qui n'est pas possible avec les deux autres options.
Vous devrez connecter votre boutique via FTP à l'annuaire. Vous pouvez télécharger des fichiers ici, qui devront ensuite être liés à votre boutique BigCommerce. La meilleure façon de le faire serait de télécharger une archive ZIP de tous les fichiers de modèle de votre modèle et de modifier ceux que vous devez modifier. Les types de fichiers que vous pouvez télécharger incluent HTML et CSS, des images telles que .jpg, .jpeg et .png et des fichiers multimédias tels que .flv, .fla, etc. Gardez à l'esprit que ces fichiers téléchargés auront des liens URL différents de ceux présents dans les fichiers modèles. Vous devrez incorporer ces nouvelles URL dans les feuilles de style ou les pages Web où elles sont utilisées.
MISES À JOUR 2019 :
Avec le monde numérique en ligne en croissance constante et en hausse, les plateformes de commerce électronique doivent constamment mettre à jour leurs options et fonctionnalités. Bien que le contenu ci-dessus soit toujours incroyablement utile pour tous les propriétaires de magasins BigCommerce, quelques mises à jour ont été apportées depuis la première publication de ce blog.
L'éditeur WYSIWYG
WYSIWYG : Ce que vous voyez est ce que vous obtenez. Cet éditeur BigCommerce peut être utilisé pour les pages Web, les bannières, les produits et les catégories. Cet éditeur est un "éditeur frontal", ce qui signifie qu'il vous permet de modifier le contenu des pages spécifiques mentionnées ci-dessus sans modifier le code. Le WYSIWYG vous permet de formater du texte, de créer des liens, d'ajouter des images, des vidéos et d'autres médias, et de créer des tableaux. Si vous préférez ne pas utiliser l'éditeur, il existe un bouton de désactivation sur lequel vous pouvez cliquer dans les paramètres de votre boutique.
Éditeur de thème de style BigCommerce
Si vous avez acheté un thème BigCommerce et que vous souhaitez le personnaliser, rendez-vous simplement sur votre vitrine BigCommerce et cliquez sur "Mes thèmes". Cela vous amènera à une page avec un écran qui ressemble à ceci :
Après avoir cliqué sur le bouton "personnaliser", une nouvelle fenêtre s'ouvrira avec le panneau de l'éditeur de style à gauche de votre écran.
Que vous ayez une boutique BigCommerce avec le thème Blueprint ou le thème Stencil, BigCommerce vous permet de modifier l'apparence de votre vitrine avec l'éditeur de style sans modifier le code. Avec les thèmes Blueprint et Stencil, vous pouvez modifier les polices et les couleurs, les tailles d'image, ajouter des colonnes de produits et bien plus encore pour rendre votre site plus personnalisé en fonction de votre marque et de vos préférences.
Personnaliser le code HTML et CSS
Si vous êtes dans l'éditeur de style et que vous ne parvenez pas à apporter certaines modifications, vous devrez alors envisager de modifier le code HTML et CSS de votre thème. Pour ce faire, vous devrez télécharger le thème que vous souhaitez modifier. Il ressemblera à ceci:
Une fois que vous avez sélectionné le thème sur lequel vous souhaitez travailler, enregistrez-le sur votre ordinateur et vous êtes prêt à commencer à apporter vos modifications et personnalisations. Cependant, si vous n'êtes pas familier avec le développement Web, il est fortement recommandé de faire appel à une personne possédant des connaissances approfondies pour vous aider afin de ne pas rencontrer de problèmes majeurs qui pourraient entraîner la défaillance de l'ensemble de votre site.
Personnalisation de la boutique BigCommerce avec la meilleure agence numérique
Construire une marque, c'est plus que trouver un bon logo et un bon slogan. Votre boutique de commerce électronique doit incarner tout ce que représente votre marque. Bien que BigCommerce soit facilement votre plate-forme de commerce électronique de choix, vous devez personnaliser les modèles BigCommerce pour créer une conception de site vraiment unique.
Chez 1Digital Agency, nous avons des experts qui connaissent les tenants et les aboutissants des personnalisations BigCommerce et des conceptions de modèles de magasin BigCommerce personnalisés. Plus que cela, nous comprenons le commerce électronique et pouvons vous donner des conseils d'experts sur la façon de vous connecter réellement avec votre clientèle avec des conceptions qui attirent leur attention, sont conviviales et, surtout, uniques à votre idéologie commerciale.
Avec UX et UI à l'esprit, nos concepteurs et développeurs experts en commerce électronique prendront votre vision et la transformeront en une conception de site Web de commerce électronique fonctionnelle et de premier ordre, entièrement réactive et incitant les utilisateurs à continuer à explorer les pages de votre boutique en ligne. Ils intégreront des aspects de votre marque dans chaque décision qu'ils prendront avec votre site. Des couleurs aux polices, images et plus encore, votre site Web attirera les bons utilisateurs et les gardera engagés assez longtemps pour conduire à un taux de conversion plus élevé.
Nos experts travaillent avec BigCommerce depuis le tout début. Nous avons un portefeuille de travaux polyvalent qui parle de lui-même. Non seulement nous personnalisons les conceptions BigCommerce, mais nous fournissons également des services de marketing et de développement. En tant que partenaire certifié BigCommerce, nous sommes fiers de dire que nous avons bâti notre réputation sur les bases d'un travail acharné et d'un engagement à faire de chaque projet un succès. Appelez-nous maintenant au 888.982.8269 ou contactez-nous via notre site Web et laissez-nous vous montrer ce que nous pouvons faire.