{
  "Status": true,
  "Message": "",
  "Response": {
    "post": {
      "postuid": "8b477547-340d-4b04-95fd-8c555a95f093",
      "tenantuid": "d8b744fc-2e70-4089-bb80-dd1d08f6c7b2",
      "projectuid": "239698c5-f7eb-4574-8cc8-c6568f08b3a0",
      "title": "How to build a newsletter archive",
      "slug": "article/how-to-build-a-newsletter-archive",
      "html": "\u003Cp\u003EMany brands use DailyStory to send newsletters to their customers. Often, they want to archive these newsletters on their website or make them publicly accessible so people can view past issues.\u003C/p\u003E\u003Cp\u003EDailyStory supports a feature to auto-publish and provides APIs in case you want more control over how the content is shown. For the purpose of this tutorial, we\u0027ll examine how we do this for the \u003Ca href=\u0022https://www.dailystory.com/newsletter/\u0022\u003EDailyStory Newsletter\u003C/a\u003E.\u003C/p\u003E\u003Cp\u003EThere are three ways you can publish your email on your website with DailyStory:\u003C/p\u003E\u003Cul\u003E\u003Cli\u003EAutomatic with Web View enabled\u003C/li\u003E\u003Cli\u003EWrite custom JavaScript and HTML\u003C/li\u003E\u003Cli\u003EPublish the HTML directly\u003C/li\u003E\u003C/ul\u003E\u003Cp\u003EIn this tutorial, we\u0027ll examine all three options.\u003C/p\u003E\u003Ch2 id=\u0022option_1__automatically_publish_a_newsletter_archive\u0022\u003EOption 1 - Automatically publish a newsletter archive\u003C/h2\u003E\u003Cp\u003EWhen creating an email in DailyStory, one of the \u003Ca href=\u0022https://docs.dailystory.com/article/g5d6kyabxb-create-an-email\u0022\u003EAdvanced Options\u003C/a\u003E is to enable \u0022Web View.\u0022 When Web View is enabled, it does two things:\u003C/p\u003E\u003Col\u003E\u003Cli\u003EWhen the \u003Cb\u003E*|WEBVIEW|*\u003C/b\u003E token is used in the body of the email, a personalized version of the email is accessible via a unique URL.\u003C/li\u003E\u003Cli\u003EIt enables a publicly shareable URL. Unlike the unique URL used by \u003Cb\u003E*|WEBVIEW|*\u003C/b\u003E, this URL does not contain any personalization.\u003C/li\u003E\u003C/ol\u003E\u003Ccite class=\u0022warning\u0022\u003E\u003Cspan class=\u0022title\u0022\u003EWarning\u003C/span\u003E\u003Cp\u003EFor any common personalization tokens, such as first name, the \u003Ca href=\u0022https://docs.dailystory.com/article/6x6d4qayle-test-lead\u0022\u003Etest contact data\u003C/a\u003E is used for these tokens.\u003C/p\u003E\u003C/cite\u003E\u003Ch3 id=\u0022email_advanced_options\u0022\u003EEmail Advanced Options\u003C/h3\u003E\u003Cp\u003EBelow is a screenshot of this setting in Advanced Options for enabling an automatic email newsletter archive:\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/1adde762fdb1d75ff179450718cf55dd.png?v=1781949791\u0022 data-width=\u00221024\u0022 data-height=\u0022313\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003EConfigure DailyStory email advanced options\u003C/figcaption\u003E\u003C/figure\u003E\u003Cp\u003EOnce enabled, click on the \u0022Use this URL\u0022 link. For example, here is the publicly shareable URL for \u003Ca href=\u0022https://pages.dailystory.com/email/archive/4933ca402181fcf4a5c94713daaa9921/64436\u0022\u003EDailyStory\u0027s September 2024 newsletter\u003C/a\u003E:\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/607d24c758ead6cb76576259680ddbbe.png?v=1809578126\u0022 data-width=\u0022698\u0022 data-height=\u0022770\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003EExample Public Newsletter\u003C/figcaption\u003E\u003C/figure\u003E\u003Cp\u003EAt the top of the page is a link with the subject of the email, e.g., \u0022Tips and New Features from DailyStory | September 2024.\u0022 Clicking that link will take you to an archive page that lists all past published emails.\u003C/p\u003E\u003Ccite class=\u0022warning\u0022\u003E\u003Cspan class=\u0022title\u0022\u003EWarning\u003C/span\u003E\u003Cp\u003EThe emails must have Web View enabled to show up in this list.\u003C/p\u003E\u003C/cite\u003E\u003Ch3 id=\u0022an_example_of_a_newsletter_archive_list\u0022\u003EAn example of a newsletter archive list\u003C/h3\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/96f3ca3c2bc7cd35c76aff7551d73395.png?v=1811273781\u0022 data-width=\u0022620\u0022 data-height=\u0022788\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003EList of archived newsletters\u003C/figcaption\u003E\u003C/figure\u003E\u003Cp\u003EThis allows all published newsletters to be easily accessible. However, you may want better control over the UI of how this list is displayed. To accomplish this, we\u0027ll write some custom JavaScript and HTML.\u003C/p\u003E\u003Ch2 id=\u0022option_2__use_your_own_html_to_publish_a_newsletter_archive\u0022\u003EOption 2 - Use your own HTML to publish a newsletter archive\u003C/h2\u003E\u003Cp\u003EThe list of all emails for a given campaign that have Web View enabled is also accessible as a JSON array. When viewing the archive page in the steps above, you\u0027ll find a \u0027Get JSON\u0027 link in the footer of the page.\u003C/p\u003E\u003Ch3 id=\u0022email_list_json\u0022\u003EEmail list JSON\u003C/h3\u003E\u003Cp\u003EUsing our example of the DailyStory newsletter, here is what that JSON looks like:\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/27721dfc3490cbbf959c985175494a81.png?v=1810371249\u0022 data-width=\u0022658\u0022 data-height=\u0022321\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003ENewsletter list JSON\u003C/figcaption\u003E\u003C/figure\u003E\u003Ccite class=\u0022warning\u0022\u003E\u003Cspan class=\u0022title\u0022\u003EWarning\u003C/span\u003E\u003Cp\u003EThe API only returns the path of the URL. This is because some customers host with custom domains.\u003C/p\u003E\u003C/cite\u003E\u003Cp\u003EUsing this JSON, we can write JavaScript to read this endpoint and render a list.\u003C/p\u003E\u003Ch3 id=\u0022example_of_a_custom_list_using_javascript_and_html\u0022\u003EExample of a custom list using JavaScript and HTML\u003C/h3\u003E\u003Cp\u003EBelow is a screenshot of how we\u0027ve done this for the \u003Ca href=\u0022https://www.dailystory.com/newsletter/\u0022\u003EDailyStory site (you can view the source to see the exact JavaScript)\u003C/a\u003E:\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/dc53fd56660ca940a3729f3e3d5066cc.png?v=1805426076\u0022 data-width=\u00221024\u0022 data-height=\u0022887\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003ENewsletter list website\u003C/figcaption\u003E\u003C/figure\u003E\u003Cp\u003EIn this example, the URL for each of the cards links to the publicly shared URL. However, we could also export the HTML and host it directly if we wanted to as well.\u003C/p\u003E\u003Ch2 id=\u0022option_3__publish_the_newsletter_archive_by_exporting_the_email_html\u0022\u003EOption 3 - Publish the newsletter archive by exporting the email HTML\u003C/h2\u003E\u003Cp\u003EThe final and most advanced option gives you full control over exactly what you want published.\u003C/p\u003E\u003Cp\u003EThe use case here is when you want to publish your email newsletter on your website directly, or if you don\u0027t want DailyStory to publicly host a page with your email content.\u003C/p\u003E\u003Ch3 id=\u0022get_the_raw_email_html\u0022\u003EGet the raw email HTML\u003C/h3\u003E\u003Cp\u003ETo get the raw HTML of your email, navigate to the Advanced Options in DailyStory for that specific email:\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/9947a9a7e411c853f79b2813d78be08e.png?v=1804991569\u0022 data-width=\u00221024\u0022 data-height=\u0022105\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003EAdvanced Options export email HTML\u003C/figcaption\u003E\u003C/figure\u003E\u003Cp\u003EClick the \u0022Export\u0022 button to export the raw HTML of your email. You can then post this HTML directly into your own content management system.\u003C/p\u003E\u003Ccite class=\u0022warning\u0022\u003E\u003Cspan class=\u0022title\u0022\u003EWarning\u003C/span\u003E\u003Cp\u003ESome editing of the HTML may be required.\u003C/p\u003E\u003C/cite\u003E\u003Ch2 id=\u0022conclusion\u0022\u003EConclusion\u003C/h2\u003E\u003Cp\u003EPublishing a newsletter archive with DailyStory\u0027s \u003Ca href=\u0022https://www.dailystory.com/features/email-marketing/\u0022\u003Eemail marketing\u003C/a\u003E capabilities is easy. Creating web-accessible versions of your emails is just as simple to set up, with both automatic and custom choices available.\u003C/p\u003E",
      "publish_status": 0,
      "post_type": "Article",
      "featured_image_updating": false,
      "meta_description": "Learn how to publish a newsletter archive on your website using DailyStory with options for auto-publishing, custom HTML/JavaScript, or exporting email HTML.",
      "display_toc": true,
      "has_workingcopy": false,
      "allow_indexing": true,
      "sort_order": 9,
      "total_views": 308,
      "date_published": "2026-03-13T18:29:21.603",
      "date_updated": "2026-03-13T18:29:22.467",
      "date_created": "2026-03-13T18:23:20.073"
    }
  }
}