Rubrique Infolettre

Pixpa vous permet de développer votre base d'abonnés grâce à la section d'inscription à la newsletter, que vous pouvez ajouter à n'importe quelle page de votre site web ou dans le pied de page. Voir en action.

Tous les abonnements à la newsletter sont stockés et accessibles dans la section Marketing & SEO > Listes de diffusion du studio.

Note

Tous les abonnements par e-mail sur le site Web seront disponibles sur les listes de diffusion.


Dans cet article :


Ajouter une section newsletter à une page

  • Une section peut être ajoutée à une page. Vous pouvez soit ajouter une section à une page déjà existante, soit créer une nouvelle page au sein de votre site Web.
  • Sur ta page, Cliquez sur le bleu + icône ajouter un Nouvelle section à votre page.

 

  • Vous verrez maintenant le catégories de rubriques sur le côté gauche.
  • Choisissez le Formulaires (1) catégorie et cliquez sur le Bulletin onglet (2) où vous pouvez choisir différentes mises en page du système Bulletin (3) partie.

  • Choisissez n'importe quelle disposition de section et cliquez dessus pour l'ajouter à votre page.

Gérer les champs de section

Une fois que vous avez ajouté la section :

  • Cliquez sur le Modifier les champs (1) bouton.

  • Vous aurez la possibilité de gérer le bouton, de publier le message de réussite de l'envoi et le code HTML.
  • Enregistrer (2) les changements.
  • Le champ de l'adresse e-mail restera dans le formulaire par défaut.


Contenu du bulletin

  • Télécharger une image (1) pour la newsletter.
  • Ajouter un Objet (2), et Description (3) pour le bulletin d'information. Avant d'ajouter la description, vérifiez ceci. .

  • Spécifie le Titre de la section (4) pour cette section.


Gérer la mise en page

  • Cliquez sur le Modifier Des champs bouton (1).

  • Choisissez le Mise En Page languette (2).
  • Sélectionnez le préféré disposition (3) pour votre section et Enregistrer (4) les changements.


Section Newsletter Style

  • Cliquez sur Modifier les champs (1) bouton.

  • Choisissez le Style (2) onglet.
  • Modifiez le style des éléments de section et Enregistrer (3) vos modifications.

Le style de la section est un aspect important de la création d'une expérience visuellement attrayante et conviviale.

Vous aurez plusieurs options de style pour la section : 


Champs de formulaire

Pixpa permet Vous à solution personnaliser le apparence of votre Formulaire champs. Ces styliser Options vous inscrire à tous contribution des champs in votre form et vous donner Vous plus grand des bactéries plus de how votre Formulaire regards et feels on votre en ligne.

  1. Forme: Choisissez la forme de vos champs de saisie (rectangle, arrondi, pilule ou texte) pour qu'elle corresponde à l'esthétique de votre site Web.
  2. Remplir: Activez cette bascule pour appliquer une couleur de remplissage d'arrière-plan à vos champs de formulaire.
  3. Couleur de base: Définissez la couleur d'arrière-plan des champs lorsque l'option de remplissage est activée.
  4. Aperçu: Activez ou désactivez la bordure (contour) pour chaque champ.
  5. Couleur du contour: Choisissez la couleur de la bordure du champ lorsque le contour est activé.
  6. Couleur du texte du champ : Définissez la couleur du texte saisi par les utilisateurs dans les champs du formulaire.
  7. La taille: Ajustez la hauteur de vos champs en choisissant parmi : Petit, Moyen, Grand ou Très Grand.
  8. Étiquettes: Choisissez si les étiquettes des champs de formulaire apparaissent à l'intérieur ou à l'extérieur du champ.
  9. Couleur de l'étiquette: Définissez la couleur des étiquettes lorsqu'elles sont placées en dehors du champ.
  10. Couleur intérieure de l'étiquette: Définissez la couleur des étiquettes placées à l'intérieur du champ (utile pour les étiquettes de style espace réservé).
  11. Espacement entre les champs : Utilisez le curseur pour définir l’espacement vertical (en pixels) entre chaque champ de formulaire.


