cancel
Showing results for 
Search instead for 
Did you mean: 

Embedded Archive: Customizing its Appearance

CTCT Employee

Hi. I am a part of the team that created the Embeddable Archive feature and we are really excited about the product and the opportunity it gives our customers to customize their Archive list to appear directly on their own web pages. Since launching this product, we have had some feedback that our customers would like to customize the appearance of that list, so we are providing a few examples to show how to make a few different appearance customizations.

In all of these examples, please be sure to replace my archive code snippet with your own snippet! Otherwise your site will just be displaying my own archived emails, which you definitely don’t want. (Reminder: I’m referring to the HTML snippet you get when you go to your “My Campaigns” page and click the gear next to “Archived Campaigns”, take a look here if you need some help finding it.)

Basically what these examples are doing are styling the appearance of the Archive list by preceding the html code snippet with a <style></style> section. Please note that these styles might not cooperate with the existing styles on your website, so please closely examine your page to make sure it still looks exactly the way you want after trying out these changes.

 

1. To make your list bulleted, with hollow circles for bullets:

<style>
       #archiveList > ul {
          list-style-type: circle;
          list-style-position: inside;
        }
</style>
<!--Begin CTCT Archive-->
<script id="archiveScript" src="//static.ctctcdn.com/js/archive-static/current/archive-static.min.js"></script> <div id="archiveList" data-archive-count="10" data-m="a07ea78e8ui0"></div>
<!--End CTCT Archive-->

Tip: There are many different bullet types you can use by changing the value of "circle". Choices include "square", "disc" (filled in circle), "decimal" (numbered list).

 

2. To increase line height to create more space between the list items:

<style>
        #archiveList {
          line-height: 2;
        }
</style>
<!--Begin CTCT Archive-->
<script id="archiveScript" src="//static.ctctcdn.com/js/archive-static/current/archive-static.min.js"></script> <div id="archiveList" data-archive-count="10" data-m="a07ea78e8ui0"></div>
<!--End CTCT Archive-->

Tip: Change the value of "line-height" to any number besides 2.

 

3. To change the color of the links to black:

 

<style>
        #archiveList a {
          color: #000000;
        }
      </style>
<!--Begin CTCT Archive-->
<script id="archiveScript" src="//static.ctctcdn.com/js/archive-static/current/archive-static.min.js"></script> <div id="archiveList" data-archive-count="10" data-m="a07ea78e8ui0"></div>
<!--End CTCT Archive-->

Tip: Want a color other than black? Replace the Hex value (#000000) with any color of your choice! More: HTML Color Picker - W3 Schools

 

4. To combine all of the previous three style change (this is just to demonstrate that you can combine multiple stylings as desired):

<style>
        #archiveList {
          line-height: 2;
        }
        #archiveList > ul {
          list-style-type: circle;
          list-style-position: inside;
        }
        #archiveList a {
          color: #000000;
        }
</style>

If you have any questions, feel free to reply in the comments below. You can also post any support questions in our forums here, or send us your feedback about the new archive feature.

Neil_C

Hi, I’m Neil and I’ve been a part of the Constant Contact Product Team since 2014, involved with teams on several products including Autoresponder, MyLibrary, some of our Social offerings, and Embeddable Archive.

46 Comments
Moderator

Hello @Old_Lutheran,

 

The archive feature is set up to display campaigns based on when they were archived, not when it was originally sent. 

 

Currently, the only way to re-organize it is to:

 

1. Unarchive the affected campaigns.

 

2. Make copies of the campaigns and send them to a list with just your e-mail address on it.

 

3. Once in Sent status, re-archive them based on the order you wanted them to display.

 

I apologize for any inconvenience this causes and I will make sure your feedback is tracked with our product teams.

Occasional Contributor

Have to say, I am not liking this new archive format at all!  I want my options back!  I only want E-news to show up on my public archive list, but i still want to archive other types of emails we send out.  I just don't want them to show up on the website!  Also, you REALLY need to let us order the emails how we want, AND choose how they display in terms of the title/description.  Please give us back control of these features!

Moderator

Hello @DebbieA21450,

 

I appreciate you posting your feedback and expressing your concerns with the new Archive feature. I can understand why some of the features you listed would be helpful. I will make sure this information is tracked in your account and passed to the appropriate department. 

 

I also recommend checking out our Feedback page and posting more of your ideas or concerns so other customers can comment and add to them.

All Star

We have three different email newsletters, each covering a different topic. I would like to post an archive of each newsletter on a different page of our website related to that topic.

 

Is it possible to do this?  Currently, we create all three newsletters in the same campaign. If I create a separate campaign for each topic, will each campaign have its own Archive code that I can paste to different pages on our website?

 

Thank you.

CTCT Employee

Hello @EnviroEditor,

 

Great question. The embeddable archive code with link to all archived emails, of which you can choose to display the most recent 5-100 emails. If you are looking to archive specific newsletters on your website, I would recommend using the "Short URL" attached to your sent email. This is a permalink that is essentially the same link the archive would generate for your emails, but would allow you to just have a link for just that one email; or any other emails you get the short URLs for. If you are looking to feature a specific newsletter, I would definitely put it in its own campaign. I hope this helps.

 

short_url.png