Embed in Episerver Optimizely
Follow these steps to embed your project in a Episerver / Optimizely article
In this article:
Copy embed code
Publish your project and copy the embed code
![](https://wp-assets.everviz.com/prod/media/2021/10/20100725/episerver-publish-1024x566.png)
Add visualization in Episerver / Optimizely
1 - In the article, click on the Source code block icon
![](https://wp-assets.everviz.com/prod/media/2021/10/20100918/Skjermbilde-1-1024x557.jpg)
2 - Paste the embed code
![](https://wp-assets.everviz.com/prod/media/2021/10/20100941/Skjermbilde-2-1024x554.jpg)
3 - Click OK and you get an instant preview in the article
![](https://wp-assets.everviz.com/prod/media/2021/10/20101043/Skjermbilde-3-1024x556.jpg)
Preview article for different devices
Episerver / Optimizely has a nice feature for previewing the article for different screen sizes. This is intended to give the editor a quick way of visualizing a page as it would turn out when shown on a smaller screen
In the top navigation bar, click preview, and choose your desired view port
![](https://wp-assets.everviz.com/prod/media/2021/10/20101122/Skjermbilde-4-1024x555.jpg)
Episerver / Optimizely will change the appearance of the editor to desired view port. Also notice that the visualization automatically adapts to the screen size.
![](https://wp-assets.everviz.com/prod/media/2021/10/20101250/Skjermbilde-5-1024x555.jpg)