Alignement

  • Gérez l'alignement du contenu du formulaire horizontalement à partir de Alignement horizontal (1).
  • Gérer verticalement l'alignement du contenu du formulaire à partir de Alignement vertical (2).


Texte

  • Cliquez sur le Modifier le style de texte (1) bouton pour visiter le Design section et gérer vos tailles et styles de police. 
  • Spécifie le Objet (2) style de police du formulaire.
  • Spécifie le Description (3) style de police du formulaire.


espacement

  • Spécifie le Largeur de l'image (1) de l'image sous la forme en pourcentage.
  • Spécifie le Espace sous le titre (3) en Px.
  • Spécifie le Espace entre l'image et le texte (3) en pourcentage.
  • Spécifie le Espace sous le titre (4) en pourcentage.


Headline

  1. Aligner horizontalement le texte du titre de la section. Vous pouvez le définir à gauche, au centre et à droite.
  2. Activer/désactiver le Cloison entre le titre de la section et le contenu de la section.
  3. Mettez le épaisseur du diviseur (en px).
  4. Spécifie le Couleur du séparateur du sélecteur de couleurs.
  5. Choisissez un Style de séparation de la liste déroulante.
  6. Mettez le Largeur du titre pour définir la largeur du titre de la section, à partir d'un minimum de 50 %.
  7. Spécifie le Espace sous le titre dans la section (en px).


Images

  1. Recadrage de l'image: Choisissez le Image pour les éléments de la liste. Vous pouvez définir les images comme Carré, Cercle, Horizontal, Portrait et Original.
  2. Rayon d'angle: Choisissez d'avoir un rayon d'angle commun ou un rayon d'angle différent pour chaque côté des éléments de la liste et définissez un nombre (en px) pour le CRayon du coin des images des éléments de la liste. En savoir plus.
  3. Animation de survol : Choisissez d' Animer l'image de la section au survol en activant la bascule. Vérifiez cette fonctionnalité sur une page en direct.
  4. Style d'animation : Choisissez un Style d'animation pour l'image lorsque le curseur survole celle-ci.
  5. Masque de forme : Activez cette option pour appliquer un masque de forme aux images de la section Liste d'images. Une fois activée, la forme sélectionnée s'ajustera visuellement à l'image.
  6. Sélectionnez la forme : Choisissez parmi différentes formes prédéfinies pour vos images. Vous pouvez ainsi personnaliser votre contenu de manière créative en affichant des images sous des formes uniques, comme arrondies, en losange, en goutte, etc.

Astuce

Le champ « Rayon des coins » vous permet de créer des images de différentes formes pour les éléments de la liste. Si vous spécifiez 500 px, les images s’afficheront sous forme de cercle.

  • Si vous avez choisi des coins divisés, vous pouvez définir un rayon de coin différent pour chaque coin.


Bordure d'image

  1. Activer/Désactiver la bordure autour de l'image en commutant la bascule.
  2. Choisissez d'avoir un frontière commune sur tous les côtés de l'image ou vous pouvez spécifier le frontières séparément pour chaque côté.
  3. Spécifie le largeur de la frontière. S'il est défini sur 0, la bordure n'apparaîtra pas. Vous avez également la possibilité de définir la largeur de la bordure individuellement pour chaque côté de l'image.
  4. Sélectionnez le Couleur de la bordure du sélecteur de couleurs.
  5. Sélectionnez un préféré Style de bordure de la liste déroulante.
  6. Détermine le largeur de bordure pour mobile appareils, en l'alignant sur la largeur choisie pour le bureau.


Bouton de formulaire

Ces paramètres permettent de personnaliser le bouton de soumission du formulaire pour qu'il corresponde à la conception et à la mise en page de la page.

  1. Taille du bouton – Sélectionnez la taille du bouton (petit, moyen ou grand).
  2. Style de bouton – Choisissez le style général du bouton, par exemple Par défaut ou Personnalisé.
  3. Couleur du bouton - Définissez le style de couleur du bouton. Les options incluent « Par défaut », « Inverser » ou « Personnaliser ».
  4. Texte du bouton – Personnalisez la couleur du texte affiché sur le bouton.
  5. Arrière-plan du bouton – Sélectionnez une couleur d’arrière-plan pour le bouton.


