Modifier un modèle

Qu'est-ce qu'un Élément ?

1. Éléments d'image
   
1. Mon élément Logo
   
2. Élément image unique
   
3. Élément d'image multiple
   
2. Texte Éléments
   
1. Titre Élément
   
2. Paragraphe Élément
   
3. Élément de texte à colonne multiple
   
3. Image avec éléments de texte
   
1. Image avec titre élément
   
2. Image avec élément de paragraphe
   
3. Plusieurs images avec élément de texte de colonne
   
4. Éléments de promotion/offre
   
1. Élément de promotion unique/offre
   
2. Élément de promotion/offre multiple
   
3. Flyer Lien
   

Bases d'élément

Emplacement des paramètres de l'élément - Grey Gear Icône

Tous les Éléments peuvent être clonés.Cela se fait en cliquant sur l'Icône Clone située à côté Paramètres de l'élément en haut à droite de l'Élément. Cela est utile si vous souhaitez créer un Élément supplémentaire sur votre Modèle qui a la même mise en forme qu'un Élément existant. Lorsque vous copiez un Élément il placera le clone juste en dessous de l'Élément original. Une fois le clone créé vous pouvez le modifier (ajouter une Image, Texte, ou Promo/Offre différent) ou ajuster ses Paramètres (Remboursement, Alignement, Frontière, etc).

Icône élément clone

J'adore utiliser Clone si je veux ajouter d'autres Éléments Promo/Offre à mon Modèle juste en dessous de l'original. Cela permet de gagner du temps puisque je n'ai pas à ajuster le Padding ou glisser & drop Elements autour de mon Modèle. Assurez-vous simplement que vous modifiez tous les Éléments copiés afin de ne pas ajouter deux fois la même Offre/Promo à votre Modèle.

Tous les Éléments peuvent être supprimés d'un Modèle.Pour supprimer un Élément cliquez sur l'icône X située à côté de Paramètres et Clone. Les suppressions sont permanentes et il n'y a pas de bouton Annuler, alors soyez prudent lorsque vous faites cela.

Supprimer l'icône d'élément

Éléments d'image

Paramètres courants de l'élément d'image

Ce sont les paramètres courants pour Image Elements, mais il existe une certaine variance d'Élément à Element.

Tous les éléments d'image:Pour ajuster leTaillede votre Image cliquez sur l'image telle qu'elle apparaît sur votre Modèle, puis ajustez leMax largeurréglant soit à 100%, 75 %, 50 %, soit 25 %.

Paramètres de largeur max

