Adobe Experience Manager Sites Basics

Transcript

Hello everyone and welcome. Thank you for joining today’s session of our Adobe Experience Manager site Skill Builder webinar series.

Go global with Adobe Experience Manager. My name is Anu and I’ll be your host for this session. If you haven’t already, please take a moment to respond to the polling questions on the screen.

Today’s session is approximately 60 minutes and is being recorded for future on-demand viewing.

During the presentation, you may enter questions at any time in the Q&A pod on the left-hand side of your screen. We will address your questions as we go along and also at the end as time permits.

Joining us today is Luis Duarte, Adobe Certified Architect and Authorized Instructor for AEM. Luis, you now have the floor.

Good morning. Hello, thanks Anu for the introduction and welcome everyone.

Today we have our last session for the whole AEM site Skill Builder webinar series where we have been exploring all of the basics and operations and basic features of AEM, getting to know how to use it from an author perspective. Today we’re going to go into a very interesting topic, Go Global with AEM, Adobe Experience Manager. Now, what we have in store for you today, you go here on day five. So there’s a couple of things here. So it’s not just the multi-site management, that is involved here, but we’re also going to look at editable templates, which is also an essential part of AEM, authoring in AEM, content administration in general. And that’s something that we need to also go through. We did talk very briefly about templates on our first day, but that was very, very, very superficial, I would say. So we’re going to get a little bit more info in terms of editable templates. That’s gonna be about the first 20 minutes of our presentation today. And then we’re going to hop into the main course for today, which is the Multi-Site Manager and Translation Framework to do multilingual and multinational sites. All right.

So before we begin for today’s session, let’s have a look at what we did on our last session, a quick recap. We learned about content fragments and experience fragments. In the case of the content fragments, we learned that these are meant for us to reduce textual content, mostly textual content across multiple channels, where we don’t care so much on the editing side of the content fragment of the text. We don’t care so much about the layout and the presentation, but we leave that up to each channel, for each channel to come up with the proper layout and presentation. And we leave the text editor just to care about the semantics of the text. In the case of the experience fragments, we learned that the experience fragments are a way for us to create assemblies of components that you can then reuse across multiple web channels you’re hosting on AEM. But aside from just reusing them across web channels that you are hosting on AEM, you can also use those experience fragments as Adobe target offers. For example, when you export those experiences as Adobe target offers.

And they can also be exported in general as plain HTML or as JSON. Okay, without any further ado, let’s go ahead now and have a look at our topics for today. First, let’s look at task one, where we’re going to learn about editable templates. We’re going to update the experience template. Okay, in our second task, we’re going to look at multi-site manager and creating a live copy and understanding the intricacies of how to, oops, sorry about that. Looks like my screen blacked out for a moment there.

Okay, give me a moment. I’m gonna need to re-share again.

Second, please. And I’m going to need to come in again, so I have to leave. I have to leave Adobe Connect. Sounds good. Folks, we’ll be right back with you. Just a moment. Thank you for your patience.

All right.

Okay.

Okay.

Okay, I believe you should be able to.

Sorry. Looks like Adobe Connect is having some sort of issue.

Didn’t load correctly. And I went in.

Go in again. Okay.

This time is coming, okay. All right. One second.

All right.

Okay.

All right, I just need to present the rights again. Sorry. Thank you. Folks, thank you for your patience. We are now reconnected.

All right.

Now the presentation again. Okay.

All right. Okay. So on our second task, I was mentioning we’re going to learn about the details about how to deal with live copies and blueprints and the relationship that they have within the whole multi site manager module of AEM. And then we have the translation framework where we’re going to learn about the process of getting a page and a set of pages, a whole site translated using the translation framework. We’re going to learn the concepts and the words, the nomenclature that we use there and the operations that are involved. All right. So our first task, again, editable templates. Here we’re going to very quickly learn a little bit about how these work. What we’re looking at here for the task that we have at hand is that we want to change the experience template. So what is the experience template? That’s the template that we have been using in referencing for experiences on the site. So these are those articles that we were working on. Previously, you go here to about us, that’s where we moved them. We’re doing an exercise on that day. You look at these pages, they have a particular layout. They have here at the top header, they have a footer at the bottom.

Okay. What we want to do is that we want to create or update the template that these pages are based out of so that whenever you create a brand new experience page template, sorry, a brand new page based on the experience template, you’re going to get a sample or default hero image. You’re also going to get a sample or default content fragment.

That means the content fragment component that is going to be there is going to initially point to somewhere.

And then we’re going to also add an additional breadcrumb at the bottom of the page. So all pages will have that additional breadcrumb.

Okay. So before we begin, let’s have a look at how one of these pages looks when you first create them based off the template on its current status. So let me go ahead and create a brand new page here. Let me go here. I’m going to put it under Expeditions.

Okay, Create Page.