Boutons de titre

Ces paramètres contrôlent l'apparence et l'espacement des boutons placés avec le titre de la section.

  1. Taille du bouton – Sélectionnez la taille globale des boutons (petit, moyen ou grand).
  2. Espace entre les boutons – Ajustez l'espacement entre plusieurs boutons (mesuré en vw).
  3. Espace au-dessus des boutons – Définissez l'espacement vertical au-dessus des boutons (mesuré en pourcentage).
  4. Largeur du bouton – Choisissez la largeur des boutons. Les options incluent : Par défaut, Grand, Très grand et Pleine largeur.
  5. Taille du lien texte – Spécifiez la taille de police des liens texte associés aux boutons (mesurée en px).
  6. Taille du bouton d'image – Ajustez la taille des boutons basés sur l'image (mesurée en px).


Icônes sociales en titre

Affichez et personnalisez les icônes de partage social dans le formulaire.

  1. Taille de l'icône – Ajustez la taille des icônes sociales (mesurée en px).
  2. Type d'icône – Choisissez le style des icônes, comme les options Classique, Solide ou Contour.
  3. Couleur de l'icône – Sélectionnez la couleur des icônes. Les options incluent le texte du lien, la personnalisation ou la couleur de la marque (couleur d'origine du réseau social).
  4. Couleur d'arrière-plan de l'icône – Définissez une couleur d’arrière-plan personnalisée pour les icônes afin d’améliorer la visibilité et le style.


Paramètres de la newsletter

  1. Mettez le étiquettes de bouton pour le bouton d'envoi du formulaire.
  2. Choisissez le taille du bouton de Petit, Moyen et Grand.
  3. Choisissez le style de bouton de Solid, Outline et Textlink.
  4. Inverser la couleur du bouton. La couleur par défaut sera appliquée à partir du Boutons et liens option dans la section Conception.

Pixpa vous permet de spécifier le message qui s'affiche après que l'utilisateur a soumis le formulaire.

  1. Spécifie le Réussite de l'envoi de la publication message qui s'affiche une fois que l'utilisateur a soumis le formulaire.
  2. Vous pouvez également ajouter n'importe quel script dans le post soumettre le succès HTML boîte.


E-mail de réussite

Envoyez une réponse par e-mail à tous ceux qui se sont abonnés à cette newsletter.

  1. Activer/désactiver l'e-mail de réussite pour ce bulletin particulier.
  2. Entrer le sujet de l'email.
  3. Entrer le message de réussite à inclure dans le courriel.


  • Entrer pré-pied de page (1) dans la barre de recherche.
  • Vous verrez les résultats associés.
  • Cliquez sur le Pré-pied de site Web option (2) sous Liens des studios. 

  • Cliquez sur le bleu + icône ajouter un Nouvelle section dans votre pré-pied de page.
  • Vous aurez le catégories de rubriques sur le côté gauche.
  • Choisissez le Rubrique Infolettre (1) option où vous pouvez choisir parmi les différentes mises en page (2).

  • Choisissez la disposition de la section (2) et cliquez dessus pour l'afficher dans votre prefooter.
  • Faire le pré-pied de page Active être visible sur vos pages.
  • Cliquez sur le Consultation bouton dans le coin supérieur gauche pour revoir le site en direct.

Voir en action : 

Voir aussi : Ajouter un pré-pied de page au site web.


Exporter les abonnements à la newsletter

Vous pouvez exporter l'abonnement à la newsletter depuis la section marketing.

  • Entrer Listes d'e-mails (1) dans la barre de recherche.
  • Vous verrez les résultats associés.
  • Cliquez sur le Listes d'e-mails option (2) sous Liens des studios. 

  • Tous les abonnements par e-mail sur le site Web seront disponibles sur les listes de diffusion. 
  • Rendez-vous dans la section Action (3) menu et cliquez sur le Option de téléchargement (4) pour télécharger les listes de diffusion.


Vous ne trouvez pas ce que vous cherchez?

Contactez un Expert Pixpa.

Pixpa Studio vient d'être entièrement repensé. Nous mettons actuellement à jour les captures d'écran de tous les articles d'aide.