Bienvenue dans la deuxième étape de ce tuto sur la personnalisation de votre site web UpClimbr.&nbsp;Dans cette partie, vous allez apprendre à personnaliser votre page d’accueil ainsi que sa mise en page et celle de vos fiches produits.
Les prévisualisations sont là pour vous aider à visualiser vos changements mais encore une fois, n’hésitez pas à consulter et rafraîchir votre site en même temps pour bien vous rendre compte de chaque option de personnalisation.&nbsp;
Pour commencer, rendez-vous dans l’onglet “Personnalisation” de votre interface de gestion :&nbsp;
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/nav_custom.png.png" class="img-responsive">
&nbsp;puis, cliquez sur l’option “MISE EN PAGE”.
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/custom_layout.png" class="img-responsive">
<h2>Disposition page d’accueil</h2>
Ici, vous pouvez décider de l’ordre d’apparition des différents éléments qui composent votre page d’accueil. Il faut d’abord savoir que votre image de couverture apparaîtra toujours en haut de votre site. C’est le seul élément qui n’est pas modifiable. Ensuite il vous suffit de cliquer et glisser les éléments dans l’ordre que vous préférez entre “Contenu”, “Produits” et “Articles”. Chaque partie étant évidemment personnalisable mais nous verrons cela plus tard.&nbsp;
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/order_home_sections.png" class="img-responsive">
<h2>Menu en-tête</h2>
Cette option vous permet de modifier l’en-tête, ou header, de votre site. Il se compose de deux éléments notables, votre logo et vos onglets. À vous de choisir l’option qui vous plaît le plus.
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/custom_header_layout.png" class="img-responsive">
<h2>Disposition de la fiche produit</h2>
Dans cette partie vous avez le choix de disposer les images et le texte de votre fiche produit à l'horizontal ou à la vertical.&nbsp;
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/product_page_layout.png" class="img-responsive">
Votre mise en page vous convient ? Parfait ! Passons maintenant à la page d’accueil sur le prochain onglet pour encore plus de personnalisation.
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/custom_home_page.png" class="img-responsive">
<h2>Image de couverture</h2>
Tout d’abord, il vous faut ajouter une image de couverture. C’est la première chose que verront vos visiteurs. Il est donc important de choisir une image bien cadrée, cohérente avec les couleurs de votre site et représentative de votre univers.
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/custom_hero_img.png" class="img-responsive">
Titre, Sous titre, Bouton d’action et Message du bouton
Les 4 prochaines options vous permettent de personnaliser cette partie qui apparaîtra sur votre image de couverture.&nbsp;
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/hero_banner_preview.png" class="img-responsive">
Ce bouton est très pratique car il vous permet de diriger vos visiteurs vers la partie qui vous semble être la plus pertinente, comme par exemple si vous avez une offre a mettre en avant pendant une période précise, un produit préférentiel ou encore un article que vous souhaitez promouvoir.&nbsp;
Vous avez le choix entre :&nbsp;
<ul>
<li>Tous les produits</li>
<li>Tous les articles</li>
<li>Catégories de produits</li>
<li>Catégories d’articles</li>
<li>Un produit en particulier</li>
<li>Un article en particulier</li>
</ul>
Il vous suffit ensuite de personnaliser le message du bouton en lui-même, ainsi que le titre et le sous titre que vous voulez mettre en avant. Attention, ces champs sont limités à un certain nombre de caractères.&nbsp;
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/custom_hero_texts.png" class="img-responsive">
N’oubliez pas de tester différentes possibilités et d'aller vérifier les changements sur votre site en direct via ce bouton :&nbsp;
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/nav_mywebsite.png" class="img-responsive">
<h2>Contenu principal</h2>
Considérez cette partie comme votre terrain de jeu !
Vous allez pouvoir personnaliser votre page d’accueil à votre image grâce au contenu principal. Une multitude de choix s’offrent à vous. Vous pouvez par exemple écrire une simple bio pour vous présenter et présenter le contenu de votre site ou encore ajouter des images, des tableaux, des vidéos via un lien, les possibilités sont nombreuses. Vous avez même la possibilité de coder directement dans le contenu principal pour personnaliser votre page d’accueil à 100%. Laissez parler votre créativité et amusez-vous !&nbsp;
<img alt="" src="https://upclimbr.com/tutorials_previews/screenshots/custom_home_wysiwyg.png" class="img-responsive">
Au fait, prenez le temps de vous inspirer de <a rel="noopener" href="https://upclimbr.com/">nos meilleurs utilisateurs</a>.

