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
All Star

So am I correct that it's not possible to reorder the emails at all? What order are they in? Mine are appearing mostly chronological but some are out of place. 

 

I really wish Constant Contact had not taken away the old archive function before introducing this! I think the embeddable archive will be better in the long run, but now all I have is a page where my emails are all out of order. It's a mess and I don't really want it publicly available as it makes me look sloppy. Please figure this out! 

Moderator

Hello @AmyC72,

 

We appreciate you reaching out to the Community with your inquiry. I sincerely apologize for any frustration the new Archive feature is causing. I can understand why having control over how they are ordered would be helpful. You are correct the emails cannot be re-ordered after they have been archived. We are collecting feedback on adding this to Archive so I will make sure to attach it your account so our product teams know. 

 

The reason some might appear out of order is because the listing is based on when the email was archived, not when it was sent. There is a workaround to re-organize them but it would require you to make a copy of each campaign from the point it became out-of-order and then do a live send of the copy. Once it is sent you can archive it again, but make sure the first one is archived completely before moving on to the next one. It's possible for the next one in line to archive first, thus throwing the order in disarray again.

 

Your feedback is valuable and helps us improve the product. Once again, I'm sorry for any frustration this is causing and will make sure your concerns get to the right people. 

CTCT Employee

Hi, @EstherF4

 

Sorry to hear you're having trouble getting the archive script to work for you. We don't think any of the security around your website that you mentioned should affect it, but without seeing it, we can't be sure.

 

One frequent problem we've seen (i.e. that happened to me when I first tried to use it.....) when the script seems not to be working is that people often attempt to setup and try out the script prior to actually marking any of their campaigns as "archive". In that event, the script seems not to be working, when in fact it's working, but not finding anything to display.

 

Try going to your Campaigns page and choosing a campaign or two that you want archived and click on Actions and then click on Archive. Hopefully you'll see them show up in the script just by refreshing the page you put the script on.

 

Hope this works for you.

sara munro
Not applicable

 Can the archive contain more than the title? For example send date, top photo, something more interesting than one line?

 

Thanks!

All Star

I'm new to supporting our newsletter on Constant Contact, but I'm not new to web design and email marketing. I was brought in to bring back the functionality of supporting archive listings. I've been able to do that, but in a rather indirect manner. 

 

I have a few questions resulting my exploration:

1. When did changes take place in the archiving algorithms? and what were they? Given that all the questions above were in October 2016, I bet it was fairly recent. We noticed that our archive design stopped working in August 2016.

2. Because of what I saw in our previous design, it appears that SENT "campaigns" or emails must have been editable, because an archived email was used to accumulate references/links to archived emails. In addition to not being able to edit SENT emails, you cannot edit the title. Because we have some inexperienced users providing weekly input, sometimes they fail to name the campaign/email meaningfully, such as "Copy of Copy of Copy of eMail  9/11/2016" -- and I can't rename it. Imagine putting that in an archive list, using your recent built-in algorithm. Yuck.

3. And then reverse order is very important, and the fact that the order is not even based on campaign date is unfortunate.

4. Finally, I wasn't able to get your archive algorithm to work for me as described. I'll keep looking at it; it should have worked ... not sure why. I think we're an email plus customer.

 

Thanks for listening. My work around works for us for now.

 

Ralph