Differences

This shows you the differences between two versions of the page.

--- en:tagbased [2020/03/30 08:47]
rsomerlinck
+++ en:tagbased [2023/08/22 15:08] (current)
nraulet [Practical Guide: How to Use this Feature?]
@@ Line 1: / Line 1: @@
 ====== Introduction ======
-===== What is a variable content zone ? =====
+===== What is a Variable Content Zone? =====
-A page containing a variable content zone will be able to change its content according to the tags of the screens who's displaying this page.
+A page containing a variable content zone can vary its content based on the tags of the screens on which that page is displayed.
-For example, a welcome page containing a text zone with variable content could display :
+Thus, by way of example, a welcome page containing a variable content text zone can display:
-  * //**« Welcome to our New York store »**// if the screen have the tag [ New York ]
+  * **"Welcome to our Paris store"** if the screen is tagged [ Paris ]
-  * //**« Welcome to our Tokyo store »**// if the screen have the tag [ Tokyo ]
+  * **"Welcome to our Lille store"** if it's tagged [ Lille ]
-  * //**« Welcome »**// on non-tagged or tagged screens in another city for where no content has been defined.
+  * **"Welcome"** on screens untagged or tagged with a different city for which no content has been defined.
-In this example, a "localization" tag family was used as a reference. It is therefore depending on the tag of this family applied on a screen that the content will change.
-===== Why using variable content zone : leave it to a local user  =====
+In this example, a tag family "Sites" has been used as a reference. Therefore, the content will vary based on the tag of this family applied to a screen.
-To use the above example, a user with limited rights who is himself tagged _Tokyo_ will have the right to edit the content of the variable content zone (as long as it has been defined as "editable by the user" by the administrator).
+===== Second Benefit of a Variable Content Zone: Empowering a Local Editor =====
-===== Some other examples of possible uses : =====
+To revisit the example mentioned above, a user with limited rights who is themselves tagged Lille will have the right to edit the content of the variable content zone (provided it has been defined as "editable by the user" by the administrator).
-  * Change the price of a product, depending on the store or price category to which that store belongs.
+===== Some Other Examples of Possible Uses: =====
-  * Display / not display an image/text on a page depending on what a store offers or does not offer a specific service.
-  * Make a multilingual page displaying texts in the language of the screen on which it is displayed.
-======  How to use this feature ? ======
+  * Varying the price of a product based on the store or a pricing category to which that store belongs.
+  * Displaying / not displaying an image/text on a page based on whether a store offers a specific service.
+  * Creating a multilingual page that displays text in the language of the screen on which it is displayed.
+====== Practical Guide: How to Use this Feature? ======
-Let's see how to set up the example below, we have a fictional customer using three families of tags to classify its screens, media, content and users.
+Let's see how to implement the example below.
-{{:en:famile_de_tag.jpg?nolink|}}
+Take the example of a fictional client using four tag families to classify their screens, media, content, and users.
-====First Step : Create the page====
+{{ :fr:tagbased1.png |}}
-Let's start by designing a welcome page. The first steps in creating this page do not change from the usual creation of a page. In this example, we have chosen a background colorand created a text area to host the variable welcome message.
+**First Step: Page Design and Creation of the Variable Content Zone**
-{{:en:page_zone.png?800|}}
+Let's start by designing a welcome page. The initial steps of creating this page do not differ from the usual page creation process. In this example, we've chosen a background image and created a text zone to contain the variable welcome message.
-===== Second step: Specify that the text box is "variable content" =====
+{{ :fr:selectzonetag.png |}}
-In the "General zone properties" section of the text zone, let's change the "Content source" parameter to "Variable content (based on tags)".
+In the "General Properties of the Zone" panel for the text zone, adjust the "Content Source" parameter to "variable content (based on tags)" and save by clicking on 'Save'.
-{{:en:page_zonestep_2.jpg?800|}}
+{{ :fr:selecttagfamily.png |}}
-It is then necessary to specify the tag family according to which the content of this field will be variable.
+Next, it's necessary to specify the tag family according to which the content of this zone will vary.
-In our example, we would like to change the welcome message depending on the store. It is therefore the "Localisation" tag family that will be used as a reference to change the welcome message on the welcome page. We therefore specify "Localisation" in the drop-down list.
+In our example, we want to vary the welcome message based on the store. Therefore, the tag family "Location" will be used as a reference to vary the welcome message on the welcome page. We specify "Location" in the dropdown list.
-{{:en:page_zonestep_3.jpg?800|}}
+**Second Step: Introducing Content into the Variable Zone**
+Within the "zone content" panel, it's now possible to choose from a dropdown list for which tag (site) you want to introduce content.
-===== Third Step : Entering content into the variable zone =====
+{{ :fr:localisationbordeaux.png |}}
-Within the "zone content" section, it is now possible to choose from a drop-down list for which tag (for which Localization) you wish to introduce content
+You can define the desired values one after the other. Having just defined "Bordeaux", we can now customize the message for "Lille".
-{{:en:page_zone_ny.jpg?nolink|}}
+{{ :fr:localisationlille.png |}}
-You can define the different desired values in turn. We have just done "New York", we can now customize the message for "Tokyo".
+The default value is set to "Default Value", and this is the value that will be displayed in the text zone on a screen that is untagged or tagged with a site for which you haven't defined any content.
-{{:en:page_zone_tokyo.jpg?nolink|}}
+{{ :fr:localisationdefault.png |}}
-The default value is the value that will be displayed in the text box on a screen that is not tagged or that is tagged from a localization for which you have not defined any content.
+===== Result Obtained in Stores =====
-{{:en:page_zone_defaut.jpg?nolink|}}
+{{ :fr:resultatobtenufr.png |}}
-===== Results on screens =====
+|Default content as no tag on this screen|Default content as no content specified for "Paris"|Specific content for Lille|
-^New York                                                                              ^Tokyo                                   ^Defaut                                                      ^
+===== Other Types of Zones =====
-|{{:en:newyork_capt.jpg?400|}}                                                         |{{:en:tokyo_capt.jpg?400|}}             |{{:en:paris_capt.jpg?400|}}                              |
-===== Other types of zone =====
+In our example, we used a text zone, but all other types of zones also support variable content (image, video, etc.).
-In our example, we used a text type area, but all other zone types also support variable content (image, video, etc.).
+===== Multiple Variable Content Zones on One Page =====
-===== Several zones with variable content on the same page =====
+It's entirely possible to place multiple variable content zones on a single page, whether these zones use the same reference tag family or not.
-It is quite possible to place several zones with variable content on the same page even if these zones use the same reference tag family or not.
+====== Practical Guide: How to Empower a Local Editor? ======
-===== Practical Guide: how to give a hand to a local editors ? =====
+Now that each of our sites can obtain different content in the welcome text zone, let's see how to empower a local user to personalize their message within the variable content zone we've created.
-Now that each of our localizations is able to get different content in the welcome text box, let's see how to give a local editor a hand in customizing their message within the variable content area we've created.
+===== Defining Editable and Non-Editable Zones =====
-===== Définir les zones éditables et les zones non-éditables =====
+In our example, the welcome page has only one text zone. This zone is already editable by users by default. If our page contained other zones, some of which shouldn't be editable by users, you simply need to uncheck the "Editable by users" box in the "General Properties of the Zone" panel.
-Dans notre exemple, la page de bienvenue ne compte qu’une seule zone de texte. Cette zone est d’ores et déjà modifiable par les utilisateurs dans la mesure où c’est l’option par défaut. Si notre page contenait d’autres zones dont certaines ne devaient pas pouvoir être modifiables par les utilisateurs, il suffit de décocher la case « **Editable par les utilisateurs** » dans le volet « **Propriétés Générales de la zone** ».
+{{ :fr:zoneeditablelimitefr.png?600 |}}
-{{public_media:tagbased13.png?nolink|}}
+===== Creating a Limited Rights User =====
-===== Création d’un utilisateur à droit limités =====
+We will create a restricted "limited rights user" for the "Lille" site so that they can personalize the welcome message for their site.
-Nous allons créer un « utilisateur à droit limités » restreint au site « Paris » afin que celui-ci puisse personnaliser le message de bienvenue pour son site.
+Section "Users"
+Button "+"
+Fill out the form, specifying that it's a "limited rights user."
+{{ :fr:creationutilisateurlimitefr.png?600 |}}
-  - Rubrique « Utilisateurs »
+Tag the "Lille" site on the user
-  - Bouton « + »
+{{ :fr:taguerutilisateurfr.png?1000 |}}
-  - Remplir le formulaire, en spécifiant qu’il s’agit d’un « utilisateur aux droits limités » (Limited User)
-{{:public_media:tagbased14.png?nolink|}}
+===== Result Achieved by the User =====
-  - Taguer le site « Paris » sur l’utilisateur
+The user can modify the text of the variable zone, but only for the "Paris" site (the only available value in the dropdown list).
-{{:public_media:tagbased15.png?nolink|}}
-===== Résultat obtenu par l’utilisateur =====
-L’utilisateur est en mesure de modifier le texte de la zone variable et ce uniquement pour le site « Paris » (seule valeur disponible dans la liste déroulante).
-{{public_media:tagbased16.png?nolink|}}
+{{ :fr:variablezoneuserlimitedchangefr.png |}}