Vous pouvez ajouter des rangées à toute page de renvoi que vous créez dans ActiveCampaign avec le bloc "Row". Une fois qu'une rangée est ajoutée, vous pouvez ajuster sa taille et lui ajouter d'autres blocs, tels que du texte, des boutons ou une vidéo. Comme les autres blocs, vous pouvez ajouter, modifier, dupliquer et supprimer un bloc "Rangée" sur n'importe quelle page.
À propos du bloc "Row" (rangée)
Le bloc "Row" se trouve dans le volet droit de l'éditeur de page. Il peut contenir d'autres blocs. Par exemple, vous pouvez ajouter les blocs de contenu suivants à un bloc "Row" :
- Texte (paragraphe)
- Bouton
- Formulaire d'inscription
- Image et légende
- Suivre les liens
- Liste à puces
- Vidéo
- Navigation
- Titre
- Formulaire
- Image
- Diviseur
- Countdown
- Embed
Notez que vous ne pouvez pas ajouter les blocs suivants à une colonne :
Il n'y a pas de limite au nombre de colonnes qui peuvent être ajoutées à une page.
Ajouter une rangée à votre page
Pour ajouter une rangée à votre mise en page :
1. Dans l'éditeur de page, , faites glisser le bloc "Row" vers votre mise en page.
2. Cliquez sur le bloc dans la mise en page pour ouvrir les options de style et de modification dans le volet de droite.
Styliser et modifier le bloc "Row" (rangée)
Vous pouvez modifier la taille et l'apparence de n'importe quelle section de votre page. Vous pouvez utiliser trois onglets pour styliser et modifier le bloc "Row" : Colonne, Ligne et Section. Pour accéder à ces options, cliquez sur le bloc de lignes que vous souhaitez mettre à jour.
Style des colonnes
La "colonne" est l'espace vertical du bloc "ligne". Vous pouvez ajuster la largeur d'une ligne.
Pour accéder à cette option de style, cliquez sur le bloc de lignes dans le constructeur de pages. L'option de style de colonne apparaît dans le volet de droite et affiche les options suivantes :
-
Largeur
La largeur de la ligne peut être définie en px ou en %. -
Arrière-plan
Vous pouvez ajouter les éléments suivants à un arrière-plan : Couleur, Dégradé, Image et Vidéo. Ajoutez autant d'arrière-plans que vous le souhaitez à votre rang. Les arrière-plans s'empilent dans l'ordre dans lequel vous les ajoutez. Vous pouvez modifier leur ordre en les faisant glisser et en les déposant. -
Espacement intérieur
Saisissez un nombre dans le champ prévu à cet effet pour ajouter un espacement entre les blocs que vous ajoutez à la rangée. En augmentant l'espacement intérieur, votre ligne sera plus grande sur la page. Vous pouvez choisir les côtés qui ont un espacement intérieur. -
Bordure
Les bordures sont définies en pixels. Vous pouvez choisir les côtés qui ont des frontières. Pour ce faire, cliquez sur le côté de l'icône de bordure dans la barre de droite à laquelle vous souhaitez appliquer une bordure. Vous pouvez choisir l'un des trois types de bordures : pleines, pointillées ou en pointillés. Au départ, c'est un projet solide. Notez que vous pouvez également ajouter de la couleur aux bordures. Pour ce faire, cliquez sur la tuile de couleur, puis cliquez sur la couleur que vous souhaitez appliquer à la bordure. -
Coins
Les coins sont définis par px ou %. Vous pouvez appliquer un nouveau rayon à un, plusieurs ou tous les coins de votre rangée. Pour ce faire, cliquez sur le coin de l'icône de coin dans la barre de droite dont vous souhaitez ajuster le rayon. -
Ombre portée
Accéder aux ombres portées sur la ligne sélectionnée. Ici, vous pouvez choisir où l’ombre portée doit apparaître et définir les champs Offset, Blur et Spread. Vous pouvez ajouter autant d'ombres portées que vous le souhaitez en cliquant sur le signe plus (+) dans la barre de droite de la section "Ombre portée". -
Ombres intérieures
Accéder aux ombres intérieures sur la ligne sélectionnée. Ici, vous pouvez choisir où l’ombre intérieure doit apparaître et définir les champs Offset, Blur et Spread. Vous pouvez ajouter autant d'ombres intérieures que vous le souhaitez en cliquant sur le signe plus (+) dans la barre de droite de la section "Ombre intérieure".
Par défaut, les rangs sont configurés pour être adaptés aux mobiles. Cela signifie que les colonnes d'une ligne s'empilent sur le mobile.
Style de la rangée
La "rangée" est l'espace horizontal du bloc "rangée". Cette option vous permet de choisir la manière dont votre bloc de rangées apparaîtra sur les appareils mobiles. Par exemple, vous pouvez choisir que le bloc de rangées soit empilé sur mobile (recommandé) ou qu'il apparaisse en pleine largeur.
Ici, vous pouvez également sélectionner la visibilité (vue de bureau et vue mobile), ajouter un arrière-plan, ajuster l'espacement intérieur, la couleur, la taille et les coins de la bordure, ainsi qu'ajouter des ombres portées et des ombres intérieures.
Pour accéder à cette option de style, cliquez sur le bloc de lignes dans le constructeur de pages. L'option de style de colonne apparaît dans le volet de droite. Cliquez sur "Row" situé en haut du volet de droite pour afficher les options de style.
Style de la section
La zone "Section" (Sec) examine le bloc de section qui contient votre bloc de lignes. Ici, vous pouvez ajouter un identifiant à votre section, choisir la visibilité (vue de bureau et vue mobile), ajouter un arrière-plan, ajuster l'espacement intérieur, la couleur de la bordure, la taille et les coins, ainsi qu'ajouter des ombres portées et des ombres intérieures.
Pour accéder à cette option de style, cliquez sur le bloc de lignes dans le constructeur de pages. L'option de style de colonne apparaît dans le volet de droite. Cliquez sur "Sec" situé en haut du volet de droite pour afficher les options de style.
Dupliquer une ligne
Vous pouvez dupliquer n'importe quelle ligne de votre page. Pour ce faire, cliquez sur la ligne que vous souhaitez dupliquer puis cliquez sur l'icône de duplication dans la barre supérieure droite.
Supprimer une ligne
Vous pouvez supprimer n'importe quelle ligne d'une page. Pour ce faire, cliquez sur la ligne que vous souhaitez supprimer puis cliquez sur l'icône de la corbeille dans la barre supérieure droite.