I’m going to use that template that I am interested in right now.

Okay. Experience Page Template. Okay. Take that one. Click Next.

Call this R1.

And Create.

Let me open it for editing.

Okay. And this is what you get by using that template. Okay. Have the footer, header. You have a hero image that is already there. You have the breadcrumb. You have a layout container. Okay. This image already has a content fragment dragged and dropped into it, so we didn’t do anything. It’s already there. Okay. What I want to point out right now is the following.

I want you to notice the fact that in the case of the content fragment, if I select it, I can do anything to it. I can point it to a content fragment. I can edit it. I can delete it. I can move it around. Because it is within a layout container, I have all of those liberties, and it is basically free for me to use. I can use it here as a content author. Okay.

Additionally, look at the hero image. In this case, I can edit the hero image. I can open it as an image, add some properties to the image, but what I cannot do is delete it. You see, I do not have the option to delete it. I cannot move it around. It is basically outside of that layout container where the content fragment is, and it’s not within any other layout container that would allow it, so I cannot do anything. It’s basically there. The reason for that is because this is a structure component just like the header and the footer. The difference here is that in the case of the header, I cannot do anything to the header. If I click on any of these things here or icons or links, I don’t get any blue frame around that. Also with the footer, I don’t get any blue framing around here, so I can open the dialog or anything like that, because those two are also structure components, but the difference is that in the case of the hero image, the hero image is actually unlocked, so it’s a structure component that is unlocked so that I may allow authors to actually edit the content, but it will not allow them to delete or move. That is also the case for the breadcrumb that we have here. The case of the breadcrumb is the exact same case as the header and the footer. I don’t have the ability to hover over it and open a dialog. Okay, let me go back here. So this is basically what we are looking at. So once again, the target that we want to achieve is have an initial hero image, an initial content fragment that we’re pointing to. We already have the content fragment component there, but it wasn’t pointing to anything. There was no sample or default content fragment to show, and we’re going to add an additional breadcrumb. So the colors here are significant, because when I put it in red, that means this is a structure component that is locked. No one can delete it or no one can edit it.

In the case of orange, this is a structure component that is unlocked. That means you can edit it, you can add an image, you can add properties, but you cannot delete it or move it. And in the case of the content fragment, it is, in this case, it is not a structure component, but rather we’re going to see that this component has been added as initial content from the template, and can be deleted, moved, edited, and all of that.

So the editable templates, they determine what the structural components of all pages based out of that template will be. Okay? They will determine the basic page layout. They also enforce a consistent set of policies, of content policies, across all of the pages that are based out of that template. That means if you have a component, like for example, we look at the breadcrumb, right? If you want to control at the global level, for example, what the dividing character is going to be here, and every time you use the breadcrumb, you want it always to be that, that is a sort of content policy. It’s sort of like a global configuration, a global setting. Another example of a global setting would be, or a content policy would be what you can and what you cannot drag and drop into the layout container. Okay, this is the layout container. Let me refresh so we can actually use the layout container’s options completely. Okay.

Here, you can add components, okay? The reason these components appear here, that’s because of a content policy that is applied to this layout container at the template level. That means all pages based out of that template are going to have that content policy. Okay? Additionally, those instances of those components where those content policies apply don’t need to necessarily be on pages based out of the same template, because you can apply these content policies on a template per template basis. We’re going to do that. Okay? The template also determines what is going to be the initial content of all pages. This takes us to our task today. We want to have some default content, so we’re going to set up some initial content.

And they also may be edited by super-authors in the template editor. So, this is something that you have a UI for that is basically the same as the page editor where you draw and draw components into, but it is not meant for all authors, but just a special or a selected group of authors that are the ones that are going to manage the templates. Okay? All right, so first let’s go ahead and explore the editable template editor. Let me go into the sites. Console, and we’re going to explore that. Go to the main navigation. In order to find the editable templates, you have to go into the tools tab. Okay? And under general, you’re going to find the templates button here. This will take you into the templates console. Okay? Here we have different folders where you may have created a template. I’m using WeRetail. This is where all of the templates of the WeRetail site are.

And the one that we’re interested in is the experience page template. Okay? So I’m going to go ahead and click on the pencil icon there.

All right? Now we’re in. And we’re currently on the editable template editor, currently on structure mode. When we are on structure mode, everything that we have here basically is going to affect all existing pages that you have currently based out of this template. So you add a new structure component, immediately all of those pages are going to have that new structure component. So what we’re going to do now, we’re going to add that breadcrumb that we wanted to have at the bottom so that now all pages based out of this template will begin to have that breadcrumb there. Okay? So I’m going to go ahead and open the site panel. Then components and look for the breadcrumb. Here it is. And I’m going to put it below this layout container. This is the layout container that is used for authors. Notice we have that layout container here. That’s the one that authors can drag and drop components into. And here is the list of all of the components that are allowed. Okay? Below that one, I drag and drop the breadcrumb, which I intend to be a component that is a structure component. So the authors will not be able to edit this one or remove it. Now that I have added it, all pages based out of it should have it. So if I, for example, go to this page, which is based out of that template and refresh it, let’s do that, we should see that breadcrumb at the bottom.

