Ajouter des images à vos formulaires

Prenez note

  • Les types de formulaires suivants prennent en charge les images : Boîte en ligne, modale, flottante
  • Les types de formulaires suivants prennent en charge les images d'arrière-plan : Boîte modale et flottante
  • En savoir plus sur les types de formulaires que vous pouvez créer avec ActiveCampaign

Ajouter une image à un formulaire en ligne

Les formulaires en ligne sont disponibles sur tous les niveaux de plan ActiveCampaign.

Vous pouvez ajouter une image à votre formulaire en ligne à l'aide du champ "Image". Cette option se trouve dans l'onglet "Champs" du constructeur de formulaires, sous "Standard" ;

Pour ajouter une image à votre formulaire en ligne :

  1. À partir de la page Aperçu des formulaires, cliquez sur le bouton "Edit" pour le formulaire auquel vous souhaitez ajouter une image.
  2. Sous l'onglet "Champs", cliquez sur le champ "Image" et faites-le glisser vers votre formulaire.

3. Cliquez sur le champ image de votre formulaire pour ouvrir le gestionnaire de contenu.

Champ d'image vide dans un formulaire en ligne

4. Cliquez sur l'image que vous souhaitez afficher dans votre formulaire. Si vous souhaitez utiliser une nouvelle image, vous pouvez cliquer sur "Add file" pour la télécharger dans le gestionnaire de contenu.

L'image s'affichera dans votre formulaire :

Image inline form

Ajouter une image à une boîte flottante ou un formulaire modal

Les formulaires à boîte flottante et modaux sont disponibles sur les niveaux de plan Plus, Professional et Enterprise.

La possibilité d'ajouter une image à une boîte flottante ou à un type de formulaire modal dépend de la disposition du formulaire que vous sélectionnez. Les mises en page de ces deux types de formulaires ne permettent pas toutes d'afficher des images. En outre, il ne peut y avoir qu'une seule image par formulaire.

  1. À partir de la page Aperçu des formulaires, cliquez sur le bouton "Edit" pour le formulaire auquel vous souhaitez ajouter une image.
  2. Sous l'onglet "Style", sélectionnez une mise en page pour votre formulaire qui utilise une image. Vous pouvez choisir parmi trois mises en page différentes pour afficher une image :
Options de mise en page du formulaire avec images
  1. Cliquez sur le champ d'image dans votre formulaire. Cela ouvrira le gestionnaire de contenu.
Floating box form empty image
  1. Cliquez sur l'image que vous souhaitez afficher dans votre formulaire. Si vous souhaitez utiliser une nouvelle image, vous pouvez cliquer sur "Add file" pour la télécharger dans le gestionnaire de contenu.

Votre image sera ajoutée à votre formulaire :

Formulaire à boîte flottante avec image

Editer une image dans votre formulaire

Après avoir ajouté une image à votre formulaire, vous pouvez utiliser l'éditeur d'images pour la modifier. La modification de l'image dans le formulaire n'affectera pas l'original stocké dans l'éditeur d'images.

  1. Cliquez sur l'image dans votre formulaire.
  2. Le gestionnaire de contenu s'ouvre. Passez votre souris sur l'image choisie et une barre d'outils apparaîtra.
  3. Cliquez sur l'icône du crayon.

L'éditeur d'images se charge et vous pouvez commencer à personnaliser l'image.

Cliquez pour développer toutes les options d'édition d'image

L'éditeur d'images offre plusieurs options que vous pouvez utiliser pour personnaliser une image :

Crop

Cette option vous permet de recadrer une image en coupant ou en supprimant les bords extérieurs. Cela modifiera le rapport hauteur/largeur de l'image. Pour recadrer une image, cliquez sur Crop. À l'aide de votre souris, sélectionnez la zone que vous souhaitez conserver. Notez que vous pouvez faire glisser les coins et les côtés de votre sélection. Une fois terminé, cliquez sur "Apply." Toutes les zones qui n'ont pas été incluses dans la sélection seront supprimées.

Transformation

Cette option vous permet de retourner l'image horizontalement ou verticalement. Pour retourner une image, cliquez sur "Transform." Pour retourner l'image horizontalement, cliquez sur "Flip X." Pour retourner une image verticalement, cliquez sur "Flip Y." Vous pouvez également utiliser la barre de défilement pour personnaliser la rotation de l'image dans le sens horaire ou antihoraire.

Texte

Cette option vous permet de taper du texte directement sur l'image. Vous pouvez ajouter différents styles au texte, comme le gras, l'italique et le soulignement. Vous pouvez aligner votre texte à gauche, au centre ou à droite dans le bloc de texte. Cliquez sur "Color" pour utiliser différentes options de couleur et utilisez le curseur pour ajuster la taille de votre texte.  Pour ajouter du texte à une image, cliquez sur "Text." Cliquez sur les options de style que vous souhaitez utiliser et cliquez sur la zone où vous souhaitez ajouter du texte. Ajoutez du texte dans le champ de texte. Notez que vous pouvez utiliser les coins et les côtés du champ de texte pour redimensionner et retourner le bloc de texte. Vous pouvez également ajuster l'emplacement du texte en faisant glisser le bloc de texte.

Ligne

Cette option vous permet de dessiner directement sur l'image en utilisant différentes couleurs et largeurs. Vous pouvez également choisir entre le dessin à main levée et le dessin au trait, ou utiliser les deux en même temps. Pour dessiner sur une image, cliquez sur "Draw" puis sélectionnez "Freehand" ou "Line," sélectionnez votre couleur, et sélectionnez votre largeur.

Forme

Cette option vous permet de placer une forme sur l'image. Vous pouvez choisir parmi les formes suivantes : rectangle, cercle et triangle. L'option "Remplir" vous permet de sélectionner une couleur pour remplir l'image. L'option "Bordure" vous permet de sélectionner une couleur pour le contour de la forme.  Vous pouvez également utiliser le curseur pour sélectionner la largeur de la bordure.

Undo et Redo des changements

Cliquer sur l'option "Undo" permet de revenir sur la dernière modification que vous avez apportée à l'image. Vous pouvez cliquer sur "Redo" pour réappliquer à votre image la modification qui a été supprimée avec le bouton "Undo".

Réinitialiser les modifications

Cliquer sur l'option "Reset edits" rétablira l'image dans sa version originale.

Ajouter une image de fond à votre formulaire

Les formulaires à boîte flottante et modaux sont disponibles sur les niveaux de plan Plus, Professional et Enterprise.

Vous pouvez ajouter une image de fond à tout formulaire modal ou boîte flottante que vous créez dans ActiveCampaign. Notez qu'avec cette option, vous devrez utiliser l'URL de l'endroit où l'image est hébergée afin de l'ajouter à votre formulaire.

1. À partir de la page Présentation des formulaires, cliquez sur "Edit" pour le formulaire Modal ou Floating Box auquel vous souhaitez ajouter une image de fond.

2. Sous l'onglet "Style", cliquez sur le sélecteur de couleurs.

Color picker

3. Une petite fenêtre modale s'ouvre. Tapez ou collez l'URL de l'image que vous souhaitez ajouter à l'arrière-plan de votre formulaire.

Champ URL de l'image

L'image d'arrière-plan sera ajoutée à votre formulaire et la modification sera enregistrée automatiquement. Notez qu'il n'est pas possible d'ajuster ou de modifier cette image à partir du générateur de formulaires.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 1

Have more questions? Submit a request

Start free trial