Logo & Image unique :Pour ajuster leAlignement(qu'il apparaisse au centre, ou à droite ou à gauche de votre Modèle) cliquez sur les Paramètres de l'élément (icône d'engrenage). Là, vous verrez un champ déroulant pour Alignement.

Paramètres de l'élément de logo avec alignement

Paramètres de l'élément Logo avec rembourrage

Tous les Modèles Astro seront pré-remballés. Voici les Paramètres de Remboursement courants que nous recommandons, mais n'hésitez pas à jouer autour et à proposer les vôtres.

1. Logo Élément- Gauche: 20px, Droite:20px, Haut:10px, Bas: 10px
   
2. Élément image unique(lorsqu'il est utilisé pour un Titre ou une Image de bannière) - Gauche: 0px, Droite: 0px, Haut: 5px, Bas: 5px
   
3. Élément d'image multiple- Gauche: 5px, Droite: 5px, Haut: 5px, Bas: 5px (Cela crée 10px de Remboursement entre les images et 5px de Remboursement autour de l'Élément)
   

Tous les éléments d'image:Pour ajouter de la couleur derrière votre image accédez à vos Paramètres de l'élément et modifiez l'arrière-plan. (Foreground ne fait rien sur Image Elements puisqu'il n'affecte que la Couleur Texte, et qu'il n'y a pas de Texte dans un Élément Image). Contexte n'apparaîtra que s'il y a de l'espace vide derrière votre élément. Cela peut être créé en ajoutant Remboursement, ou c'est peut-être déjà là si votre image ne s'étend pas sur toute la largeur de votre Modèle (ou c'est un carré).

Lorsque vous cliquez sur unContextechamp vous verrez une Roue de couleur et un curseur de valeur. Si vous souhaitez ajouter la couleur que vous avez créée à un autre champ il suffit de copier/coller le code couleur (y compris le #) sur le/s champ.

Plusieurs paramètres d'élément d'image avec fond

Dans cet exemple, nous avons ajouté une couleur Arrière-plan à un Élément d'image Plusieurs comportant deux colonnes. Rappelez-vous, lorsque vous modifiez un Multi-Element, assurez-vous que quoi que vous fassiez pour une colonne, vous le faites pour les autres (sauf si vous souhaitez créer du contraste).

Voici à quoi cela ressemble sur l'Élément.

Élément d'image multiple avec couleur de fond appliquée

Mon élément Logo

Élément image unique

Titre Les images (situées juste en dessous de votre logo) conviennent les mieux comme servant d'image principale lorsquePublier une campagne sur Facebookpuisqu'ils sont dimensionnés à 1200x628 pixels. Les Images de bannière (situées au-dessus de la collection d'Éléments Promo/Offre) servent à attirer vos clients l'attention sur la viande de votre Modèle.

Pour ajouter une image à un Élément d'image, cliquez soit sur l'Élément vide, soit sur l'Image actuellement logée dans l'Élément. Une fois à l'intérieur de la bibliothèque d'images, vous pouvez sélectionner le dossier que vous souhaitez explorer en cliquant sur l'un des boutons au-dessus de l'aperçu de l'image. Lorsque vous trouvez une image que vous aimez, cliquez dessus, et elle sera ajoutée à votre Élément.

Single Image Elements peut être converti en boutons cliquables!Cliquez sur l'icône d'engrenage gris située en haut à droite de l'Élément. Tapez ou collez l'URL dans laquelle vous souhaitez que le spectateur se rende sur le champ fourni. Assurez-vous d'inclure l'URL complète. [Ex.https://www.astroloyalty.com/ouwww.astroloyauté.com, pasastroloyalty.com.]En cas de doute, copiez l'adresse de votre navigateur et collez-la sur le champ.

Paramètres d'élément d'image unique avec URL ajoutée

Conseil :Envoyez-vous un Aperçu de votre Modèle pour tester votre Lien URL avant d'envoyer le Modèle en tant que Campagne à vos clients. En général, c'est une bonne pratique pour s'assurer que votre Modèle est parfait.

Élément d'image multiple

Nous vous recommandons de vous en tenir à deux max si vous envoyez votre Campagne en tant que Notification d'Application ou Texte SMS, sinon les images apparaîtront très petites lorsqu'elles seront vues sur de petits écrans.

Le processus d'ajout d'une image à cet Élément est le même que décrit pour l'Élément Image Unique - cliquez simplement sur l'Élément sur le Modèle.

Si vous souhaitez ajouter quelquesEspace (alias Padding)entre les images, cliquez sur l'icône d'engrenage gris en haut à droite de l'Élément. Chaque colonne aura son propre Remboursement Droite, Gauche, Top, et Bottom. Si vous voulez rester simple, faites-les tous 5px pour chaque colonne. Cela créera 5px de Remboursement en haut, en bas et gauche/droite de l'Élément dans son ensemble et ajoutera 10px de Remboursement entre les Images.

Alignement d'élément d'image multiple

CONSEIL : Vous ne pouvez pas vous tromper avec l'alignement Centre !

Texte Éléments

Paragraphe Élément texte

Vue de l'éditeur de texte avec outils de formatage

CONSEIL : Utilisez leEspaceurs de fusion de courrierboutons situés juste en dessous du champ de texte pour ajouter des détails personnels à votre Modèle tels que ceux de vos clientsPrénometNom de famille. (Ne gardez à l'esprit si que le Modèle peuplera ces espaces réservés avec toutes les informations que vous avez enregistrées sur vos Comptes Propriétaires d'animaux à Astro - si vous êtes incertain de la qualité de vos champs Prénom et Nom alors il peut être judicieux d'omettre ces espaces réservés et de rester avec un amical, mais salutation générique.

1. Audacieux, Italique, Soulignant
   
2. Alignement - Gauche, Droite, Centre
   
3. Type de police - 17 choix y compris Times New Roman, Georgia, Arial, Veranda, etc.
   
4. Taille de police
   
5. Paragraphe - déroulant qui contient plusieurs Tailles d'en-tête et une Taille de paragraphe
   
6. Formats - déroulant qui contient plusieurs outils de formatage bonus
   
7. Liste de balles
   
8. Numéro Liste
   
9. Diminuer le tiret
   
10. Augmenter le tiret
    
11. Insérer URL Lien
    
12. Supprimer URL Lien
    
13. Texte Couleur
    
14. Highlight Couleur
    
15. Et le précieux bouton Annuler !
    
16. Mail Fusionner Boutons Placeholder pourPrénometNom de famille. (Si l'ajout à la fois Prénom et Nom à votre modèle incluent un espace entre les deux, tout comme vous le feriez si vous tapiez réellement leur nom.

Paramètres courants de l'élément texte

Astro Templates sont tous pré-rembordés pour vous. Le plus communParamètres de rembourrage pour les éléments de textesont les suivants:

1. Élément de titre - Gauche: 0px, Droite: 0px, Haut: 5px, Bas: 5px
   
2. Élément de paragraphe - Gauche: 25px, Droite: 25px, Haut: 5px, Bas: 5px
   
3. Élément de colonne multiple - Gauche: 5px, Droite: 5px, Haut: 5px, Bas: 5px (Cela crée 10px de Remboursement entre les colonnes et 5px de Remboursement autour de l'Élément)
   

La couleur d'arrière-plan affecte tout l'arrière-plan de l'image, alors que Premier plan affecte la couleur des mots.

Titre Élément

Ceux-ci sont les mieux adaptés à la création de gros titres ou de titres. Pensez one-liners en grande taille de police.

Vous pouvez également utiliser vos Paramètres de l'élément (icône d'engrenage) pour régler leTaille de votre Headline. H1 est Plus grand, H4 est le plus petit. Dans l'exemple ci-dessus j'ai utilisé H2.

Paragraphe Élément

1. Pour ajouter un HyperLink(alias lien du site Web), mettez en surbrillance le texte que vous souhaitez transformer en lien cliquable, puis cliquez sur leInsérer Lienicône (ressurne à un maillon de chaîne). Étant donné que vous êtes en mesure d'envoyer votre Campagne par Email, Texte SMS, App Notification et Facebook, vous avez la possibilité d'insérer des liens vers plus que de simples pages Web. Sur leTitre Line,vous pouvez ajouter le nom de ce qu'ils trouveront lorsqu'ils cliqueront sur le lien. Lorsque le spectateur place son curseur sur l'hyperlien, il verra ce que vous tapez dans le Titre en tant que mini pop-up.
1. Page Web Lien- Dans le champ URL, tapez ou collez l'URL complète, y compris lahttps ://.
   
1. Ex.https://www.astroloyalty.com/-pas>astroloyalty.com.
   
2. Email Lien- Pour créer un lien e-mail cliquable, vous devrez ajouter un morceau de code au début de votre adresse e-mail sur le champ URL -mailto :
1. Ex.mailto :support@astroloyalty.com-pas>support@astroloyalty.com
   
3. Téléphone Lien- Si vos clients consultent votre Campagne depuis un smartphone, ils peuvent cliquer sur un lien téléphonique et appeler votre boutique ! Pour créer ce lien, vous devrez ajouter un morceau de code avant votre numéro de téléphone sur le champ URL -tel:+
   
1. Ex.tel:+919-555-5555-pas>919-555-5555
   
2. Pour créer unFrontière coloréeautour de votre Paragraphe, cliquez sur les Paramètres de l'élément (icône d'engrenage). Là, vous verrez quatre champs relatifs à la frontière. Chacun a un déroulant où vous pouvez sélectionner la largeur de la Ligne frontalière (Les modèles Astro ont tous 2px Frontières), puis à côté de ce déroulant se trouve un champ où vous pouvez créer la couleur de la Frontière à l'aide d'une roue de couleur et d'un curseur de valeur. Les codes couleur peuvent être copiés/collés d'un champ à l'autre pour dupliquer les couleurs dans tout votre Modèle.
   

Personnaliser un élément de paragraphe

Important:La façon dont les noms de vos clients peuplera dans ces espaces réservés dépend de la qualité de vos Comptes Propriétaires pour animaux.

Ex. Jef vos Comptes Propriétaires pour animaux ont Premier ou Derniers noms dans TOUS CAPS, puis qui afficheront dans votre courrier de fusion de fusion de courrier, ex. Chère Sally PET PROPRIÉTAIRE.

Ou, sur le hasard off, vous utilisez d'autres descripteurs autres que leur nom, ex. Chère Sally N'UTILISE PAS.

Si vous n'êtes pas sûr de la qualité de votre Liste de clients, alors il peut être préférable de renoncer à utiliser ces espaces réservés jusqu'à ce que votre liste puisse être auditée.

Élément de texte à colonne multiple

Conseil :Nous vous recommandons de vous en tenir à deux si vous envisagez d'envoyer votre Campagne aux smartphones puisque plusieurs colonnes subissent tout un serrage sur des écrans plus petits.

1. Le nombre de Colonnes peut être ajusté en cliquant sur les Paramètres de l'élément (icône d'engrenage).
   
2. Pour ajouterEspaceentre vos colonnes (aliasRemboursement) cliquez sur l'icône d'engrenage et ajoutez la même taille de pixel à tous les champs Top & Bottom Padding. Cela garantira que vos colonnes sont uniformément espacées de haut en bas. Lors de l'ajout de Remboursement entre les colonnes gardez à l'esprit que quel que soit le rembourrage à ajouter à la Droite de la Colonne 2 sera additionné. Sur l'image ci-dessous je voulais qu'il y ait 10px de Padding de chaque côté de mon Elément et 10px entre les deux colonnes.
   

1. Cliquez sur l'une des colonnes pour modifier le texte en son sein. Si vous souhaitez que vos colonnes apparaissent de la même longueur essayez de taper le même nombre de caractères (ou similaire) au sein de chaque colonne. Il n'est pas nécessaire que ce soit parfait, vous devriez pouvoir le globe oculaire. Si vous devez faire apparaître un côté plus longtemps transformez un paragraphe en multiples.
   

Éléments Image et texte

Paramètres courants d'image et de texte courants

Titre avec Image Element

1. Selon la taille de l'Image que vous ajoutez à votre Élément il peut être nécessaire d'ajuster leMax largeurpour créer une version plus petite de l'image. Si j'ajoute un Logo à mon Élément, j'appliquerai peut-être une Largeur Max de 50%.
   

1. LeAlignementparamètres pour leImagepeut être trouvé en cliquant sur l'image elle-même. Cela vous permettra de choisir de quel côté de la page vous souhaitez que l'image apparaisse,gaucheouDroit. (C'est le déroulant au-dessus de Max Largeur dans la vue ci-dessus.)
   
2. LeAlignementparamètres pour leTextese trouve dans les Paramètres de l'élément (icône d'engrenage). Ici, vous avez deux paramètres Alignement. Un pourgauche,Droit, ouCentrequi affectera le Texte lui-même. L'autre pourTop,En bas,Moyenqui affectera la façon dont le regroupement de Texte apparaît sur le titre.
3. Ces Éléments semblent les meilleurs avecRemboursementappliquée. Cela pousse l'image plus près du Headline et la centre davantage sur votre page. J'ai tendance à max le Remboursement gauche et droit à 25px et à ajouter 10px de Remboursement au Haut et au Bas.
   
4. Si unFrontièreest ajouté il apparaîtra autour de l'extérieur de l'Élément.
   
5. Premier planaffectera la couleur du Texte tandis que leContexteaffectera la couleur derrière le Texte et l'Image.
   

Exemple de Headline fini avec Image Element

Exemple de paramètres d'élément de gros titre remplis

Image unique avec élément texte

1. Les Paramètres de cet Élément ressemblent beaucoup au Headline avec Élément Image couvert ci-dessus. Remboursement, Frontières, Premier plan et Contexte sont tous pareils. La seule différence estAlignement textuel. Puisque vous avez affaire à un Paragraphe de Texte plutôt qu'à un Headline il n'y a pas de paramètres Haut/Bas/Middle, seulement Gauche/Droite/Centreé.
   
2. SiFrontièressont appliqués ils apparaîtront autour de l'Élément entier tout comme ils le font pour le Headline avec Élément Image.
3. Cet Élément apparaîtra sous forme de deux colonnes, une colonne contient votre image et l'autre contient votre Texte. Si votre paragraphe s'étend plus longtemps que la hauteur de l'Image il s'étendra après l'image.
   

Le texte s'étendra après la longueur de l'image comme sa propre colonne

1. LeMax largeurde l'Image affectera la largeur de la Colonne Texte. Le réglage de la Largeur Max d'une image plus grande à 50% ou en dessous augmentera la taille disponible de votre Colonne de texte.
2. Lors de l'applicationRemboursementà l'Élément vous pouvez soit faire tous les réglages identiques, soit vous pouvez rendre la Droite la même chose que la Gauche et le Haut le même que le Bas.
   
3. Pour ajouterRemboursemententre l'Image et le Texte, cliquez sur l'Image elle-même et ajustez son Remboursement. Vous pouvez soit ajouter le même nombre à tous les champs, soit modifier le champ qui s'adresse au Remboursement face au Texte. Dans cet exemple, puisque l'Image est à droite du Texte j'ai ajouté Remboursement à la gauche.

Ajouter Remboursement au côté opposé du paramètre Aligner pour créer de l'Espace entre le Texte et l'Image

Exemple d'image unique complétée avec élément texte

Dans l'exemple ci-dessus les Paramètres sont les suivants: Largeur Max 50%, Alignement de l'image: Droite, Remboursement de l'image: Gauche, Remboursement de l'élément: 5px T/B/L/R, Pas de premier plan ou arrière-plan, Pas de frontières.

Image multiple avec élément texte

Cet Élément peut contenir de Deux à Quatre Colonnes. Nous recommandons de vous en tenir à Deux colonnes max afin que l'Élément semble lisible sur des écrans de téléphone plus petits.

1. Alignement de l'imageest réglable en cliquant sur l'Image elle-même. De là, vous pouvez choisir Gauche/Droite/Centré. Cela affectera la façon dont l'Image apparaît au-dessus du Texte en dessous.Centréest typiquement le cadre idéal ici.
   
2. Max largeuraffectera la Taille de l'Image au-dessus du Texte mais n'influencera pas la largeur des Colonnes Texte.
   
3. SiFrontièressont appliqués à tous les champs il créera un contour autour des colonnes individuelles et entre l'Image et le Texte. Vous êtes en mesure de créer une bordure de couleur différente pour chaque Colonne. Pour créer un Border uniforme choisissez le même numéro pour tous les Champs.
   

Exemple avec toutes les Frontières appliquées

1. Remboursementpeut être appliqué pour créer de l'espace autour et entre les colonnes. Le Top et Bottom Padding pour toutes les colonnes doit toujours être le même. Le Remboursement gauche et droit pour chaque colonne créera l'espace entre les colonnes - ex. Si vous faites Colonne 1 Gauche: 5px et Colonne 2 Droite: 5px vous créerez 10px de Remboursement entre vos deux colonnes.

Exemple d'image multiple avec élément texte

Dans l'image Exemple au-dessus les images sont Centrées et j'ai ajouté Padding pour créer 10px à gauche et à droite de l'Élément et 10px entre les deux colonnes et 5px en haut et en bas.

Éléments de promotion/offre

Paramètres communs pour les éléments de promotion/offre

Assurez-vous d'informer vos clients que vous leur donnez un aperçu de ce qui est à venir lors du partagez de futures Offres sur votre Campagne. Cela peut être fait en ajoutant un Headline Element.

Toutes les Offres incluront la plage de dates pendant laquelle elles sont disponibles en dessous d'elles, et votre page Web Mon Astro n'affichera que les détails de l'Offre actives.

J'ai constaté que pour garder les choses simples je n'ajoute Padding qu'au Haut et Bas de ces Éléments, si cela. Ce sont de loin les Éléments les plus simples à formater.

Élément promotion/offre unique

Ajouter le programme à la promotion unique/offre d'offre

Cela créera un pop-up avec un menu déroulant qui vous permettra de choisir votre Programme. Vos Promotions actives apparaîtront sousChoisissez unPromotion, et vos Offres inscrites apparaîtront sousChoisissez une Offre.

Ajouter une promotion Ma à une seule Promo/élément d'offre unique

A Ma promotion ajoutée à un élément Promo/Offre Unique

LeImage et Texte est modifiableen cliquant dessus, comme vous le feriez pour éditer n'importe quel autre élément. Par exemple, si vous ne prévoyez pas d'échanger la Promotion dans Astro et que vous venez de créer la Ma promotion pour commercialiser votre offre, vous pouvez supprimer le Lien Code de promotion de la description.

Ajouter une offre à une offre unique/élément d'offre unique

Une Offre ajoutée à une seule Promo/Élément d'Offre

Vous êtes en mesure de Modifier le Texte et de modifier l'Image si vous le choisissez. Ce n'est pas recommandé cependant puisque la messagerie a été écrite par la marque elle-même. Toutefois, si vous ressentez le besoin de modifier, nous vous recommandons d'ajouter à ce qui s'y trouve plutôt que de supprimer et de remplacer leur libellé choisi.

Élément promotion/offre multiple

Cet Élément peut contenir de Deux à Quatre Colonnes. Nous recommandons de vous en tenir à Deux colonnes max afin que l'Élément semble lisible sur des écrans de téléphone plus petits.

Ajout de programmes à un élément Multi-Promo/Offre w / 2 colonnes

La Description complète sera omise de ces Éléments et remplacée par un lien cliquable afin de créer une uniformité dans le formatage.

Max Largeur et Remboursement sont gérés automatiquement par l'Élément, il n'est pas nécessaire de s'ajuster même lors de l'ajout d'un nouvel élément au Modèle.

Ajout de mes promotions à un élément de promotion/offre multiple

Ma Promotion ajoutée à un élément Promo/Offre Plusieurs

Ajouter une offre à un élément de promotion/élément d'offre multiple

Le Texte inclura le Nom de Marque en gras. Ci-dessous, il montrera les Dates valides de l'offre et le lien vers les Détails de l'offre sur votre page Web My Astro.

Une Offre ajoutée à une Promo/Élément d'Offre

Flyer Link Élément