Go all the way down.

Okay, there it is. You have a breadcrumb at the bottom.

Another thing that I want to do besides having the breadcrumb at the bottom, let me go back to the template, is have an initial hero image and an initial content framing. But before I do that, let’s talk a little bit more about the structure mode. Let me go back here into the presentation. So what we’re looking at here is the set of components on an experience page based out of the template that we’re currently working on.

And I have outlined, or I framed those components in different colors, so red or orange. So basically everything that is red are locked structure components and everything orange is unlocked structure components. Okay, so the breadcrumb that I just added is a locked structure component. The fact that it’s a structure component makes it be on all pages based out of this template immediately, automatically. Okay, and the fact that it’s locked makes it out of reach for authors.

Okay, so changes that we make to a structure affect all pages based out of the template and the structure components, any dialogues, you can only see them on the template editor. Okay, so on the template editor, I can actually go into the breadcrumb, any dialogue and configure it. And that configuration will affect every instance of that component where pages based out of this template are.

Now, one other thing that you can do on the structure mode of the editable template editor is the fact that you can unlock components, unlock structure components.

The most clear example of an unlocked structure component would be the layout container. Why? Because the layout container has to be unlocked if we intend for authors to be able to drag and drop components into that layout container. Because if it remains locked, it is off limits for those authors and they cannot drag and drop anything into it.

