Changes to your template

In this article, we will go through how to modify some blocks in your "Custom Super Template". We recommend that you start by setting up your Brand Style before reading this article step by step.

You can also make these changes to your other templates, but please note that you need to request access to the "Templates" function in order to make adjustments. To get access to "Templates" contact support which email address should have access.

We recommend that you always make a copy of your "original template" before you start making adjustments to the code, so that it remains in case there are any error changes in the code as we do not have these as saved backups. 

We will go through the following:

1. Remove one or more social media icons
2. Change the color of social media icons
3. Change the background color
4. Make a backup of your template
5. Copying a block from one template to another

1. Remove any social media icons.

The template automatically contains five different social media icons. You may not be able to use all of these, so we'll show you how to remove the ones you don't want. If you want to change the color of these icons or add another one, we will show you in step 7. 

Approach:

1. Click on "Dashboard"
2. Then click on 'Templates'

Note that if you don't have access to templates in your menu, you can email the supporten and ask for access to edit templates.

Then choose your template, in this case we took the "Custom Super Template"

Then right-click on the icon you want to delete. Down to "Column", then "Delete column"

2. Change the color of social media icons

The template includes these social media icons by default. If you want to remove any, you can read about how to do it step by step in the first section of this article.

How to change the icon image:

Start by uploading the icon(s) you want to the image bank. If you are not sure how to upload images to the image bank, read more at Bilder - FAQ. If you don't have your own images for your icons, you can search, change the color and download for free at such sites as Flaticon

1. Click on "Dashboard"
2. Then click on 'Templates'

Note that if you don't have access to templates in your menu, you can email the supporten and ask for access to edit templates.

Then choose your template, in this case we took the "Custom Super Template"

Click on "Image bank" in the bottom left corner.

Then in the center icon to bring up "Image Properties"

Start by "Copy" the image URL, then click "OK".

Then click on "Source" at the top right of the editor.

The easiest way to find where to change the instagram logo is to search for "instagram" by clicking " command + f"/"Ctrl+F" and enter "instagram". 

Once you have found the right one, paste the copied link that you retrieved from the image bank, and place it within the " " characters, as circled in the image. Then click "OK".

Done! Then repeat and do the same for all the ones you want to change. Don't forget to save!

3. Change the background color 

If you would like to change your background color in your template, the easiest way to do so is in the Brand Style to your "Custom Super template". If it is any other template, you can change the code as follows:

1. Click on "Dashboard"
2. Then click on 'Templates'

Note that if you don't have access to templates in your menu, you can email the supporten and ask for access to edit templates.

Then choose your template, in this case we took the "Custom Super Template"

Then click on the template, and then "Source" in the top right corner.

The easiest way to find where to change your color code is to search for your current one by clicking "command + f" and enter your current color code. If you don't want to do that, you will have to look for "background-color: #yourcolorcode", it will be quite high up in the code.

Where it says "background-color: #f6f8f9; ", change to your preferred color code after the "#", just the numbers and letters. We will change from "#f6f8f9f" to "#262950". See the example below.

Then click "OK"

After this, it's done and now you can see your new background color. 

4. Make a backup of your template

We recommend that if you want to make any changes to your template, always make a backup as we do not save it. 

Approach:

1. Click on "Dashboard"
2. Then click on 'Templates'

Then choose which template you intend to change but want to make a backup of.

Then click on "Save as"

Name it something appropriate, and then click "OK".

Then you will see that your backup is here!

Clearly!

5. Copy a block from one template to another

1. Click on "Dasboard"
2. Then click on "Promotions"

Click on "New mail"

Then go to the template you want to copy a block from.

In this case we will want a "One column" block in a template, but you will be able to choose which one you want. 

The entire block we want to copy in this case is circled, and you also see the name of the block in the right field. Remember the name of the block to make it easier in the next step.

Then go to "Templates"

Note that if you do not have access to templates in this view, kontakta support and ask for it!

Then select the template you want to copy a block from

Then click somewhere in the template to bring up the "Editor", then click on "Source" which you see circled in the image on the top right.

Click "command + f" and search for "One column" because we know that's the name of the block, so we can easily find it in the code.

Note that when you find the "One column" or the block you want to copy, to see how the code starts on that line

Som du ser börjar blocket med "<tr ", då vill vi att den ska avslutas med "</tr>"

Tänk på att det kan uppkomma flera "<tr ", men där du börjar att kopiera, för att få med hela blocket ska du kopiera tills det står "</tr> ". Då ska "<tr " och "</tr>" vara på samma lodräta linje. Se bilden nedan för att förstå. Det betyder att "<tr " vs "</tr>" uppe och nere ska ligga i samma linje när du är klar. 

Once you have selected the whole block, copy and then click "OK".

Then go to "Templates" again and choose which template should get the new block.

Click somewhere in the template to bring up the "Editor", then click on "Source" which you see circled in the top right corner

Gör ett radbryt efter en "</tr>" och lägg in det blocket du kopierade i steget innan. Klicka sedan "OK"

Your "One column" block is now here! Don't forget to click save after you are done!

To ensure the block is visible in the template, go to Campaigns > New mail > Select the template you added the block to.

As you can see, the block is now here and the block is also visible in the right bar!

We hope this guide has been helpful, here you can read more about the mallar för nyhetsbrev!