eCircle Responsive Template User Guide ! Prepared and developed by: Dennis Benjamin Huber Introduction With more and more people pulling out their phones to check their email, we knew there had to be an easier way to ensure our email marketing activities like campaigns, online promotions, product launches, marketing communications etc. look good on any device. That's why we created a template that’s responsive and it’s now readily available for everyone to use. The next slides will guide you through how to use our new responsive email template. In case you require a WebEx demonstration and training on how to use the new template, please contact: [email protected]. Step 1: Accessing eCircle • In your browser go to: http://news.nobelbiocare.com and login with your credentials. • Once logged in, you will have to navigate and click “Content Management” in the left-hand menu navigation as shown in the image below. Step 1: Access eCircle • There are 2 items that you will see under “Content Management”. They are: • CMS Message - this is where you create, edit, copy, move and put together your email template. • Content Store - this is where you upload the images you need to insert/embed within your email template. Step 2: Creating your email • To create your email, navigate to Content Management > Content Store • On your main browser, click on the “New Message” button as shown in the image below, then complete this step by providing information on the fields that are required by the system. ! ! Step 2: Creating your email • ! Provide details on the fields shown in the image below. Please note that you need to select “Direct Marketing Template” in order to enable your responsive email. Step 3: Uploading images • In order to put together your email, you need to embed images to accompany your content. To do this, navigate to Content Management > Content Store. • To upload your images, on your main browser click “New CSE“ as show in the image below. ! ! Step 3: Uploading & using images • ! ! Provide a name and description of the image you are trying to upload. Select and browse for the image file by clicking the “Choose file” button as shown in the image below. Then click “Save”. Step 3: Uploading & using images • ! ! Now that you have uploaded your images, to use the image in your email, you need to navigate to Content Management > Content Store and open the image file. Copy the URL of the image as shown in the figure below to be used later when adding “Message Paragraphs” to your email build. Step 4: Building your email • To build up your email, navigate back to Content Management > CMS Message and open/edit the email you have just created (Step 2). • You can add “Message Paragraphs” to build up your email. The following list contains the modular paragraphs component that you can add to build up your email however you like: Header - this contains the Nobel Biocare logo and the navigation items including the desktop and mobile version links as shown in the image below. Step 4: Building your email Billboard_image - this is your main visual component for your email which is normally used to convey your key email message in a visual form including your primary “Call-To-Action” (CTA). Please refer to the design guideline document in reference to creating your visual components. Step 4: Building your email Editorial - this is your module to write down your key message that is corelated to the “Billboard image”. Billboard_2columns - this is a two-column content module that contains an image (300px in width) on the left and your title, description (max. 450 characters) and CTA on the right column. Step 4: Building your email Content_Block - this is a two-column content module that contains the title (left aligned on top), an image (185px in width) on the left and your description (max. 450 characters) and CTA on the right column. Step 4: Building your email 3_column_promo - this is a 3-column content module that contains an image (206px in width), title, description (max. 450 characters) and CTA (all aligned center). Step 4: Building your email Footer - this is where you write down your company address and contact details including the social media channel links, the “unsubscribe” link and the Nobel Biocare disclaimer text. Step 5: Previewing your email Once you have put together your email, you can preview it by clicking the preview button as shown in the image below. Step 5: Previewing your email Please be mindful that once you preview the email, the system gives you the desktop version of your email. Once you perform a preview send-out of your email and access the email on your mobile device, that is when you will see the responsiveness of your email. The figure on the right hand side of this slide is your desktop view. Contact Should you require access to eCircle and training, please send your request to: [email protected] Tel: +41 43 211 67 43 Mobile: +41 79 958 50 36