It’s uneditable for them. So that’s why it’s unlocked. Okay, another item that is unlocked here is the hero image, which is why we saw that the authors were able to change the image on a brand new page. Okay, notice that at the bottom right corner of the frame you have this label that says hero image and unlock. Lock, unlock, lock. That means this has been unlocked. Okay, all right. So once you unlock a component, you also make it possible for you to add initial content that can then be changed by authors. Okay, so this hero image has been unlocked and the layout container has been unlocked. And if we go into the initial content mode of the template editor like that, change to initial content mode, here is where we can edit any components that are either unlocked or that have been dropped inside an unlocked layout container such as this content fragment. So this content fragment was dragged and dropped into the layout container here while being on initial content mode. Okay. And we also have the hero image. We also have, no, that’s basically the content fragment in the layout container. Those are the ones that we can edit here. We can add some initial content. So I’m going to go ahead and add an initial image for this. Let’s add a image, one for example. So this one will become sort of like the sample image that every author will see when they first create an experience page. Okay. And for the content fragment, I’m going to point it to a target content fragment. We retail English experiences. And that one for sample. Single text element, story, master, and that’s it. Okay. So now we have the sample content fragment. If I create a brand new page based out of this template, that page is going to have those components on them. Okay. So I’m going to go ahead and do that. Back to sites, to the sites console. And here I’m going to create a page under expectations. We’ll base on that template. Create page. I’m going to use that experience page template that I was just editing. Okay. Create it and I’m going to title it article 2. Right. Hit create. And open it for editing. Okay. Now what we will notice is that we have the initial image here for the hero. I can change it. If I need to customize this page. Okay. I can also change what content fragment this is pointing to. But this would be a sort of sample or default content fragment. Okay. Also notice the appearance of the breadcrumb at the top and at the bottom. Okay. This came from the structure mode of the template 8. Okay. So in the case of the initial content, that’s where you add content or add initial content through the initial content layout container. So you have a container where you can drag and drop components into. And you can also add initial content for unlocked structure components. Okay. Any changes that you make here on the initial content mode of the editor, the template editor, is going to affect only new pages. Okay. Already existing pages will remain untouched by this. Okay. If I go to article 1, which is the one that we have created before you already existed, this will still not have that hero image or the sample content fragment. Okay. But it does have the breadcrumb at the bottom. It’s a structure. All right. And the last item here is content policies. Like I said, the most obvious case would be the layout container because that’s the one that has to allow content fragments to be dragged and dropped. So the allowance or the list of components that are allowed there is a content policy. Okay. And once we enforce it consistently across all pages based out of this template, and if I create a content policy that I’m going to use on a template, I can also then reuse that content policy on other templates. Okay. Then you also have the ability to apply these content policies to components on a template by template basis by reusing those content policies that maybe you create them for a template initially, but then you can reuse them on templates that you create later. Okay. And let’s have a look at this. Let me go back into the experience page template editor. We have that here. Okay. And I’m going to go back into structure mode because you have to be on structure mode in order to be able to edit the content policies. So the policies of the layout container can be accessed by selecting the layout container and clicking on this icon. This is the icon for the content policies. I click on that. Okay. And notice that here on the left-hand side I’m saying or I’m presented with which content policy I’m currently looking at on the right-hand side. So I’m looking at WeRetail default. Okay. But I could pick another one. Okay. And different values will be on the right-hand side. Right now what I’m going to do is basically change the settings such that I will disallow all of these components from WeRetail. And we’re going to see the effect of that here. Checkmark. Okay. And now I don’t see all of the components from the WeRetail group, only WeRetail commerce. Okay. That’s by the fact that we just edited the content policy. And that’s going to remain the case whenever you are using the WeRetail default policy. Okay. I’m going to once again include those 14 components. One last item that I want to mention about the editable templates is the fact that these content policies that you have are not just for the layout container, but any component can have a content policy. Okay. And these content policies are basically global configurations that you want to reuse across multiple pages. Okay. One example of that, for example, is the style system. That is something that is also a content policy. So if I go to the list component, for example, this is the content policy for the list component. Look at the tabs. We have the styles tab. This is where you set up the style system to point to different classes in your CSS. Okay. So that the author doesn’t have to think about CSS classes, but rather he just thinks about styles, block, grid, display, date, image, and those kinds of things. More simplified way. Okay. Additionally, if you come from older versions of AM or are new to AM, what you need to know is for a component to have a content policy, the developers, they have to add a design dialogue to that component. Okay. So that we will have a content policy editor. All right. Okay. This is what we just went through. And now we’re going to move on to our second task, which is the multisite manager. Okay. This is the meat of today’s talk. What we want to have a look at is how the multisite manager works. So here is the task. We want to create an English edition of the site for Spain. Okay. And what we’ll do is so that maybe tourists that are in Spain may be able to read our content in English. Okay. So how are we going to go about doing it? We could just go into the English page in language matters and copy it into Spain, because we have a folder for Spain. We have the language masters folder in English there. And we could just copy it, but that wouldn’t be the best approach, because once you copy it, there’s no relationship between that page that you just copied into Spain and the language masters English page or in site. Okay. So what we want to do is use live copy. A live copy is a copy that keeps that relationship. And that relationship is a relationship of inheritance, of content inheritance, where the live copies will inherit any content that is added or removed or changed within what we call the blueprint or the source page. Okay. In this case what we have here is the English language master which has its whole hierarchy of pages, men, experiences and women, and it as well as all of its child pages have a corresponding page within Spain or will have a corresponding page within Spain. So we have an English within Spain, men, experiences and women, and all of these will keep that synchronization, that content inheritance relationship. The way in which we effectuate the actual inheritance of the content is by means of this mechanism, the rollout and synchronization. Okay. You can synchronize the content so you can pull it from the language masters English into the corresponding pages in Spain. Okay. Or where you can push it or roll it out from the language masters into the pages that are within Spain. So let’s go ahead and create a live copy right now as we intend. A live copy, an English live copy for Spain for English speaking tourists that are currently in Spain. What we’re going to do is we’re going to go ahead and select what will be the source page for this language copy. So I have to go into retail and language masters and select English. Okay. This will be the source page for that English page within Spain. So I select it and then go to create and select live copy. Okay. Once I am on this wizard, the live copy creation wizard, I have to pick the destination since this page is going to be within Spain. I select Spain. Click next. Okay. I’m going to title this English. Make sure that the name is EN because I have to follow ISO standards. I am not going to exclude sub pages but rather I am going to include them so I don’t have to select that. And then the rollout config, this is very important. The rollout configurations are the way we decide what will trigger a rollout and what happens when the rollout occurs. Okay. So when we select standard rollout config, that means someone has to explicitly click on the rollout button or the synchronize button to trigger the synchronization of the pages. Okay. And also an effect of the standard rollout is that the content is moved or not moved but copied as is. Okay. Nothing is transformed in the content as it is being moved over from the source to the target. Okay. That’s standard rollout config. Let me click here on create. Now it’s going to take a little bit of time for it to create the English edition here within Spain. While that is going on, let me go here and talk a little bit about multi site management approach. So what we are looking at here is an example of how the WeRetail site structure is created or is laid out. So we have the whole language masters branch or section where we have what we call the language copies or language masters depending on which one is the one that is the original language that you work with. Okay. So you have, for example, the English language master which several language copies. Okay. So we have English sorry, not language copies but the English language master with several live copies. Okay. So, those live copies are the places where I am reusing the English edition of the site that I have here under language master. Maybe that is an international English or edition of the site, an edition of the site that doesn’t have many country specific items but then we have country specific English editions of the site that will reuse that English edition. Okay. Across their own regions. Okay. The whole idea here is that for these two to have larger effect in terms of efficiency, of course the content of these live copies has to be very similar in structure and content. Of course, it doesn’t have to be the same but it has to be very similar so that we can reuse most of the language, most of the content on the language that we are reusing and just apply some localizations throughout the pages. But most of the content we can get from the language master. Okay. We have to follow ISO standards for the language code and country code when we create the names of the pages and no names of those pages. Okay. So, you can structure either country language or language country. Okay. Let me go back here. This is already done. All right. So, now we should already have an English edition of the site within Spain. There it is. Okay. So, now let’s play a little bit with this page. Okay. So, let’s go ahead and open one of these pages. Let’s go to the main page and edit it. Okay. The only reason why I’m opening it right now is to show you that every single component right now, even though you can actually hover over it and you get the blue frame around it, none of these components is editable right now by the author. You see you have this chain link icon. This is symbolizing the fact that this component is within a page that is being inherited from a blueprint. Okay. And therefore, it itself is inheriting its content from its corresponding component on the blueprint page. Once again, the blueprint page is the source page where this came from. Okay. So, I would have to break this link to be able to edit. So, before I do that, let’s go now into, let’s imagine that we work at the headquarters of We Retail and we want to make some changes to the main page. Okay. Within language masters, I go to English, men, and now I’m going to go ahead and open it for editing. So, right now I’m no longer looking at the English edition of the site in Spain, but rather the language master English page. Okay. So, what I’m going to do is just lightly alter this. I’m going to click on this and now click on this icon so I can add some extra text here. Our future products. Okay. So, I have just gone ahead and edited this on the language master. Now, in order to roll this out into the live copies, I can do it either from here. So, if I click on this, it’s going to ask me do you want to roll out or roll out to a specific live copy. I can do it from here or I can also come here to the page properties, open the page properties and go to the blueprint tab. Here you have all of the live copies that are associated with this blueprint page, men, and you can click on the roll out and this will roll out all of those, roll out this change to all of those pages. And you can also do it from the site’s console, which is where I’m going to actually do it from. I’m going to go ahead and go into the page in Spain. Okay. And select men. And then click here on the admin UI rails and select references, the references rail. And notice that we have a blueprint button here, it will show me what is the blueprint page for the currently selected page. Okay. And then it gives me three options. I can either roll out, which is basically pushing from the site in from the page and language masters into Spain. Okay. So, I’m going to go ahead and do that. But before I do it, let me compare so we can see what is going to happen. Okay. And you will see that on the language master we have this extra word here. So, I’m going to go ahead and do the roll out. Good. Select blueprint. And roll out. Roll out the page. Now, I’m going to go ahead back into the page in Spain. So, let me just close this so you guys get to see how I open it so we all know what we’re editing. I am under Spain, English, select men, open up for editing. Now that text should be there. So, you see our featured products now. So, let’s suppose that now I work at the Spanish content management team and I want to unlock some of these components so that some changes are not brought into the page when a roll out occurs or synchronization occurs but rather just some of the pages are, some of the content or some of the components are updated, not all of them. So, what I’m going to do is I’m going to unlock the hero image. Okay. Unlock that one. I’m also going to unlock one of these two teasers. I’m going to unlock this teaser here on the right. Unlock it. Okay. And I’m going to show you that after I unlock, I get the wrench icon which will allow me to open, to add an image. Okay. I’m going to go ahead and drag and drop the asset from here. See. I have this airplane there. Okay. And let me change something here as well on the hero image. Okay. Let’s add this one. Okay. So, I have now these two images locally in Spain. Okay. Now, I go back to the main page on language matters. Now, let’s suppose that the people working at the headquarters, they want to update the main page again. So, they come here, select men, edit. Right. And now we’re going to change the hero and the two teasers. Okay. So, I’m going to change the hero for something else. This one. Okay. And for these two, I’m going to… Let me add one of these. That’s not in Australia, by the way. Let me add something else here. Amazon. Amazon. Okay. There we go. So, these are now the global images for the hero and the two teasers. Right. Any page that is based out of this blueprint will get this. Okay. Unless they have unlocked those components. So, that’s why now we’re going to push the content into Spain. Okay. So, I’m going to go ahead and open the… Go here, sites. Select the men page under Language Masters English men. Once again, go to the admin UI rail selector. Select references. And go to live copies. Here you can see all of the different live copies that exist for the English edition of the site. And I’m interested in the one in Spain specifically right now. Okay. And I can push or I can synchronize it with the men page under Language Matters. So, click on synchronize. All right. If I go back to that page in Spain, we should be able to confirm what just happened. Open it for editing. Now let’s notice the hero image. Okay. It remained the same. Okay. Because it is unlocked. And we actually drag and drop our own image there. And in this case, only the left teaser was locked, but the right teaser was unlocked. We see the effect of that. The left teaser was updated, but the right one kept the image that we added within Spain. All right. So, what are some key highlights here and takeaways? The multi-site manager is used to deploy content automatically to multiple sites while also being able or by the mechanism of creating live copies from a source or blueprint page. Okay. Ideally, we should think of sites that share a lot of structure and content to make the most out of it. Okay. Because the more content is shared across the regions or countries, the more you will be able to take advantage of just editing it centrally once and not having to do many localizations. Okay. But that doesn’t mean that you cannot unlock your components or add pages that are specific to a particular market and will not be there on the language master. That’s fine. Okay. You also have control over what content is inherited or locally managed. We saw that with the locking and unlocking. You have rollout configs. The rollout configs, that’s how you can configure or decide what will trigger the synchronizations or the rollouts and also what will happen during the rollout. We just use the standard rollout which just copies the content as is. Okay. And it gets triggered by someone actually pushing the button. Okay. There are other configs that are triggered with different events or different situations. Multi-site manager is for sites that share the same language. So you want to reuse the same language across multiple countries or regions. And it is not, let me stress this very highly, it is not a translation framework. For translation we have our next task. Okay. So, and here we’re going to explore the translation framework of AEM. All right. What we want to do here is we want to create a Spanish language master. Okay. I know you noticed that we didn’t have a Spanish edition of the site under Spain. We’re going to actually now create a Spanish language master. Okay. That we can then reuse across countries that will use the Spanish language site. Okay. For instance, Argentina. So we’re going to create the Argentinian countryside which is going to have Spanish within its editions of the site. Okay. So, before we start, let’s have a look at the following. So currently we have content with the language masters where we have an English and a Portuguese language copy. And there’s also a French and German and other types of language copies there. If I go back here to the sites console, language masters, because we have English, Portuguese, Italian, French and German. Okay. So, all of these language copies are created by means of using the translation framework. So, this color that I’m using here is identifying the fact that we are using the translation framework for this. Okay. What we want to do is have a look at what will happen or what is currently there actually. For instance, we have a countryside for Brazil where we have an edition of the site in English and an edition of the site in Portuguese. If I go back to the sites console, we can see that we have Brazil here and I have an English and a Portuguese edition. Now, how did this English and Portuguese edition of the site get there? By means of live copies. So, in blue, the arrows in blue here signify that the multi-site manager is taking or is taking in here. Okay. So, these are live copies. All right. These other colors would be the language copies. Okay. And the end result of what we want to achieve is that once we have created via the translation framework a Spanish language copy, once that is already in place, we want to use that language copy so it becomes the blueprint for all the places where we want to reuse Spanish. Okay. For instance, Argentina. So, we have content within AR and within Argentina we’re going to have English and Spanish. And then Brazil are going to be live copies of their corresponding sites within language masters. Okay. Now, first we want to focus right now is on the translation framework piece of this. Okay. So, let me go ahead and start that process. Okay. So, we want to create that Spanish language copy. Okay. For a language copy to exist, we have to decide what is going to be the language master for that language copy. That means from which language we’re going to translate into the target language. That is going to be English. So, I’m going to select the English page and then click on create language copy. Okay. Next, I’m going to select English here because that’s the page I want to add. I can change the scope if I want to here, but I don’t want to. I want to basically translate that page and all of its child pages. That’s why I have sub pages. Click next. And here is where I set up the actual translation job. Okay. I have to select first what is the target language. This is Spanish. Okay. Spanish. Several divisions of Spanish from different countries. So, I’m picking just the standard Spanish. Okay. So, we have on the right-hand side the translation framework integration configuration. So, it’s a mouthful, right? But there’s two aspects to a translation here. We have the translation framework integration API, which is something that the translation vendors have to implement. Okay. So, that they can actually so that authors can actually go through this process when they are translating pages using their specific software. Okay. In this case, we’re using the Microsoft translator trial license or the Microsoft translator. Okay. Using a default configuration for the translation integration framework. Okay. So, we have a translation vendor that we have to configure as a cloud service. Okay. And we also have to configure the integration framework that will basically decide the following. So, I’m going to be using default configuration. But if I want to look what is inside that default configuration, I can click on this. Okay. This will show me. Okay. This will show me how the whole content within sites, that is content pages, will get translated using which translation method, which translation vendor. Since I’m using machine translation, content category is so that the machine translation will use a particular focus when it is translating. So, the semantics of the translated content are more geared to a particular topic. So, I’m using the general category here. Okay. Then you have translate page assets using certain workflow. So, there are assets on the pages, so I can choose which workflow to use when those assets get translated. So, I’m going to use the site translation workflow for assets on the page. And you have the translate component strings, translate tags, pages have tags associated to them, so you want to translate those tags as well. Component strings are probably the most key factor here because the component strings are the actual properties that hold the values of the content that you see on the pages. Okay. So, you have to translate it. And auto execute translation, we want to… If we check that, then it will automatically start the translation without us first letting us review the translation job. We don’t want to choose that, but rather we do like that. We also have assets tab here, how we want to translate the assets. Similar configurations here, except for the case of content fragments, there is an option here, translate content fragment assets. So, in content fragments you can have associated assets and also in-line media. So, if you have a content fragment on a page that you are translating and then that content fragment has in-line media or associated content, do we want to translate that? So, how do we want to do it? That’s that. And communities, that is user-generated content. How do you want to translate it? So, that’s basically it. I’m going to cancel this one. Going back to the wizard. Click next here. Okay. So, what I’m going to do now is by using that default configuration, I didn’t make any changes. I’m going to now create a translation job. And the translation job is not going to exist individually or in an isolated fashion, but rather it will be within a translation project. That’s why I’m right now presented with the option to choose how do I want to proceed project. So, do I want to just create the structure that will just create the structure of the site still in English and nothing else? Or do I want to create a translation project which will have the translation job within it? Or a multi-language translation project if I’m translating more than one language or add this to an existing translation project? I’m going to choose create translation project and it’s going to be create Spanish language copy. Okay. Hit create. And done. Okay. First I want you to notice the fact that right now we already have this. Okay. We have ES and all of this whole structure. Notice the fact that the name is ES. This is going to become the Spanish edition of the site. It already holds the ISO name code for the language in Spanish. Okay. But still needs to translate everything. Okay. Including the page titles. Okay. For that, a language project, a language translation project has been created. And let me go ahead and take you into the projects module of AEM. So, projects is something that is not specifically part of this whole webinar series but I just want to touch upon it briefly. Projects is a means by which you can create content projects. So that, for example, if you have a photo shoot, you can have a centralized location where all of the tasks and all of the assets and all of the pages associated with that photo shoot will be all centralized within that project so people can go in and you can also have workflows associated to that project. Now in the case of translation, AEM creates a translation project which will have translation jobs. So, let’s go ahead and do this create Spanish language copy folder where we have the project for create Spanish language copy. I’m going to select it. And actually not selected but click on it so we go inside the project. Okay. AEM content projects are based out of or are configured by using these tiles or cards. Okay. And each one of these is meant for a particular purpose. So, the summary, this is the main configuration of the translation. Okay. This is where we can see the default configuration that we set when we were going through the wizard. Like which was the provider, the translation method, all those things. If you want to change some of that specifically here we can go here and change it. Then we have a translation job card or tile. We can review the translation job before we actually execute the translation. I click on the leaves here at the bottom right of the card. This will open the translation job itself. We get the list of all of the pages that will get translated along with the assets that will get translated. Notice there are some that are folders. That means if you go in there is pages within that or not pages but actually assets that are associated to that page that also need to get translated. Okay. So, you also get the ability to filter. If you click on this rail selector you can click for instance on filters and options and you can now filter by translation status for example. So, if something has been submitted or is a draft or is completed or approved you can also filter by asset type. Okay. All right. So, let me close this one and go back into a translation job. Click on the breadcrumb here. Go back one level. So, we’re back at the project. And now I’m going to actually start the translation job. So, the process is going to begin now. I select this drop down and click on start. All right. If I refresh this page now you will see that you have a translation in progress label there. If I go back, so this is going to take about 30 seconds to a minute depending on the amount of things that need to get translated. Now I’m going to go and show you where the translate, how content gets translated specifically. So, we have seen the configuration of the translation integration framework. Okay. While we were going through the wizard. But there’s also another important configuration associated which allows you to set what exactly will get translated when it comes to the components that are making up a page. So, if we look at any page, pages are based out of components and these components have content that they are showing. And this content is stored on properties that are defined by those components. So, we can actually configure which properties from which components are going to get translated. We can be that fine grained. So, if you click here on the navigation, the main navigation, then tools, under general, you scroll all the way down you will see a translation configuration. This is where you set up the translation rules. So, I have to pick a context here. And the translation rules are basically the ones that are going to define specifically what are the properties that are going to be translated. Okay. This will in the end result in the production of an XML file. XLIF. Okay. Which follows standards for translation. And these property names as you see here were added by the fact that someone came in here and clicked on add a component, selected a component from the ones that they have and that would add the properties that are defined by that component. Okay. You can also apply filters for things that you don’t know what you do not want to translate. Like for example, CQ annotations. The annotations that people have when they are collaborating. You don’t want to translate them so you can put that there, for example. And references. So, components sometimes will have references to our content framing, to analysis. So, what are the things that you would like to actually translate in terms of references. And this is an example of that here. And what is the name of the property that has the reference. All right. Let me now go back into the translation job. This probably is already finished by now. Go back into projects. And Spanish language. So, it is completed. All right. Now if I go into sites, we retail, language master, now we have Spanish edition of the site already created, already translated. Okay. Only I have to set up the title here. I’m not going to run out to save time. But what I want to do now, now that I have a Spanish edition of the site, I want to use that when I create a countryside. So, I’m going to create the Argentinian countryside. I’m going to select the parent we retail. Okay. Select it. Where we have all of the country sites. Okay. Click create. Now I’m going to select site. This is also part of the multi-site management. So, we just transitioned back into the multi-site management features. We were in translation framework. Now we’re back in multi-site management where we want to use the site creation wizard to create a whole countryside. And here I have to pick a blueprint for a site. I’m going to select the we retail blueprint which basically sets the language matters folder as its roots so that all of the language copies within language matters will appear here as options in terms of languages that I can pick for Argentina. So, I’m going to select English and Spanish and I’m going to get rid of Italian, French, and German, Portuguese. Okay. And I can also select whether I do not want to add something to the Argentinian edition of the site. Like, for example, I want to remove time warp or some other section of the site. I do not want to include it in the Argentinian edition of the site. It’s going to be Argentina. The I also call AR. I mean, we’ll be in this case the owner. Pick a live copy. I mean, make it a live copy so that once we perform this operation, there will be, there will remain an inheritance relationship between the Argentinian edition of the Spanish site and the English site with the language masters. Click create. And now this is going through the process of actually creating the live copy for both the English and the Spanish edition of the site within Argentina. Okay. Going to take a little bit of time. While that is going on, let me go ahead and have a look at our key takeaways here for the translation framework. So, this translates third party translation services such as translations.com, land breach, smart link and there are several others. You create language copies that you basically translate from a language master, but then those language copies themselves become the language master for live copies that you’re going to create based out of those. Okay. They themselves are language copies of the original language that you choose. Okay. In our case it was English. Then we have the translation projects which is where you can have those translation jobs that you can manage the translation job before actually executing the job. The job will have a life cycle that you can work on. So, we are currently using the automatic approval. So, that’s why we didn’t do much. Here it got automatically approved for us. But there’s also the possibility for the translation job to go through an approval process as well. Translation rules are used to fine tune what specific content from the components on the pages will actually get translated. We saw that we could filter some things such as annotations, for example, which is default in AM to exclude that. Then you have the multi-site manager. We use it to define a blueprint for full site deployment, a country or region site. So, we created the Argentina site using the multi-site manager again using the site creation wizard, okay, which allowed us to pick a blueprint, a site blueprint, which was pointing to language matters. It gave us a list of language copies to pick from that we wanted to create live copies out of. Then we used the multi-site manager’s live copy overview so we can get insights on and manage live copy status. So, this last one, the live copy overview, you can get it by going to any language master site, any page that is considered a blueprint, like for example, this one, English, okay, and then I can pick here references and then go to live copies so I can see all of the live copies of English. Okay, so there it is. Language masters, English, let me refresh the page. I don’t know why it’s not coming there, but we do have a bunch of live copies for English so I’m going to go ahead and there’s multiple ways to do it. You can select it and go to page properties. Okay, page properties, blueprint, you can open the live copy overview as well. Okay, so go to the page properties, blueprint, and then live copy overview. This will give you an overview of all the live copies of the English edition of the site. We have one in Canada, in the U.S. over here, in Italy, so it’s pretty much everywhere and you can select any one of these, like for example, the blueprint was modified. The live copy hasn’t been updated in Germany so I can select that and synchronize. It will roll that page out and all of its sub pages and I can begin to go in and see the child pages and see what are their status in the corresponding live copies. Okay, and by now, by the way, we should already have the Argentinian site done. So let’s see, Argentina, we have it, English and Spanish. Okay, alright.

Okay, so that’s it for today’s webinar. So let me see, I know we went a little bit further in terms of time. Let me see if I can actually see some of the questions here. That may be relevant for us. Let me see. Will it be recorded? Yes. Is the translation real time and how is the curation handled for sensitive content? So the translation can be either real time or not, depends on whether you’re using machine translation, right? You’re using machine translation and you have it set to auto approve, then in that case it’s going to be automatic, just like what we just did. But you can also set it up with another vendor that you integrate into AEM, you set up the translation integration framework so that when you translate a page, it doesn’t auto approve. It makes you go through a process where you first send, you submit it for a draft, they send you a draft, then you approve the draft, and it goes through several steps until it gets approved. All right. Let’s see. The recording will be shared. What other questions do we have here? I don’t see any other questions. No, Luis, I think you’ve covered everything. Okay. So a big thank you for your presentation and for a wonderful series. We’ve done five days of this, the Adobe Experience Manager Sites Basic Series, and all of the recordings will be shared with all of you after the session, so please keep an eye out for emails. We also have a couple of resources available for you to download in the resource pod here on your screen, so we do encourage all of you to take a look at those as well. And a big thank you to all of you who have joined us today and throughout the series.