Join our Ask A Trainer Sessions and Chat With our Experts!

Problem with Embeddable Newsletter Archive Widget

BarryT77
Constant Contact Partner

I am a web developer and have embedded the newsletter archive widget for my client on a page on their site  . The archive does not display (nothing displays) and I am not seeing any javascript errors in the console. 

 

Any suggestions on how to troubleshoot this?

 

Thanks,

 

 

Top Answer
Kyle_R
Employee

Hi @BarryT77 , my apologies lots of confusion here it seems. I'd like to try and help if I can.

 

Thanks for the code example, I was doing some testing to make sure all is well. I don't think there are any archived emails associated with the account the code snippet is from. In which case, showing nothing would be totally expected. It's worth noting that the code snippet doesn't automatically pull the most recently sent newsletters, but as an account owner you have control over which newsletters to show in your embedded archive using the action menu. This article shows the process of archiving and un-archiving a newsletters from within an account with screenshots and instructions. Can we start by archiving a few desired emails and testing the Wordpress site again?

 

That's not to say there might not still be some issues to troubleshoot after archiving a few emails, so I'll also mention that if you're testing the code in a standalone HTML file I think you may still run into some issues. This is due to the location of the Javascript file in the snippet not having http/https specified:

 

src="//static.ctctcdn.com/js/archive-static/current/archive-static.min.js"></script>

 

I believe this is done so that it takes on the protocol of the site it's being hosted on in order to avoid mixed content or CORS errors if it's an HTTP site vs an HTTPS site. Testing it locally from a file causes it to look for the script to be stored locally on my computer as well. If you could host the file somewhere for testing, that might bring more success, but we can worry about that only if you still continue to have issues. 

 

Hope it works!


15 REPLIES 15
William_A
Administrator
0 Votes

Hello @BarryT77 ,

 

Are you using a website builder that allows for outside scripting? Is the builder you're using one of the common ones listed in this article with instructions? Are you adding any additional CSS styling or other coding to it, beyond the bare bones we provide?


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
William A
Community & Social Media Support
BarryT77
Constant Contact Partner

This is a Wordpress site. The page is using the Elementor page builder, and I put the code you provided in an html widget. When that did not work, I tried it on a non-Elementor page, pasting in the code in text mode. Nether one did anything. I also tried changing the theme to one of the default themes, and installing the jQuery Migrater helper plugin, neither of which changed the result.

Zoe_H
Employee
0 Votes

Hello @BarryT77,

 

For information about how to resolve this, you will have to give WordPress a phone call. I do apologize for any inconvenience. Thank you! 


Zoe H.
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.
BarryT77
Constant Contact Partner

That was not at all helpful.

 

To see if the issue was related to Wordpress, I created an html file containing the following code:

 

<html>
<head>
</head>
<body>
<!--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="a07e2nio5i40"></div>
<!--End CTCT Archive-->
</body>
</html>

 

When I visited it, no archive was displayed. 

 

Suggestions?

Zoe_H
Employee
0 Votes

Hello @BarryT77,

 

If you use WordPress.org, please see the steps below: 

 

  1. Copy the code for the widget.
  2. From the Dashboard on the left-hand side, select Pages > All Pages.
  3. Click on the name of the page where you want to add the code.
  4. Click the Text tab on the right-hand side.
  5. Paste the code into the text block where you want the form to display.
  6. In the Publish section, click Update.

For help adding the code to your Wordpress.org website, please contact your webmaster or view Wordpress.org's support.

 

If you use Wordpress.com, please see the information below: 

Wordpress.com is not the same as Wordpress.org. Wordpress.com doesn't support 3rd party Javascript or plugins of any kind. If you're using Wordpress.com, you can create your own email archive by copying the permanent URLs for your sent emails and using them to create text links in your wordpress.com webpage.

For help adding text links to your Wordpress.com website, please contact your webmaster or view Wordpress.com's support.


Zoe H.
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.
BarryT77
Constant Contact Partner

You did not read my last reply. When I originally said the widget was not working on our WordPress site, and I was told to "contact Wordpress.org", I tested further by creating an html file with nothing in it other than your widget. When I viewed that file on its own, outside of WordPress, the newsletter archive did not display and there were no javascript errors in the console. So the issue is not with WordPress, but with your code.

 

Barry

Zoe_H
Employee
0 Votes

Hello @BarryT77,

 

Are you currently using the code displayed here? If so, that code is correct and you should be able to follow the steps to copy and paste it. Please check if you are using Wordpress.com as they don't accept outside code so that may be why it is not working. Thanks!  


Zoe H.
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.
BarryT77
Constant Contact Partner

You still don't get it. I copied the widget code from the newsletter archive code in my client's account, and put it in an html file WITH NOTHING ELSE IN IT. When I viewed that page the archive did not display.

 

I included the entire source code for that test page in my reply above. The client's site is what you're calling Wordpress.org, but your code does not work even when I am trying it outside of the site.

 

Barry

Zoe_H
Employee
0 Votes

Hello @BarryT77,

 

