Un guide rapide sur la modification de votre thème BigCommerce

Publié: 2021-01-08

Vous êtes probablement ici parce que vous cherchez des moyens de mettre à jour ou de modifier le thème de votre boutique BigCommerce. Bonne nouvelle - en tant que l'une des plateformes de commerce électronique les plus fiables et les plus performantes pour les entreprises de toutes tailles, dans tous les secteurs, il y a beaucoup d'aide là-bas. Dans cet article, nous allons examiner certaines des façons dont vous pouvez modifier le thème de votre vitrine BigCommerce.

Tout d'abord, si vous cherchez des informations sur les raisons pour lesquelles il pourrait être judicieux de mettre à jour votre thème, gardez ceci à l'esprit :

  • Votre thème a un impact profond sur l'expérience utilisateur.
  • Le thème de votre magasin aura un impact sur l'intégrité de votre marque.
  • Un nouveau thème peut vous aider à améliorer la fonctionnalité de conception de votre magasin.
  • Un nouveau thème peut vous donner un meilleur accès aux fonctionnalités BigCommerce nouvelles ou mises à jour, comme la recherche à facettes.
  • Vous pourrez peut-être améliorer la conception réactive de votre site Web avec une mise à niveau du thème.

Dans cet esprit, si vous recherchez simplement des conseils rapides sur la façon d'apporter des modifications, vous êtes au bon endroit, alors commençons.

1. Connectez-vous à votre portail BigCommerce.

Connectez-vous à votre portail BigCommerce avec vos identifiants de connexion. Vous devriez voir quelque chose dans le backend qui ressemble à ceci :

2. Cliquez sur "Vitrine".

Cliquez sur "Storefront" comme indiqué par la flèche rouge dans l'image ci-dessus. Cela vous amènera à un nouvel affichage et développera un menu sur les éléments que vous pouvez modifier dans le backend de votre boutique BigCommerce.

Comme vous pouvez le voir, les options vont se développer. Ensuite, vous voudrez cliquer sur "Mes thèmes" pour continuer, mais avant de le faire, notez quelques éléments. Comme indiqué par les cases rouges à gauche de l'image ci-dessus, c'est également là que vous pouvez apporter des modifications à d'autres aspects importants de votre boutique BigCommerce, tels que votre blog ou vos scripts. De plus, vous pouvez télécharger des thèmes sur ce portail, mais sachez que si vous téléchargez votre propre thème, BigCommerce ne fournira pas d'assistance technique.

3. Sélectionnez "Parcourir les thèmes".

L'image ci-dessus est un encart; ici, vous pouvez voir que vous pouvez apporter des mises à jour à votre thème actuel ainsi que des personnalisations. Si vous souhaitez changer de thème, vous cliquerez sur "Parcourir les thèmes" comme indiqué par la case rouge.

Cela vous mènera à BigCommerce, où vous pourrez effectuer une recherche dans une assez grande collection de thèmes gratuits et payants. Vous pouvez également trier les collections en fonction de leur optimisation et de leur présentation, ainsi que les thèmes populaires dans l'industrie, comme indiqué par les flèches rouges ci-dessous. Parcourez leur collection et choisissez le thème qui vous plaît le plus (ou qui, selon vous, plaira le plus à vos clients). Une fois que vous avez sélectionné un thème, vous serez de retour pour le modifier ou le personnaliser.

4. Alternativement, vous pouvez choisir "personnaliser la mise à jour" pour modifier ou mettre à jour le thème.

Disons que vous n'avez pas changé de thème mais que vous êtes resté fidèle au thème que vous aviez, qui dans notre cas est "Cornerstone Light". Vous voudrez cliquer sur "Personnaliser la mise à jour" que vous pouvez voir au milieu de l'écran de la deuxième image de ce post. Cela vous amènera à l'image que vous voyez ci-dessous:

