L'apparence de votre Web Push est unique pour chacun de vos envois afin de pouvoir contrôler différents types de mise en page pour différents types de messages. La manière dont votre envoi doit être affiché sur votre site web est gérée sous l'onglet Design dans l'éditeur du Web Push.

Dans cet article, vous apprendrez :

• Comment afficher un nouveau message
• Comment ajuster le positionnement de votre message
• Comment adapter la taille de votre message
• Comment ajuster les marges du contenu

Pour savoir comment modifier le contenu, cliquez ici.

Paramètres de design

Dans l'onglet "Design" de l'éditeur Web Push, vous pouvez choisir comment votre Web Push doit être affiché sur votre site web.

Les paramètres que vous pouvez définir pour vos messages sont les suivants :

Sur le message reçu

Comment un nouveau message doit-il apparaître ? Sélectionnez l'une des options :

• Ajouter seulement à la boîte de réception
  Le message ne sera pas affiché, mais seulement ajouté à la boîte de réception des messages.
  Le nombre de nouveaux messages dans la boîte de réception augmente de 1. Lorsque vous cliquez sur l'objet de la boîte de réception, le contenu s'affiche et marque le message comme lu.
• Afficher l'objet
  La ligne d'objet apparaîtra (à l'endroit sélectionné) et nécessite un clic pour afficher le contenu. 
  Le nombre de nouveaux messages dans la boîte de réception augmentera de 1. Si l'objet est cliqué, le nombre de nouveaux messages diminuera de 1.
• Afficher le contenu
  Le contenu apparaîtra (à l'endroit choisi) et le message sera immédiatement marqué comme lu.
  Le nombre de messages dans la boîte de réception restera le même qu'avant.

Objet et placement du contenu

Où l'objet et/ou le message doit-il apparaître sur votre site ? Sélectionnez l'une des options suivantes :

• Au centre de l'écran
• Coin supérieur gauche de l'écran
• Coin supérieur droit de l'écran
• Coin inférieur gauche de l'écran
• Coin inférieur droit de l'écran
• Plein écran

Style

Quelle doit être la portée du message ? La hauteur de votre message dépend de votre contenu.

• Largeur
  Réglez les pixels de manière à utiliser une largeur fixe pour votre message (recommandé). Le pourcentage sera celui de la fenêtre de votre navigateur (100% = largeur totale).
• Largeur minimum
  Cela évite que le message ne devienne plus petit que la valeur que vous avez choisie. Si votre contenu est plus large que la largeur minimale, cette valeur n'aura aucune incidence.
• Largeur maximum
  Si la fenêtre de votre navigateur est plus étroite que la largeur du message que vous avez définie, la largeur maximale sera paramétrée pâr défaut.

Exemples de largeur :

1. Largeur= 500 px
   Résultat : Votre message aura toujours une largeur de 500 px, même si la fenêtre du navigateur est à 300 px.
2. Largeur = 500 px et Largeur maximum= 80%
   Résultat : Votre message aura une largeur de 500 px tant que la fenêtre de votre navigateur aura une largeur d'au moins 500 px. Si la fenêtre de votre navigateur est plus étroite que 500 px, votre message prendra 80 % de votre fenêtre.

Espacement

Combien d'espace doit avoir votre contenu jusqu'à la bordure du message ? Ajoutez le nombre de pixels.