Ici, vous pouvez personnaliser les paramètres par défaut de gabarits pour votre E-shop: Détails du produit, Panier et Remerciement.
Détails de produit
Ceci est la page qui s’ouvrira lorsque vos visiteurs cliqueront sur le lien Détails d'un produit en particulier de votre boutique.
Pour personnaliser la page « Gabarit de produit », cliquez sur « Modifier », dans la section "Pages".
Pour éditer la page “Gabarit du produit”, faites le clic gauche.
Dans la section “Éditer”, vous pouvez configurer les options suivantes:
Paramètres
Dans la section Paramètres, voici les options par défaut:
Afficher le code: si vous utilisez des codes pour vos produits, ceci permet d'afficher le code de chaque produit;
Activer le zoom sur l’image: ceci permet d’activer le zoom sur l’image d’un produit pour donner la possibilité à vos clients de voir votre produit plus en détail.
Dans le sous-onglet Réseaux sociaux: le bouton “OUI” est coché par défaut. Voici vos options par défaut:
- Facebook: ceci permet de partager ce produit sur un compte Facebook;
- Twitter: ceci permet de partager ce produit sur un fil d’actualité Twitter;
- Google: ceci permet de partager ce produit sur un compte Google+;
- Pinterest: ceci permet de partager ce produit sur un compte Pinterest.
Pour enregistrer votre configuration, cliquez sur Sauvegarder.
Dans l’onglet Style, voici vos options:
Dans le sous-onglet Image, voici vos options:
Proportion de vignettes: choisissez la proportion de la vignette que mieux s'adapte à votre produit. Le format 4:3 est coché par défaut.
Position des vignettes: choisissez la position de la vignette que mieux s'adapte à votre produit: En bas, en haut, à gauche, à droit.
Échelle de l’image: choisissez l’échelle de l’image que mieux s'adapte à votre produit: Ajouter ou Remplir.
Dans le sous-onglet Bouton, voici vos options:
- Format d’affichage: choisissez le format d'affichage que mieux s'adapte à votre produit: Coins ronds, Coins carrés, Ellipse.
- Texte du bouton “Ajouter au panier”: ceci permet de personnaliser le texte de votre bouton.
- Couleur du bouton: choisissez une couleur pour votre bouton “Ajouter au panier”.
- Couleur du texte du bouton: choisissez une couleur pour votre le texte de votre bouton “Ajouter au panier”.
Dans le sous-onglet Nom du produit, voici vos options:
Cliquez sur le bouton “NON” pour activer les options suivantes:
- Police: choisissez la police pour le nom du produit;
- Taille de la police: choisissez la taille de la police pour le nom du produit;
- Couleur de la police: choisissez une couleur de police pour le nom du produit.
Dans le sous-onglet Prix, voici vos options:
Cliquez sur le bouton “NON” pour activer les options suivantes:
- Police: choisissez la police pour le prix du produit;
- Taille de la police: choisissez la taille de la police pour le prix du produit;
- Couleur de la police: choisissez une couleur de police pour le prix du produit.
Dans le sous-onglet Options de produit, voici vos options:
Cliquez sur le bouton “NON” pour activer les options suivantes:
- Police: choisissez la police pour les options de produit;
- Taille de la police: choisissez la taille de la police pour les options de produit;
- Couleur de la police: choisissez une couleur de police pour les options de produit.
Dans le sous-onglet Description, voici vos options:
Cliquez sur le bouton “NON” pour activer les options suivantes:
- Titre
- Police: choisissez la police pour le titre du produit;
- Taille de la police: choisissez la taille de la police pour le titre du produit;
- Couleur de la police: choisissez une couleur de police pour le titre du produit.
- Texte
- Police: choisissez la police pour le texte du produit;
- Taille de la police: choisissez la taille de la police pour le texte du produit;
- Couleur de la police: choisissez une couleur de police pour le texte du produit.
Pour enregistrer votre configuration, cliquez sur Sauvegarder.
Style
Dans la section Style, voici vos options:
Dans l’onglet Forme et arrière-plan, voici vos options:
- Liste de formes: choisissez la forme que mieux s'adapte à votre produit.
- Couleur d’arrière-plan: cliquez sur le bouton “NON” pour avoir la possibilité de choisir une couleur d’arrière-plan.
- Image d’arrière-plan: cliquez sur le bouton “NON” pour avoir la possibilité de choisir une image d’arrière-plan.
Pour enregistrer votre configuration, cliquez sur Sauvegarder.
Dans la section “Style”, vous pouvez configurer les options suivantes:
Dans l’onglet Forme et arrière-plan, voici vos options:
- Choisir une Forme d’arrière-plan (les options sont présentées sous forme de liste);
- Choisir la Couleur d’arrière-plan;
- Choisir l'Image d’arrière-plan.
Dans l’onglet Avancé, voici vos options:
- Choisir les Marges: cliquez sur le bouton “NON” pour configurer des marges.
- Choisir les Coins ronds: cliquez sur le bouton “NON” pour configurer les coins ronds.
- Choisir la Bordure: cliquez sur le bouton “NON” pour configurer des bordures.
- Choisir l'Ombre: cliquez sur le bouton “NON” pour configurer l’ombre portée.
Note:
Si vous voulez modifier l'arrière-plan de la zone, cliquez sur l'icône Arrière plan de la zone.
Panier
Ceci est la page qui récapitule votre panier. Vos clients pourront y modifier les quantités choisies, appliquer un code promotionnel et procéder au paiement.
Pour personnaliser la page « Gabarit de check-out », cliquez sur « Modifier », dans la section Pages de la Gestion de la boutique.
La page “Gabarit de check-out (paiement)” s'affiche, faites le clic gauche.
Dans la section Éditer, vous pouvez configurer les options suivantes:
Titre
Titre du panier: rentrez un titre pour votre panier. Vous pouvez y personnaliser ces trois éléments: police, taille de la police et couleur de police.
Bouton
Forme de bouton: choisissez parmi trois options: coin ronds, coins carrés ou ellipse.
Texte du bouton: entrez un texte pour votre bouton, par exemple, Commander, Procédez au paiement, etc.
Couleur du bouton: choisissez la couleur pour votre texte de bouton.
Arrière plan de bouton: choisissez la couleur pour l'arrière plan de bouton.
Autres paramètres
- Texte de la page: vous pouvez y personnaliser ces trois éléments:
- Couleur des liens: choisissez la couleur pour le lien “Supprimer”.
- Couleur du total: choisissez la couleur pour le texte “Total”.
- Couleur de séparateurs: choisissez la couleur pour le lignes utilisées comme séparateurs.
Pour enregistrer cette configuration, cliquez sur Sauvegarder.
Dans la section “Style”, vous pouvez configurer les options suivantes:
Dans l’onglet Forme et arrière-plan, voici vos options:
Liste de formes:
Choisir une Forme d’arrière-plan (les options sont présentées sous forme de liste);
- Choisir la Couleur d’arrière-plan;
- Choisir l'Image d’arrière-plan.
Couleur d'arrière-plan, cliquez sur le bouton “NON” pour activer cette option.
Image d'arrière-plan, cliquez sur le bouton “NON” pour activer cette option.
Dans l’onglet “Avancé”, vous pouvez configurer les options suivantes:
- Choisir les Marges;
- Choisir les Coins ronds;
- Choisir la Bordure;
- Choisir l'Ombre.
Pour enregistrer cette configuration, cliquez sur Sauvegarder.
Note: l'adresse URL du checkout de la boutique est jamais sur le domaine du client et il est toujours sur le domaine de WebSelf. C'est pour s'assurer que la boutique du client continue de fonctionner même au cas que le paiement pour le renouvellement du domaine échoue ou que le client décide de changer son nom de domaine.
Remerciement
Ceci est la page qui s'affiche une fois que vos clients auront complété le processus de paiement.
Pour personnaliser la page « Gabarit de remerciement », cliquez sur « Modifier », dans la section "Pages" de la Gestion de la boutique.
La page “Gabarit de remerciement” s'affiche, faites le clic gauche.
Dans la section Éditer, vous pouvez configurer les options suivantes:
Titre “Merci de votre achat”: personnalisez votre titre.
Titre résumé “Résumé de votre commande”: personnalisez votre titre.
Style du texte, cliquez sur le bouton “NON” pour activer cette fonctionnalité. Vous pouvez y personnaliser ces trois éléments: police, taille de la police et couleur de police.
Bouton
- Format d’affichage: choisissez parmi trois options: coin ronds, coins carrés ou ellipse.
- Couleur du bouton: choisissez la couleur pour votre texte de bouton.
- Arrière plan de bouton: choisissez la couleur pour l'arrière plan de bouton.
- Texte du bouton “Retour à l’accueil”: entrez un texte pour votre bouton.
Pour enregistrer cette configuration, cliquez sur Sauvegarder.
Dans la section “Style”, vous pouvez configurer les options suivantes:
Dans l’onglet Forme et arrière-plan, voici vos options:
Liste de formes:
Choisir une Forme d’arrière-plan (les options sont présentées sous forme de liste);
Choisir la Couleur d’arrière-plan;
Choisir l'Image d’arrière-plan.
Couleur d'arrière-plan, cliquez sur le bouton “NON” pour activer cette option.
Image d'arrière-plan, cliquez sur le bouton “NON” pour activer cette option.
Dans l’onglet “Avancé”, vous pouvez configurer les options suivantes:
- Choisir les Marges;
- Choisir les Coins ronds;
- Choisir la Bordure;
- Choisir l'Ombre.
Pour enregistrer cette configuration, cliquez sur Sauvegarder.