Can you please email social_support(at)constantcontact(dot)com the username that is having this experience along with your web address, your question, and all the steps you have completed so we can do additional research? Thanks! 


Zoe H.
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.
William_A
Administrator
0 Votes

Our higher level technical team is having no issues pulling up your archive, and  Wordpress.org should allow for outside scripting. However, there are a number of elements in a .org site that can result in 3rd party apps and scripting to be interfered with or outright blocked. Ultimately, they're suggesting reaching out to Wordpress.org's support for further troubleshooting as there's nothing wrong with the code, nor anything occurring on our end that'd be preventing the archive from displaying or loading.


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
William A
Community & Social Media Support
BarryT77
Constant Contact Partner

As I have said multiple times, I have put the archive code in an html file with nothing else in it, and the archive does not display. I pasted the source code for that above, and am including it again here.

<html>
   <head>
   </head>
   <body>
      <h1> Constant Contact Archive </h1>
<!--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="a07e2nio5i40"></div>
<!--End CTCT Archive-->
   </body>
</html>

 So regardless of what is going on in the WordPress site, the widget does not display outside of WordPress.

 

Also, for your information, there is no such thing as support from WordPress.org. Support for WordPress related things come from theme and plugin developers, of which I am one. And I would reach out to those if there was a problem with their code, but in this case the only thing not working is the widget code that I got from you in my client's account, that is not working when I follow the instructions on your support page.

 

Barry

William_A
Administrator
0 Votes

Again, the Tier 2 team confirms that the scripting works. However, Wordpress.org can have issues with Javascript, and this is something I'll be alerting our Knowledge Base team to so they can make sure our articles are updated accordingly.

 

Tier 2 is referencing this article on WP, regarding adding javascript to the site to (potentially) allow the archive to work. Beyond that, there's no other insight we're able to provide in regards to making the archive widget work on your client's site.

 

If your client ends up needing a workaround for making their emails accessible on their website, they can grab emails' individual share URLs, and add those to their website (or have you do it) as desired.


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
William A
Community & Social Media Support
BarryT77
Constant Contact Partner

Again, I showed you source code for a standalone html file that I tried to run, and it DOES NOT WORK. So why are you replying in terms of WordPress?

 

If your Tier 2 team got this to work, it would be more helpful to tell me how they did that.

 

Barry

Kyle_R
Employee
0 Votes

Hi @BarryT77 , my apologies lots of confusion here it seems. I'd like to try and help if I can.

 

Thanks for the code example, I was doing some testing to make sure all is well. I don't think there are any archived emails associated with the account the code snippet is from. In which case, showing nothing would be totally expected. It's worth noting that the code snippet doesn't automatically pull the most recently sent newsletters, but as an account owner you have control over which newsletters to show in your embedded archive using the action menu. This article shows the process of archiving and un-archiving a newsletters from within an account with screenshots and instructions. Can we start by archiving a few desired emails and testing the Wordpress site again?

 

That's not to say there might not still be some issues to troubleshoot after archiving a few emails, so I'll also mention that if you're testing the code in a standalone HTML file I think you may still run into some issues. This is due to the location of the Javascript file in the snippet not having http/https specified:

 

src="//static.ctctcdn.com/js/archive-static/current/archive-static.min.js"></script>

 

I believe this is done so that it takes on the protocol of the site it's being hosted on in order to avoid mixed content or CORS errors if it's an HTTP site vs an HTTPS site. Testing it locally from a file causes it to look for the script to be stored locally on my computer as well. If you could host the file somewhere for testing, that might bring more success, but we can worry about that only if you still continue to have issues. 

 

Hope it works!

BarryT77
Constant Contact Partner

Thanks for that. You are right, there were no newsletters archived in the account.

 

I archived one of them, and it showed up in my standalone file after several minutes (not right away). I was running under https so things displayed even with the javascript file being called remotely.

 

And it showed up on my WordPress page also. Now I have to play with the appearance of the archive.

 

Appreciate the help!

  • Avatar

    Featured Article

    Use Sections to Build Email Campaigns Faster and Improve Engagement Rates

    Using Sections while designing your marketing email not only increases your own efficiency but helps you to deliver a more friendly, organized message. Check out some of the key benefits of using sections in email.

    See Article
  • Avatar

    Featured Thread

    Casual Conversations: What's your go-to playlist?

    If you listen to music while you work, share your playlist below so we can be inspired and maybe find some new music!

    View thread
  • Avatar

    Featured Thread

    Share Your Success Sweepstakes

    Share a success story from the last year and be entered for a chance to win great prizes!

    Enter now!
Updates
Just Getting Started?

We’re here to help you grow. With how-to tutorials, courses, getting-started guides, videos and step-by-step instructions to start and succeed with Constant Contact.

Start Here

73% of SMBs express doubt that their marketing strategy is effective. Does this sound familiar? Read our Small Business Now Report to learn how you can tweak your strategy to see better results.

Go read our article
Upcoming Webinars
JAN 06
How to Grow Your List in Constant Contact
3PM - 4PM EST