top of page

Comment ajouter et configurer une boîte sur son site internet Wix ?

Dernière mise à jour : 9 août 2023

En ajoutant une boîte sur votre site, vous le rendrez beaucoup plus attrayant et original. Ainsi, il sera possible de choisir différentes gammes de styles, de formes et de couleurs puis attachez des éléments à une boîte afin de regrouper divers éléments.



Comment ajouter une boîte ?


Grâce aux boîtes, vous allez pouvoir attirer le regard de vos visiteurs en créant de superbes pages à la fois créatives, attrayantes et professionnelles. 

En variant les formes et les styles, vous concevrez une page selon vos goûts et surtout à votre image !


Pour ajouter une boîte, voici les étapes à suivre : 

  1. Tout d’abord , sélectionnez l’icône  “Ajouter” à gauche de l’éditeur.

  2. Ensuite cliquez sur "Boîte" puis sur “Boîtes conteneurs”.

  3. Enfin, déplacez un élément de boite sur votre page. 


Conseil :

Il est possible d'attacher quasiment out aux boîtes conteneurs pour les déplacer en un bloc de contenu dans vos pages. Vous pourrez les utiliser pour créer des zones de textes, des bannières, dans des en-têtes, des logos et plus encore.

Comment personnaliser le design d'un bouton ?


Pour que la boîte vous corresponde et corresponde à votre site, vous pourrez la personnaliser selon vos envies en choisissant une boîte parmi les différentes gammes de formes disponibles. 


Pour cela :

  1. Tout d’abord, sélectionnez l’icône "Design".

  2. Ensuite, vous aurez la possibilité de choisir un design prédéfini ou de ledéfinir selon vos envies en cliquant sur “Personnaliser le design”.

  3. Enfin, personnalisez votre boite grâce aux options suivantes : 

    1. Couleurs de remplissage et opacité : Cette option vous permettra de choisir les couleurs ainsi que le degré d’opacité de votre boîte. Ainsi, vous pourrez :

      1. Faire glisser le curseur afin de choisir l’opacité de votre boite.

      2. Cliquer sur la case de couleur pour la modifier, pour cela il faudra sélectionner une couleur qui vous ai proposée dans la palette.

      3. Pour finir, cliquer sur X pour fermer la palette de couleur.

    2. Vous pourrez ainsi passer aux bordures afin de les personnaliser. Pour cela :

      1. Commencez par faire glisser le curseur pour modifier votre opacité.

      2. Ensuite, cliquez sur la case de couleur et choisissez-en une.

      3. Enfin, faites glisser le curseur pour modifier à la largeur souhaitée.

    3. Pour les angles, si vous souhaitez adopter une boite avec un effet arrondi, il vous sera possible de l’obtenir grâce à cet effet.

    4. Vous pourrez également créer une boîte avec une ombre.

    5. Enfin, vous pouvez personnaliser l'espacement des bordures de la boîte grâce à la rubrique espacement.


A noter :

Les options de personnalisation décrites au-dessus dépendent du design prédéfini que vous avez choisi.

Comment joindre des éléments dans une boîte ?


A quoi cela sert-il ?


Les boites sont d’excellent moyens de faire afficher des informations importantes (ou non) sur votre site. Vous pouvez ainsi joindre des éléments tels que les images, du texte ou encore des vidéos. Cela vous permettra de garder vos pages propres et organisées.


A prendre en compte :

Pour attacher un élément à la boîte, celui-ci doit être plus petit que la boîte elle-même.

Pour cela, commencez par :

  1. Faire glisser l'élément que vous voulez sur la boîte.

  2. Ensuite supprimez l'élément lorsque le message “Joindre à la boîte" s’affiche.

Comment détacher un élément de la boîte ?


Cliquez sur celui-ci, glissez-le et déposez-le en dehors de la boite.


A noter :

Si vous attachez des éléments à une boîte, des calques e l'éditeur peuvent les faire masquer derrière cette boîte. Pour faire afficher et sélectionner des éléments qui sont masqués, nous vous invitons à utiliser la fonctionnalité "Eléments superposés" qui se trouve à droite, cliquez sur le menu pour la trouver. S'il vous est nécessaire de déplacer votre boîte vers l'arrière et vos éléments vers l'avant, nous vous invitons à cliquer sur ce lien.


L'apparence est différente dan votre éditeur ?


Un nouveau design WIX sera bientôt disponible et accessible à tous. Si votre éditeur est différent de celui des captures d'écran, ne vous en faites pas les étapes suivantes sont les mêmes.


0 commentaire
bottom of page