Widgets Forme

Les widgets Forme sont pratiques pour mettre en valeur vos messages importants. Créez des boutons et des bannières, faites apparaître des récompenses et mettez en évidence les prix de vente. Vous avez également la possibilité d'ajouter une image, une couleur d'arrière-plan, une ombre et du texte dont vous pouvez régler la taille. Le widget peut être placé n'importe où pour une flexibilité totale.

Pour ajouter le widget :

  1. Dans le panneau de gauche, cliquez sur Widgets.
  2. Cliquez sur le widget Forme et déposez-le sur votre site.

Pour en savoir plus sur l'ajout de widgets sur votre site, consultez l'article Ajout de widgets.

Éditeur de contenu

Pour accéder à l'éditeur de contenu :

  1. Effectuez un clic droit sur le widget, puis sélectionnez Modifier le contenu.
  2. Sélectionnez une forme.
  3. Pour ajouter un lien vers la forme, cliquez sur Ajouter le lien.
  4. Saisissez un titre et une description pour la forme. Pour masquer le titre et la description, cliquez sur l'icône en forme d'œil ().
  5. Saisissez le texte alternatif et de l'info-bulle associé à la forme.

Éditeur de design

Pour accéder à l'éditeur de design :

  1. Faites un clic droit sur le widget et cliquez sur Edit Design (Modifier le design).
  2. Cliquez sur Mise en page pour sélectionner une mise en page différente de la forme.
  3. Pour superposer le widget ou faire en sorte qu'il chevauche une image ou un autre widget, cliquez sur l'onglet Espacement et configurez les marges de sorte qu'elles prennent une valeur négative (par exemple, - 50 px).
  4. Pour transformer une icône en widget flottant, activez l'option Flottant, puis sélectionnez la position souhaitée. Pour afficher le bouton flottant uniquement sur la page actuelle, activez l'option Afficher uniquement sur cette page.

Veillez à ce que vos paramètres de design correspondent au bon appareil. Les paramètres comme l'espacement (du widget entier et de chaque élément) et la largeur, entre autres, sont définis pour chaque appareil. Pour plus d'informations, consultez l'article Modifier selon l'appareil.

Pour obtenir des informations sur les options de conception qui ne sont pas spécifiques à ce widget (la disposition, le style et l'espacement, par exemple), voir Conception des widgets.

Exemples

Créer une forme au niveau de l'en-tête

Pour créer une forme au niveau de l'en-tête :

  1. Créez une ligne avec deux colonnes.
  2. Choisissez une forme amorphe et ajoutez-la dans la colonne de droite.
  3. Faites en sorte que la forme soit aussi large que la colonne.
  4. Dans l'éditeur de design, sélectionnez la disposition avec l'image d'arrière-plan et remplacez l'image par celle de votre choix.

Utiliser une forme comme bouton

Pour utiliser une forme comme bouton et y ajouter un lien et un effet de survol :

  1. Sélectionnez le cercle et ajoutez un titre et une description.
  2. Choisissez les couleurs de la forme et du texte.
  3. Pour placer la forme dans le coin d'une image, utilisez une marge de valeur négative du côté gauche de la forme (espacement > marge > marges gauche et supérieure de - 50 px).

Mettre en évidence un forfait ou service particulier

Pour mettre en évidence un forfait ou service particulier à l'aide de formes :

  1. Choisissez le pavillon à deux pointes et ajoutez un titre et une brève description.
  2. Désactivez l'option Conserver les proportions pour pouvoir redimensionner uniquement la largeur.
  3. Choisissez les couleurs de la forme et du texte.
  4. Pour placer la forme de sorte qu'elle chevauche la partie supérieure d'une colonne, utilisez une marge supérieure de valeur négative (espacement > marge > marge supérieur de - 30 px).

Créer un bouton de défilement

Pour créer un bouton de défilement à l'aide d'une forme :

  1. Choisissez le losange et ajoutez un titre.
  2. Désactivez l'option Conserver les proportions pour pouvoir redimensionner uniquement la largeur.
  3. Choisissez les couleurs de la forme et du texte.
  4. Pour superposer la forme à une image, utilisez une marge supérieure de valeur négative (espacement > marge > marge supérieure de - 50 px).