EpiServer & Apsis Training Material

This post will be updated to provide links to all the different items of training material I have produced. It will split in to two main areas (EPiServer and Apsis) and I will try to mark each as beginner / advanced.

Read more ›

Posted in EpiServer

Creating Shortcut Pages

Shortcut pages are a simple way of making one page of content appear in two different places on the side navigation. This is useful when you have a page sitting in one part of the site which could also be useful for people navigating in a different section.

Read more ›

Posted in EpiServer

Embedding a Google Map in your website

In this post I’ll look at adding an embedded Google Map into a standard page, using the newer two column content block.

Read more ›

Posted in EpiServer

Quick Tip: Linking to a page on a different country site

Today’s quick tip is useful if you need to link to content on another country site. By default when you insert a link in your content it will let you pick pages on your current site, however occasionally it would be useful to link to content under a different language.

Read more ›

Posted in EpiServer

Apsis 2016 – Lesson 1: Sending a basic newsletter

This video is a quick look at the core features of Apsis, ie how to create a subscriber list and a simple email to then send out.

Posted in Apsis

EPiServer 2016 Lesson 1: UI Basics

This back to basics video takes a look around the main UI elements and creating a basic page.

Posted in EpiServer

Setting Google Analytics UTM Tracking on Apsis Emails

With Apsis it is possible to add Google Analytics UTM tracking parameters to your newsletter’s link back to the Crayon website. These can be set on a newsletter by newsletter basis which will let you see which newsletter content gets results and drives traffic to your country site.

Read more ›

Posted in Apsis

Help! My homepage banners aren’t working

This is a troubleshooting post for those who make their own home page banners. When using a variety of styles, like the current “Don’t Be Like Jim” campaign, it is important to make sure all of your html tags match up otherwise your banners may stop scrolling even when you click on the dots.

Read more ›

Posted in EpiServer

How to make images in html content areas normal size

When using images inside html areas they will automatically be scaled up to fit the width of the content area they are in. If you have made your image large enough to fit that area (like a mini banner) then this is fine, however if you have a small registration button this can become a big problem.

Thankfully its easy to fix with one line of simple CSS (don’t panic, its easy).

Read more ›

Posted in EpiServer

Understanding Container Blocks

This post will cover container blocks, and which blocks are supported inside them. Container blocks sit directly in a Standard page and take up the full width of the page. As the name indicates they are a “container” for other smaller blocks.

Read more ›

Posted in EpiServer

EPiServer Image Sizes Cheat Sheet

EPiServer has a lot of different sizes for images depending on where they are used. It does its best to scale images to suit where they are displayed, however to help it along it is good to optimise your images before uploading them.

This cheat sheet will list all of the known image sizes to give you a size to keep in mind when you plan to upload an image. Do they really need to be 2000px wide when they will be going in a 320px wide area?

Checking Image Size Before Uploading

With Windows 10 (other operating systems are available) you can right click on an image and select Properties. Swap to the Details tab and scroll down. Here we can see the image is 4200px x 2800px and 300 dpi, which means it is a high quality image suitable for publishing use but not optimised for website use.

By resizing the image to a more suitable size before uploading you will be able to tweak the image quality rather than relying on EPiServer to do it for you as a 4200px image automatically scaled down to 320px may look rather pixelated.

Homepage Banners (1920 x 612)

Smaller browser window, full image can be seen.

Full screen on a 24″ monitor, image below his hand not visible.

Contact Blocks (290 x 194)


Main Content Header Image (600 x 100)


Side Content Block (320 x Auto )

The original image below was square, so it has been resized to 320 by 320.

Where as here it was more rectangular, so it is still 320px wide but by 285px high.

Media Block (481 x 278)

Advanced Download Block (313 x 206)

Standard Page Banner (1024 x 350)


Person Block (92 x auto)

In the below image of Rune is 92 x 9x.

Where as Heidi is 92px wide by 137px high.

Vacancy Page (317 x 211)

Page Image

Every page can have an image set for it, which appears in a variety of different places. Below are three ways a page image could be displayed so it would be best to target 320 x 246 as that is the largest size currently in use.

Shown in 4 column content: 235 x 161

Shown in landing page block with 3 pages: 320 x 246

And a landing page block with 4 pages: 235 x 180


Posted in EpiServer