The Community is hosting an End of Summer sweepstakes! Participants must complete tasks to earn tickets that will enter them with a chance to win a free year of Constant Contact and other great prizes!*
*No Purchase Necessary. For Official Rules, visit here. Constant Contact’s End of Summer 2020 Sweepstakes ends on October, 20, 2020 at 11:50 PM EST.

Embedded Archive: Customizing its Appearance

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.

46 Comments
Retail
Retail

I know this article is regarding styling, but I'm wondering about changing some functionality. Is there a way to change the sort order by date sent? The email list is automatically oldest first. I'd like it latest first.

 

Employee

Hello @819,

 

Great question. As of right now, we do not have the functionality of changing the order the emails appear on the archive widget; however it is a feature request to get that capability back.

 

I will pass along the feedback to our development team; we always look at what our customers say about the product to make improvements.

Established Member

Do you have any screen shots of examples. I'm not completely sure I understand the concept. Thanks!

Contributing Solution Provider

Here you go, Dani - here's my archive which I created using the new tool.

 

http://albertideation.com/my-newsletter-archive

Member

I appreciate this information. I'd like to recommend that you have options for including the date sent and a brief description of the email like the previous archive utility did. Subject lines don't necessarily tell the story of the email and the date would help readers put the emails in a time context.

Occasional Contributor

Really need more help with the Embedded Archive ... what if I can't embed on my page? What if I can only link to? Now what do I do?

Employee

Hello @SandraC2

 

If you cannot embed the archive onto your page for any reason, you can always use the Short URL for each sent campaign to link to each campaign from anywhere (your website or social media).  Here's some more info on getting the Short URL.

Member

Thank you for these styles.  I really like the line height style and will incorporate it.  With regard to the comment from FrancieK about including the date sent with the email subject line, I would really like to have this too.

Employee

I am happy to hear that these were helpful, @SharonC273. I will track your request for including the date sent in the archive code. 

 

Thanks for commenting and have a great day! 

Frequent Visitor

We have been a user of the previous archive feature that is no longer being supported by constantcontact.

 

we are trying to embed our "new" archive using the script provided in the password protected, ssl encripted, members only section of our website. However, the archive doesn't seem to be showing up.

 

Is there a known issue around this? Also, because the browsers often "block" scripts like this, we've always had a link for the user to open the archive on it's own page.. Is this feature not available any longer?

Member

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. 

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!

Regular Visitor

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

Employee

Hello Sara, 

 

At this time the archive can only have the title. We are tracking customer requests for adding additional options to the archive. I would suggest posting in our feedback area here with what you would like to see, so that we can see interest among other customers or sending your feedback to social_support(at)constantcontact(dot)com with your username so that we can track for you. 

 

Thanks, 

 

Samantha

Employee

Hello @ASEC_Owner

 

The change in our archive product is recent. This feature was released in our updated experience in September.  In our older platform, the archive experience was different - it included a homepage that was editable and different process for archiving emails in general. I will track your feedback in our system for the features that you have requested - changing the name of the archive and being able to edit the order that they are listed. If you have any other feedback about this, please feel free to post here or in our feedback area of the Community

 

If you want us to take a look at what is going on with the embeddable archive code that is not working for you, please feel free to reach out to us here or at social_support(at)constantcontact(dot)com. 

 

Thanks, 

 

Samantha

BenJumper
Not applicable

 

I couldn't find any other article concerning editing the embedded archive script, so I'll comment on this one. Is there a way to filter the email archives the script pulls in? We have multiple types of recurring emails, but we only want to show one type in a specified archive page. Can we filter on title/subject?

 

 

Employee

Hi @BenJumper,

 

Just to be sure I am understanding your question correctly, you have some recurring emails but only want to archive certian ones by automatically filtering them onto your website by title/ subject?

 

By clicking the "Actions" button accross from any sent email in your acount, you should be able to "Archive" or "Unarchive" any email. So, you should be in control of what emails are displayed on your Archive page on your website, but it will not be automatic. Because you have to manually select the emails you want to Archive, we don't have any abilities to filter emails by titles or subject lines to automatically Archive.

 

We are tracking requests from custoemrs for adding additional options to the archive feature. I recommend posting in our feedback area with what you would like to see, so that we can see interest among other customers or sending your feedback to social_support(at)constantcontact(dot)com with your username so that we can track for you.

Regular Visitor

Sure would like the archive to display the newest email at the top of the stack.  It looks like the order is oldest to newest emails in each month, sorted by oldest email of the current month on top, followed by the older months.  For example, by default my archive comes out:

 

Dec 1

Dec 8

Nov 10

Nov 17

 

What I would like to set is:

 

Dec 8

Dec 1

Nov 17

Nov 10