Il y a quelques choses à noter dans l'image ci-dessus :

  • En haut de la page, vous pouvez voir des bascules pour "Conception" et "Aperçu". En mode aperçu, vous pouvez voir comment votre boutique apparaîtra une fois que vous aurez effectué et enregistré des modifications via le bouton "Enregistrer" en haut à droite de l'image.
  • Également en haut de la page, il y a des aperçus de la façon dont votre thème apparaîtra sur les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • À l'extrême gauche de l'image, dans une boîte rouge, il y a trois bascules pour les "widgets", les "calques" et les "styles de thème". nous allons étudier les fonctionnalités de base de ceux-ci dans cet article.

5. Modifier, ajuster ou ajouter des widgets.

Tout d'abord, nous verrons comment apporter des modifications rapides aux widgets que vous pouvez inclure ou modifier dans votre thème BigCommerce. Supposons que vous souhaitiez ajouter un carrousel sous votre menu - l'interface de BigCommerce rend le processus relativement simple. Cliquez simplement sur "Carrousel" et faites-le glisser et déposez-le dans l'espace sous le menu qui dit "Glisser et déposer les widgets ici". Vous verrez alors cette image :

Heureusement pour vous, l'interface de BigCommerce est simple et facile à naviguer. Sur le côté gauche de l'écran, vous verrez que vous pouvez apporter des modifications aux diapositives, aux images d'arrière-plan, aux couleurs du texte, aux liens de tailles de police, etc., le tout sans avoir besoin de connaître une ligne de code.

Supposons maintenant que vous souhaitiez voir quelques variantes du même thème. À gauche de l'écran, vous verrez ceci :

6. Réglez les fonctionnalités supplémentaires de votre écran. (Styles, en-têtes et pieds de page, page d'accueil et plus)

Cliquez sur la petite palette comme indiqué par la flèche rouge et vous développerez un menu d'options, illustré dans l'image ci-dessous, y compris, mais sans s'y limiter, "Styles", "Global", "En-tête et pied de page" et "Page d'accueil".

Cette zone vous permet de modifier assez rapidement et facilement le style de votre thème. Comme vous pouvez le voir à partir de deux des options ci-dessus, celles-ci auront un impact sur la présentation visuelle de votre thème. Pour ce thème particulier, deux des options sont "Light" et "Bold", qui sont des variantes mineures l'une de l'autre. Du point de vue de la conception, cependant, ils peuvent avoir un impact sur l'ambiance de votre site Web, son image de marque et l'expérience client globale.

  • Comme vous pouvez également le voir dans l'image ci-dessus, dans cette zone de l'éditeur de thème, vous pouvez également apporter des modifications relativement rapides et faciles aux produits, à votre page de paiement et même aux boutons de paiement, le tout sans avoir besoin d'accéder ou de modifier un code.
  • À ce stade, vous pouvez apporter de nombreuses modifications de haut niveau à votre boutique BigCommerce qui accompagnent la modification d'un thème ou la modification des aspects visuels de votre thème, comme le texte, la coloration, les images ou les carrousels, ainsi que d'autres caractéristiques qualitatives. tels que ceux décrits immédiatement ci-dessus.

Cependant, même si BigCommerce dispose d'un portail d'administration convivial et facile à naviguer, même pour les entrepreneurs en commerce électronique ayant peu ou pas d'expérience en matière de conception ou de codage, obtenir la présentation visuelle exacte que vous envisagez pour votre boutique en ligne peut prendre plus de temps. De plus, effectuer des modifications personnalisées, y compris celles impliquant du code, peut nécessiter des compétences particulières pour lesquelles vous aurez besoin de l'aide de services professionnels de conception ou de développement Web BigCommerce.

Si vous souhaitez voir quelque chose de spécial dans votre boutique BigCommerce mais que vous ne savez pas comment apporter les modifications à l'aide des suggestions ou des conseils de cet article, contactez dès aujourd'hui nos développeurs et concepteurs BigCommerce. Que vous ayez besoin d'une refonte complète ou que vous souhaitiez simplement en savoir plus sur ce que nous pouvons faire pour votre entreprise en ligne, tout commence par un appel à un partenaire BigCommerce - contactez-nous au 888-982-8269 la prochaine fois que vous avez besoin d'aide .

Mots clés: bigcommerce bigcommerce design personnalisé développement bigcommerce Agence numérique Partenaires comment faire