Tagged: Optimizely CMS 12

Multiple Languages in Optimizely CMS

I was exploring multi-languages in Optimizely CMS 12 – able to figure it out quickly in a few steps.

Let’s get started.

1. Enable Languages in the Admin

Optimizely stores language settings in the Admin view.

  • Log in to Optimizely CMS as an administrator.

  • Navigate to: Admin -> Manage Website Languages

  • You can select an existing language or add a new language

    • There are 14 languages available by default.

Optimizely-CMS-Multi-Language-1.png

    • Add a new language if it’s not listed in the default list.

      • I’m adding Hindi (hi-IN) as I’m from India 🙂

Optimizely-CMS-Multi-Language-2.png

  • Make sure to Enable the Language to be listed on the sites.

 

2. Language Settings

  • Now the Hindi is listed on Sites, but it’s enabled at the site level.

Optimizely-CMS-Multi-Language-4.png

  • To enable at the site level, go to Language Settings under Tools (Make sure you are on the site’s Start page).

Optimizely-CMS-Multi-Language-5.png

  • Check the newly added language under Available Languages.

Optimizely-CMS-Multi-Language-6.png

  • We need to set the Fallback Languages as a secondary option when the language is not available.

Optimizely-CMS-Multi-Language-7.png

 

3. Update Page Types and Block Types

To support multilingual fields, Optimizely requires culture-specific properties.

  • For any property that should be translated, add the attribute:

[CultureSpecific]

Optimizely-CMS-Multi-Language-8.png

  • Rebuild and deploy the solution.

 

4. Create Translations

  • Select the page you would like to translate, and the Translate button will appear. I chose the Contact Us page for demo purposes.

Optimizely-CMS-Multi-Language-9.png

  • Create the language version.

Optimizely-CMS-Multi-Language-10.png

  • Translate properties, blocks, and media as needed and publish the changes.

Optimizely-CMS-Multi-Language-11.png

  • Let’s preview the changes. Isn’t looking good?

Optimizely-CMS-Multi-Language-11.png

If you prefer watching a video, my quick recording –

Hope it helps.

Happy Optimizing!

0

Optimizely : Fast Installation on Local Machine

I have been exploring Optimizely and installed CMS 12 on my local machine pretty quickly using the NuGet package manager.

Assuming all prerequisites are installed on the local machine. Check out to make sure everything is installed.

https://docs.developers.optimizely.com/content-management-system/docs/system-requirements-for-optimizely

Let’s get started.

  • Add EpiServer Templates in PowerShell 

dotnet new -i EPiServer.Templates

Optimizely-installation-episerver-cms12-local-machine-10.png

  •  Let’s install Optimizely CLI Tool globally

dotnet tool install EPiServer.Net.Cli –global –add-source https://nuget.optimizely.com/feed/packages.svc/

Optimizely-installation-episerver-cms12-local-machine-11.png

  • In Visual Studio, let’s verify that the Optimizely NuGet source is added via the NuGet Package Manager Solution.

https://api.nuget.optimizely.com/v3/index.json

  • Let’s also verify the EpiServer.CMS NuGet package is installed.


Optimizely-installation-episerver-cms12-local-machine-1.png

  • Now, let’s create a new project in Visual Studio, which will give three Optimizely base projects to choose from 
    • Optimizely Alloy MVC 
    • Optimizely CMS empty
    • Optimizely Commerce empty

Optimizely-installation-episerver-cms12-local-machine-2.png

  • I chose Optimizely Alloy MVC, which is a starter kit for new developers to explore.
  • Named it – AlloyDemo1 project.

Optimizely-installation-episerver-cms12-local-machine-3-1.png

  • Provide the SQL admin SA account password since it creates the databases as part of the project in MDF and LDF files.

Optimizely-installation-episerver-cms12-local-machine-4.png

  • The new Optimizely solution is ready to explore!

Optimizely-installation-episerver-cms12-local-machine-5.png

  • To run the localhost, we just need to start the IISExpress AlloyDemo1 project, which runs cmd prompt to initialize commands.

Optimizely-installation-episerver-cms12-local-machine-6.png

Optimizely-installation-episerver-cms12-local-machine-7.png

  • Register the admin account with credentials and explore the new local instance of Optimizely.

NOTE: There is no license required for running on localhost or domainname.local. Yay!

If you prefer watching a video, my quick recording –

Happy Optimizing!

0