Consultez le tutoriel d'UpClimbr n°3 : mise en page et page d'accueil

Tutoriel UpClimbr n°3 : mise en page et page d'accueil

Bienvenue dans la deuxième étape de ce tuto sur la personnalisation de votre site web UpClimbr.Dans cette partie, vous allez apprendre à personnaliser votre page d’accueil ainsi que sa mise en page et celle de vos fiches produits.

Les prévisualisations sont là pour vous aider à visualiser vos changements mais encore une fois, n’hésitez pas à consulter et rafraîchir votre site en même temps pour bien vous rendre compte de chaque option de personnalisation.

Pour commencer, rendez-vous dans l’onglet “Personnalisation” de votre interface de gestion :

puis, cliquez sur l’option “MISE EN PAGE”.

Disposition page d’accueilIci, vous pouvez décider de l’ordre d’apparition des différents éléments qui composent votre page d’accueil. Il faut d’abord savoir que votre image de couverture apparaîtra toujours en haut de votre site. C’est le seul élément qui n’est pas modifiable. Ensuite il vous suffit de cliquer et glisser les éléments dans l’ordre que vous préférez entre “Contenu”, “Produits” et “Articles”. Chaque partie étant évidemment personnalisable mais nous verrons cela plus tard.

Menu en-têteCette option vous permet de modifier l’en-tête, ou header, de votre site. Il se compose de deux éléments notables, votre logo et vos onglets. À vous de choisir l’option qui vous plaît le plus.

Disposition de la fiche produitDans cette partie vous avez le choix de disposer les images et le texte de votre fiche produit à l'horizontal ou à la vertical.

Votre mise en page vous convient ? Parfait ! Passons maintenant à la page d’accueil sur le prochain onglet pour encore plus de personnalisation.

Image de couvertureTout d’abord, il vous faut ajouter une image de couverture. C’est la première chose que verront vos visiteurs. Il est donc important de choisir une image bien cadrée, cohérente avec les couleurs de votre site et représentative de votre univers.

Titre, Sous titre, Bouton d’action et Message du bouton

Les 4 prochaines options vous permettent de personnaliser cette partie qui apparaîtra sur votre image de couverture.

Ce bouton est très pratique car il vous permet de diriger vos visiteurs vers la partie qui vous semble être la plus pertinente, comme par exemple si vous avez une offre a mettre en avant pendant une période précise, un produit préférentiel ou encore un article que vous souhaitez promouvoir.

Vous avez le choix entre :

* Tous les produits

* Tous les articles

* Catégories de produits

* Catégories d’articles

* Un produit en particulier

* Un article en particulier

Il vous suffit ensuite de personnaliser le message du bouton en lui-même, ainsi que le titre et le sous titre que vous voulez mettre en avant. Attention, ces champs sont limités à un certain nombre de caractères.

N’oubliez pas de tester différentes possibilités et d'aller vérifier les changements sur votre site en direct via ce bouton :

Contenu principalConsidérez cette partie comme votre terrain de jeu !

Vous allez pouvoir personnaliser votre page d’accueil à votre image grâce au contenu principal. Une multitude de choix s’offrent à vous. Vous pouvez par exemple écrire une simple bio pour vous présenter et présenter le contenu de votre site ou encore ajouter des images, des tableaux, des vidéos via un lien, les possibilités sont nombreuses. Vous avez même la possibilité de coder directement dans le contenu principal pour personnaliser votre page d’accueil à 100%. Laissez parler votre créativité et amusez-vous !

Au fait, prenez le temps de vous inspirer de nos meilleurs utilisateurs https://upclimbr.com/ .



Tutoriel n°3 : mise en page et page d'accueil