{"id":3645,"date":"2023-10-23T12:26:20","date_gmt":"2023-10-23T12:26:20","guid":{"rendered":"http:\/\/jr018d.sendtric.com\/?p=3645"},"modified":"2023-10-23T12:26:20","modified_gmt":"2023-10-23T12:26:20","slug":"how-to-embed-a-countdown-timer-into-a-shopify-email","status":"publish","type":"post","link":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/","title":{"rendered":"How to Embed a Sendtric Countdown Timer into a Shopify Email"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3645\" class=\"elementor elementor-3645\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-55b55ce4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"55b55ce4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-708d0049\" data-id=\"708d0049\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-228b7d8c elementor-widget elementor-widget-text-editor\" data-id=\"228b7d8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p><strong>How to Embed a Sendtric Countdown Timer into a Shopify<\/strong> <strong>Email<\/strong><\/p>\n\n\n\n<p>Are you tired of sending out email after email without seeing any real results? If you want to take your Shopify email marketing campaigns to the next level, consider adding a Sendtric countdown timer to your templates. This powerful tool creates a sense of urgency that encourages customers to act quickly and make a purchase. And the best part? It&#8217;s incredibly easy to use. With just a few clicks, you can add a custom countdown timer to any of your marketing emails, making your campaigns more dynamic and effective. If you want to see real engagement and increased ROI, it&#8217;s time to try out Sendtric countdown timers for yourself. Trust us, you won&#8217;t be disappointed.<\/p>\n\n\n\n<p><strong>Step 1: Open the Shopify<\/strong> <strong>Email Builder<\/strong><\/p>\n\n\n\n<p>Open the <strong>Shopify<\/strong> email app in your dashboard and create a new email by clicking the green \u201cCreate Campaign\u201d button.<\/p>\n\n\n\n<p>You can use an existing template, choose a new layout from the Shopify email library, or create a new email design from scratch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png\" alt=\"\" class=\"wp-image-3646\"\/><\/figure>\n\n\n\n<p><strong>Step 2:<\/strong> <strong>Add a New Section<\/strong><\/p>\n\n\n\n<p>When you have your Shopify email template open, click the blue \u201cAdd Section\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-2.png\" alt=\"\" class=\"wp-image-3647\"\/><\/figure>\n\n\n\n<p><strong>Step 3:<\/strong> <strong>Choose a HTML Block<\/strong><\/p>\n\n\n\n<p>From the menu that opens, choose the \u201cCustom Liquid\u201d option to insert your own HTML code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-3.png\" alt=\"\" class=\"wp-image-3648\"\/><\/figure>\n\n\n\n<p><strong>Step 4:<\/strong> <strong>Create Your Sendtric Countdown Timer<\/strong><\/p>\n\n\n\n<p>In a separate browser tab, open the Sendtric website. To create your email countdown timer, simply add your email address, set the timer end date and time, and choose your customization options, such as language and colours.<\/p>\n\n\n\n<p>When you have completed the fields, click the blue \u201cGenerate\u201d button to create your timer. Copy the unique HTML code that is generated and displayed on the right.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-4.png\" alt=\"\" class=\"wp-image-3649\"\/><\/figure>\n\n\n\n<p><strong>Step 5: Insert the HTML Code into Shopify<\/strong><\/p>\n\n\n\n<p>Paste your Sendtric countdown timer code into the \u201cCode\u201d box that will automatically appear on the right when you add your \u201cCustom Liquid\u201d content box. Your timer will then appear in the email preview.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-5.png\" alt=\"\" class=\"wp-image-3650\"\/><\/figure>\n\n\n\n<p><strong>Step 6: Test and Send Your Shopify<\/strong> <strong>Email<\/strong><\/p>\n\n\n\n<p>Before sending out any Shopify email campaign with a Sendtric countdown timer, take a moment to preview it and make sure everything looks just right.You can use the Shopify email template builder tools to further customise the positioning and design of your countdown timer.<\/p>\n\n\n\n<p>This powerful tool gives you the ability to add a digital countdown timer to your emails, creating a sense of urgency that can prompt your recipients to take immediate action. Whether you want to promote a sale, highlight an upcoming event, or simply boost engagement with your audience, Sendtric has you covered. With its easy-to-use interface, you can create free countdown timers for Shopify emails in just a few clicks. Don&#8217;t wait any longer to take your email marketing to the next level. Try Sendtric today and start seeing results.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dfc4b97 elementor-section-full_width elementor-section-stretched timer-section elementor-section-height-default elementor-section-height-default\" data-id=\"dfc4b97\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-36957493\" data-id=\"36957493\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-46c947e7 elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"46c947e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Add a Free HTML Countdown Timer<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc9c7b6 elementor-widget elementor-widget-heading\" data-id=\"1cc9c7b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">No watermark \u2013 Up to 10,000 views for FREE<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-364549c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"364549c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4ae5291b\" data-id=\"4ae5291b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-81e7302 elementor-widget elementor-widget-html\" data-id=\"81e7302\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.1.0-rc.0\/css\/select2.min.css\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery-datetimepicker\/2.5.20\/jquery.datetimepicker.min.css\" \/>\r\n<script src=\"\/moment-with-locales.js\"><\/script>\r\n<script src=\"\/moment-timezone-with-data.js\"><\/script>\r\n\r\n<link rel=\"stylesheet\" href=\"\/talwin.min.css\">\r\n<form class=\"timer-form\">\r\n    <div class=\"ui error message\" style=\"display:none\">\r\n\t\t<div class=\"header\">Generate Error<\/div>\r\n\t\t<p>Account exists, please sign in!<\/p>\r\n\t<\/div>\r\n    <div class=\"input-container\">\r\n        <div class=\"input-group\">\r\n            <i class=\"fa fa-envelope\"><\/i>\r\n            <input type=\"email\" placeholder=\"Email Address\" id=\"guest-email\" \/>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"input-container\">\r\n        <div class=\"input-group\">\r\n            <label for=\"timezone\">Time Zone<\/label>\r\n            <Select id=\"timezone\" onchange=\"setDateTimeValue()\"><\/select>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"input-container\">\r\n        <div class=\"input-group\" style=\"margin-bottom: 0px;\">\r\n            <label for=\"datetime\">When does your timer end? (max 30 days)<\/label>\r\n            <div class=\"input-group\" id=\"datetime-container\">\r\n                <i class=\"fa fa-calendar-alt\"><\/i>\r\n                <input type='text' class=\"form-control\" id=\"datetime\" placeholder=\"Date time\" readonly \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"input-container\">\r\n        <div class=\"input-group\">\r\n            <label for=\"language\">Language<\/label>\r\n            <Select id=\"language\"><\/select>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"color-picker-container\">\r\n        <div class=\"color-piker-element\">\r\n            <div class=\"color-picker\">\r\n                <input type=\"color\" id=\"bg-color-id\" value=\"#000000\" style=\"display:none;\" \/>\r\n\t\t\t\t<div id=\"bg-color-id-div\" class=\"picker\"><\/div>\r\n            <\/div>\r\n            <label for=\"bg-color-id\">Background<\/label>\r\n        <\/div>\r\n        <div class=\"color-piker-element\">\r\n            <div class=\"color-picker\">\r\n                <input type=\"color\" id=\"label-color-id\" value=\"#ffffff\" style=\"display:none;\" \/>\r\n\t\t\t\t<div id=\"label-color-id-div\" class=\"picker\"><\/div>\r\n            <\/div>\r\n            <label for=\"label-color-id\">Labels<\/label>\r\n        <\/div>\r\n        <div class=\"color-piker-element\">\r\n            <div class=\"color-picker\">\r\n                <input type=\"color\" id=\"digit-color-id\" value=\"#ffffff\" style=\"display:none;\" \/>\r\n\t\t\t\t<div id=\"digit-color-id-div\" class=\"picker\"><\/div>\r\n            <\/div>\r\n            <label for=\"digit-color-id\">Digits<\/label>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"input-container\" style=\"margin-top: 10px;float:left;width:100%;\">\r\n        <div class=\" checkbox\">\r\n            <input type=\"checkbox\" id=\"accept_terms_n_policies\" style=\"width: 13px;height: 13px;float: left;margin-top: 5px;\">\r\n            <label for=\"accept_terms_n_policies\" style=\"width: calc(100% - 36px);font-size: 14px;float: left;padding-left: 10px;font-weight: 500;color: #000000de;margin-bottom: 20px;line-height: 25px;font-family: system-ui;\">I agree to the <a style=\"color:#0facf3\" href=\"\/terms-of-service\/\">Terms of Service<\/a> and <a style=\"color:#0facf3\" href=\"\/privacy-policy\/\">Privacy Policy<\/a><\/label>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"input-container\" style=\"float:left;width:100%;\">\r\n        <div class=\"input-group\">\r\n            <button id=\"sendtric-button\" disabled data-sitekey=\"6LcjDTEUAAAAADHHZs77-k1A3Ww_ELMy7HEKIE5J\" data-callback='onSubmit' class=\"form-submit-button g-recaptcha\" data-action='submit' data-expired-callback=\"handleCaptchaExpired\">GENERATE<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/form>\r\n<style>\r\n    .color-picker-container{align-items:center;display:flex;justify-content:space-evenly}.color-picker-container .color-piker-element{height:80px;text-align:center;width:80px}.color-picker-container .color-piker-element .color-picker{border:1px solid #cecece;height:46px;margin:auto;padding:5px;width:46px}.color-picker-container .color-piker-element .color-picker input[type=color]{border:1px solid #000;height:100%;width:100%}.color-picker-container label{font-size:13px;font-weight:400;letter-spacing:.5px;margin-bottom:4px}.input-container .input-group{margin-bottom:1rem;position:relative}.input-container .input-group i.fa{font-size:16px;left:12px;opacity:.5;position:absolute;top:12px;transition:.5s;z-index:4}.input-container .input-group input{border:1px solid #aaa;border-radius:5px;box-shadow:none;font-size:14px;height:38px;padding-left:40px;transition:.5s;width:100%}.input-container .input-group input:focus-visible{border:1px solid #85b7d9;box-shadow:none;outline:none}.input-container .input-group input[type=\"datetime-local\"]{padding:.67857143em 2.1em .67857143em 1em}.input-container .input-group label{color:rgba(0,0,0,.87);display:block;font-size:13px;font-weight:700;margin:0 0 .28571429rem;text-transform:none}.input-container .input-group:focus-within i.fa{opacity:1}.input-container .input-group:focus-within input{border-color:#85b7d9}.input-group.checkbox{align-items:center;display:flex}.input-group.checkbox input{width:auto}.input-group.checkbox label{cursor:pointer;font-weight:400;line-height:34px;margin-bottom:0;margin-left:10px}.input-group.checkbox label a{color:#19c6ff;font-weight:500}.select2-container{width:100%!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}.select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:0}.ui.error.message{-webkit-box-shadow:0 0 0 1px #570000 inset,0 0 0 0 transparent;-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;background:#f8f8f9;background-color:#fff6f6;border-radius:.28571429rem;box-shadow:0 0 0 1px #570000 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;color:rgba(0,0,0,.87);color:#9f3a38;font:1em\/1.4285em Lato;margin:1em 0;min-height:1em;padding:1em 1.5em;position:relative;text-align:left;transition:opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease}.ui.error.message .header{color:#912d2b;font-size:18px}.ui.message .header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;margin:-.14285714em 0 0}.ui.message p{font-size:16px;margin:0;margin-top:.25em;opacity:.85}button.form-submit-button{background:#1ac6ff!important;font-size:18px;font-weight:500!important;padding:15px 27px;width:100%}button.form-submit-button:disabled{opacity:.5}form.timer-form{padding:40px}span.select2-selection.select2-selection--single,.select2-container--default .select2-results__option--selectable{align-items:center;display:flex;font-size:14px;height:38px;justify-content:flex-start;line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em}select#timezone, select#language {width: 100%;height: 38px;border-radius: 5px;}\r\n\t\r\n\tinput.talwin__slider.talwin__slider--hue {background: linear-gradient( -90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000 );}.talwin__slider::-webkit-slider-thumb {border-radius: 5px !important;height: 25px !important;width: 10px !important;background-color: #ffffffc7 !important;border-color: #000 !important;border-width: 2px !important;}button.tw-ref {height: 34px;width: 34px;border-radius: 0px;justify-content: center;align-items: center;display: flex;border: 1px solid #000;}button.tw-ref:focus {outline:none;}\r\n\t.color-picker-container .color-piker-element .color-picker {display: flex;justify-content: center;align-items: center;}\r\n<\/style>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.1.0-rc.0\/js\/select2.min.js\"><\/script>\r\n<script src=\"\/talwin.min.js\"><\/script>\r\n<script src=\"\/datetimepicker.min.js\"><\/script>\r\n<script>\r\n    const getOffset = (timeZone = 'UTC', date = new Date()) => {\r\n        const utcDate               =   new Date(date.toLocaleString('en-US', { timeZone: 'UTC' }));\r\n        const tzDate                =   new Date(date.toLocaleString('en-US', { timeZone }));\r\n        const offsetInMinutes       =   (tzDate.getTime() - utcDate.getTime()) \/ 6e4;\r\n        let OffsetInHours           =   Math.abs(Math.trunc(offsetInMinutes\/60));\r\n        let OffsetInMinutes         =   Math.abs(Math.trunc(offsetInMinutes%60));\r\n        if(offsetInMinutes>=0) {\r\n            let hours   = OffsetInHours.toString().padStart(2, '0')\r\n            let minutes = OffsetInMinutes.toString().padStart(2, '0')\r\n            return `+${hours}:${minutes}`\r\n        } else {\r\n            let hours   = OffsetInHours.toString().padStart(2, '0')\r\n            let minutes = OffsetInMinutes.toString().padStart(2, '0')\r\n            return `-${hours}:${minutes}`\r\n        }\r\n    }\r\n\t\r\n\tbg_color_picker \t\t= \tnew Talwin(\"#bg-color-id-div\", { color : 'black', opacity : false});\r\n\tlable_color_picker \t\t= \tnew Talwin(\"#label-color-id-div\", { color : 'white', opacity : false});\r\n\tdigit_color_picker \t\t= \tnew Talwin(\"#digit-color-id-div\", { color : 'white', opacity : false});\r\n\r\n\tbg_color_picker.on('color', (color) => {\r\n\t\tjQuery(\"#bg-color-id\").val(color.hex())\r\n\t})\r\n\tlable_color_picker.on('color', (color) => {\r\n\t\tjQuery(\"#label-color-id\").val(color.hex())\r\n\t})\r\n\tdigit_color_picker.on('color', (color) => {\r\n\t\tjQuery(\"#digit-color-id\").val(color.hex())\r\n\t})\r\n\r\n    function setDateTimeValue() {\r\n        let TimeZone = jQuery('#timezone').val();\r\n        let localTime = new Date();\r\n        localTime.setHours(localTime.getHours() + 1);\r\n        localTime.setMinutes(0);\r\n\r\n        let localeDate  = localTime.toLocaleString('en-US', { timeZone: TimeZone });\r\n        let defaultDate = new Date(localeDate);\r\n        let maxDateTime = new Date(localeDate);\r\n        maxDateTime.setDate(maxDateTime.getDate() + 30);\r\n\t\tlet minDateTime = new Date(localeDate);\r\n\t\tminDateTime.setHours(0, 0, 0, 0)\r\n        jQuery('#datetime').datetimepicker({\r\n            minDateTime: new Date(minDateTime),\r\n            maxDateTime: maxDateTime,\r\n            value: defaultDate,\r\n            step:1,\r\n            format: 'm\/d\/Y h:i A'\r\n        });\r\n    }\r\n\r\n    jQuery(document).ready(function () {\r\n        \/\/ let timezones = [{ \"text\": \"Etc\/GMT+12 (UTC -12:00)\", \"value\": \"Etc\/GMT+12\" }, { \"text\": \"Pacific\/Pago Pago (UTC -11:00)\", \"value\": \"Pacific\/Pago_Pago\" }, { \"text\": \"Pacific\/Niue (UTC -11:00)\", \"value\": \"Pacific\/Niue\" }, { \"text\": \"Etc\/GMT+11 (UTC -11:00)\", \"value\": \"Etc\/GMT+11\" }, { \"text\": \"Pacific\/Tahiti (UTC -10:00)\", \"value\": \"Pacific\/Tahiti\" }, { \"text\": \"Pacific\/Honolulu (UTC -10:00)\", \"value\": \"Pacific\/Honolulu\" }, { \"text\": \"HST (UTC -10:00)\", \"value\": \"HST\" }, { \"text\": \"Etc\/GMT+10 (UTC -10:00)\", \"value\": \"Etc\/GMT+10\" }, { \"text\": \"America\/Adak (UTC -10:00)\", \"value\": \"America\/Adak\" }, { \"text\": \"Pacific\/Marquesas (UTC -09:30)\", \"value\": \"Pacific\/Marquesas\" }, { \"text\": \"Pacific\/Gambier (UTC -09:00)\", \"value\": \"Pacific\/Gambier\" }, { \"text\": \"Etc\/GMT+9 (UTC -09:00)\", \"value\": \"Etc\/GMT+9\" }, { \"text\": \"America\/Anchorage (UTC -09:00)\", \"value\": \"America\/Anchorage\" }, { \"text\": \"Pacific\/Pitcairn (UTC -08:00)\", \"value\": \"Pacific\/Pitcairn\" }, { \"text\": \"PST8PDT (UTC -08:00)\", \"value\": \"PST8PDT\" }, { \"text\": \"Etc\/GMT+8 (UTC -08:00)\", \"value\": \"Etc\/GMT+8\" }, { \"text\": \"America\/Los Angeles (UTC -08:00)\", \"value\": \"America\/Los_Angeles\" }, { \"text\": \"MST7MDT (UTC -07:00)\", \"value\": \"MST7MDT\" }, { \"text\": \"MST (UTC -07:00)\", \"value\": \"MST\" }, { \"text\": \"Etc\/GMT+7 (UTC -07:00)\", \"value\": \"Etc\/GMT+7\" }, { \"text\": \"America\/Phoenix (UTC -07:00)\", \"value\": \"America\/Phoenix\" }, { \"text\": \"America\/Edmonton (UTC -07:00)\", \"value\": \"America\/Edmonton\" }, { \"text\": \"America\/Denver (UTC -07:00)\", \"value\": \"America\/Denver\" }, { \"text\": \"Pacific\/Galapagos (UTC -06:00)\", \"value\": \"Pacific\/Galapagos\" }, { \"text\": \"Etc\/GMT+6 (UTC -06:00)\", \"value\": \"Etc\/GMT+6\" }, { \"text\": \"CST6CDT (UTC -06:00)\", \"value\": \"CST6CDT\" }, { \"text\": \"America\/Monterrey (UTC -06:00)\", \"value\": \"America\/Monterrey\" }, { \"text\": \"America\/Mexico City (UTC -06:00)\", \"value\": \"America\/Mexico_City\" }, { \"text\": \"America\/Chicago (UTC -06:00)\", \"value\": \"America\/Chicago\" }, { \"text\": \"Pacific\/Easter (UTC -05:00)\", \"value\": \"Pacific\/Easter\" }, { \"text\": \"Etc\/GMT+5 (UTC -05:00)\", \"value\": \"Etc\/GMT+5\" }, { \"text\": \"EST5EDT (UTC -05:00)\", \"value\": \"EST5EDT\" }, { \"text\": \"EST (UTC -05:00)\", \"value\": \"EST\" }, { \"text\": \"America\/Toronto (UTC -05:00)\", \"value\": \"America\/Toronto\" }, { \"text\": \"America\/New York (UTC -05:00)\", \"value\": \"America\/New_York\" }, { \"text\": \"America\/Lima (UTC -05:00)\", \"value\": \"America\/Lima\" }, { \"text\": \"America\/Havana (UTC -05:00)\", \"value\": \"America\/Havana\" }, { \"text\": \"America\/Guayaquil (UTC -05:00)\", \"value\": \"America\/Guayaquil\" }, { \"text\": \"America\/Bogota (UTC -05:00)\", \"value\": \"America\/Bogota\" }, { \"text\": \"Etc\/GMT+4 (UTC -04:00)\", \"value\": \"Etc\/GMT+4\" }, { \"text\": \"Atlantic\/Bermuda (UTC -04:00)\", \"value\": \"Atlantic\/Bermuda\" }, { \"text\": \"America\/Santo Domingo (UTC -04:00)\", \"value\": \"America\/Santo_Domingo\" }, { \"text\": \"America\/Puerto Rico (UTC -04:00)\", \"value\": \"America\/Puerto_Rico\" }, { \"text\": \"America\/Manaus (UTC -04:00)\", \"value\": \"America\/Manaus\" }, { \"text\": \"America\/La Paz (UTC -04:00)\", \"value\": \"America\/La_Paz\" }, { \"text\": \"America\/Guyana (UTC -04:00)\", \"value\": \"America\/Guyana\" }, { \"text\": \"America\/Caracas (UTC -04:00)\", \"value\": \"America\/Caracas\" }, { \"text\": \"America\/Campo Grande (UTC -04:00)\", \"value\": \"America\/Campo_Grande\" }, { \"text\": \"America\/St Johns (UTC -03:30)\", \"value\": \"America\/St_Johns\" }, { \"text\": \"Etc\/GMT+3 (UTC -03:00)\", \"value\": \"Etc\/GMT+3\" }, { \"text\": \"Atlantic\/Stanley (UTC -03:00)\", \"value\": \"Atlantic\/Stanley\" }, { \"text\": \"Antarctica\/Rothera (UTC -03:00)\", \"value\": \"Antarctica\/Rothera\" }, { \"text\": \"America\/Sao Paulo (UTC -03:00)\", \"value\": \"America\/Sao_Paulo\" }, { \"text\": \"America\/Santiago (UTC -03:00)\", \"value\": \"America\/Santiago\" }, { \"text\": \"Atlantic\/South Georgia (UTC -02:00)\", \"value\": \"Atlantic\/South_Georgia\" }, { \"text\": \"America\/Noronha (UTC -02:00)\", \"value\": \"America\/Noronha\" }, { \"text\": \"Etc\/GMT+1 (UTC -01:00)\", \"value\": \"Etc\/GMT+1\" }, { \"text\": \"Atlantic\/Cape Verde (UTC -01:00)\", \"value\": \"Atlantic\/Cape_Verde\" }, { \"text\": \"Atlantic\/Azores (UTC -01:00)\", \"value\": \"Atlantic\/Azores\" }, { \"text\": \"America\/Scoresbysund (UTC -01:00)\", \"value\": \"America\/Scoresbysund\" }, { \"text\": \"WET (UTC +00:00)\", \"value\": \"WET\" }, { \"text\": \"Europe\/London (UTC +00:00)\", \"value\": \"Europe\/London\" }, { \"text\": \"Europe\/Lisbon (UTC +00:00)\", \"value\": \"Europe\/Lisbon\" }, { \"text\": \"Etc\/UTC (UTC +00:00)\", \"value\": \"Etc\/UTC\" }, { \"text\": \"Etc\/GMT-0 (UTC +00:00)\", \"value\": \"Etc\/GMT-0\" }, { \"text\": \"Atlantic\/Reykjavik (UTC +00:00)\", \"value\": \"Atlantic\/Reykjavik\" }, { \"text\": \"Atlantic\/Madeira (UTC +00:00)\", \"value\": \"Atlantic\/Madeira\" }, { \"text\": \"Atlantic\/Canary (UTC +00:00)\", \"value\": \"Atlantic\/Canary\" }, { \"text\": \"Antarctica\/Troll (UTC +00:00)\", \"value\": \"Antarctica\/Troll\" }, { \"text\": \"America\/Danmarkshavn (UTC +00:00)\", \"value\": \"America\/Danmarkshavn\" }, { \"text\": \"Africa\/Monrovia (UTC +00:00)\", \"value\": \"Africa\/Monrovia\" }, { \"text\": \"Africa\/Accra (UTC +00:00)\", \"value\": \"Africa\/Accra\" }, { \"text\": \"Africa\/Abidjan (UTC +00:00)\", \"value\": \"Africa\/Abidjan\" }, { \"text\": \"MET (UTC +01:00)\", \"value\": \"MET\" }, { \"text\": \"Europe\/Rome (UTC +01:00)\", \"value\": \"Europe\/Rome\" }, { \"text\": \"Europe\/Paris (UTC +01:00)\", \"value\": \"Europe\/Paris\" }, { \"text\": \"Europe\/Madrid (UTC +01:00)\", \"value\": \"Europe\/Madrid\" }, { \"text\": \"Europe\/Berlin (UTC +01:00)\", \"value\": \"Europe\/Berlin\" }, { \"text\": \"Etc\/GMT-1 (UTC +01:00)\", \"value\": \"Etc\/GMT-1\" }, { \"text\": \"CET (UTC +01:00)\", \"value\": \"CET\" }, { \"text\": \"Africa\/Tunis (UTC +01:00)\", \"value\": \"Africa\/Tunis\" }, { \"text\": \"Africa\/Lagos (UTC +01:00)\", \"value\": \"Africa\/Lagos\" }, { \"text\": \"Africa\/Casablanca (UTC +01:00)\", \"value\": \"Africa\/Casablanca\" }, { \"text\": \"Africa\/Algiers (UTC +01:00)\", \"value\": \"Africa\/Algiers\" }, { \"text\": \"Europe\/Zaporozhye (UTC +02:00)\", \"value\": \"Europe\/Zaporozhye\" }, { \"text\": \"Europe\/Sofia (UTC +02:00)\", \"value\": \"Europe\/Sofia\" }, { \"text\": \"Europe\/Kiev (UTC +02:00)\", \"value\": \"Europe\/Kiev\" }, { \"text\": \"Europe\/Helsinki (UTC +02:00)\", \"value\": \"Europe\/Helsinki\" }, { \"text\": \"Europe\/Bucharest (UTC +02:00)\", \"value\": \"Europe\/Bucharest\" }, { \"text\": \"Europe\/Athens (UTC +02:00)\", \"value\": \"Europe\/Athens\" }, { \"text\": \"Etc\/GMT-2 (UTC +02:00)\", \"value\": \"Etc\/GMT-2\" }, { \"text\": \"EET (UTC +02:00)\", \"value\": \"EET\" }, { \"text\": \"Asia\/Jerusalem (UTC +02:00)\", \"value\": \"Asia\/Jerusalem\" }, { \"text\": \"Asia\/Gaza (UTC +02:00)\", \"value\": \"Asia\/Gaza\" }, { \"text\": \"Asia\/Damascus (UTC +02:00)\", \"value\": \"Asia\/Damascus\" }, { \"text\": \"Asia\/Beirut (UTC +02:00)\", \"value\": \"Asia\/Beirut\" }, { \"text\": \"Asia\/Amman (UTC +02:00)\", \"value\": \"Asia\/Amman\" }, { \"text\": \"Africa\/Maputo (UTC +02:00)\", \"value\": \"Africa\/Maputo\" }, { \"text\": \"Africa\/Khartoum (UTC +02:00)\", \"value\": \"Africa\/Khartoum\" }, { \"text\": \"Africa\/Johannesburg (UTC +02:00)\", \"value\": \"Africa\/Johannesburg\" }, { \"text\": \"Africa\/Cairo (UTC +02:00)\", \"value\": \"Africa\/Cairo\" }, { \"text\": \"Europe\/Moscow (UTC +03:00)\", \"value\": \"Europe\/Moscow\" }, { \"text\": \"Europe\/Istanbul (UTC +03:00)\", \"value\": \"Europe\/Istanbul\" }, { \"text\": \"Etc\/GMT-3 (UTC +03:00)\", \"value\": \"Etc\/GMT-3\" }, { \"text\": \"Asia\/Riyadh (UTC +03:00)\", \"value\": \"Asia\/Riyadh\" }, { \"text\": \"Asia\/Baghdad (UTC +03:00)\", \"value\": \"Asia\/Baghdad\" }, { \"text\": \"Antarctica\/Syowa (UTC +03:00)\", \"value\": \"Antarctica\/Syowa\" }, { \"text\": \"Africa\/Nairobi (UTC +03:00)\", \"value\": \"Africa\/Nairobi\" }, { \"text\": \"Asia\/Tehran (UTC +03:30)\", \"value\": \"Asia\/Tehran\" }, { \"text\": \"Indian\/Reunion (UTC +04:00)\", \"value\": \"Indian\/Reunion\" }, { \"text\": \"Europe\/Volgograd (UTC +04:00)\", \"value\": \"Europe\/Volgograd\" }, { \"text\": \"Europe\/Ulyanovsk (UTC +04:00)\", \"value\": \"Europe\/Ulyanovsk\" }, { \"text\": \"Europe\/Samara (UTC +04:00)\", \"value\": \"Europe\/Samara\" }, { \"text\": \"Europe\/Astrakhan (UTC +04:00)\", \"value\": \"Europe\/Astrakhan\" }, { \"text\": \"Etc\/GMT-4 (UTC +04:00)\", \"value\": \"Etc\/GMT-4\" }, { \"text\": \"Asia\/Yerevan (UTC +04:00)\", \"value\": \"Asia\/Yerevan\" }, { \"text\": \"Asia\/Tbilisi (UTC +04:00)\", \"value\": \"Asia\/Tbilisi\" }, { \"text\": \"Asia\/Dubai (UTC +04:00)\", \"value\": \"Asia\/Dubai\" }, { \"text\": \"Asia\/Baku (UTC +04:00)\", \"value\": \"Asia\/Baku\" }, { \"text\": \"Asia\/Kabul (UTC +04:30)\", \"value\": \"Asia\/Kabul\" }, { \"text\": \"Indian\/Maldives (UTC +05:00)\", \"value\": \"Indian\/Maldives\" }, { \"text\": \"Etc\/GMT-5 (UTC +05:00)\", \"value\": \"Etc\/GMT-5\" }, { \"text\": \"Asia\/Yekaterinburg (UTC +05:00)\", \"value\": \"Asia\/Yekaterinburg\" }, { \"text\": \"Asia\/Tashkent (UTC +05:00)\", \"value\": \"Asia\/Tashkent\" }, { \"text\": \"Asia\/Qyzylorda (UTC +05:00)\", \"value\": \"Asia\/Qyzylorda\" }, { \"text\": \"Asia\/Karachi (UTC +05:00)\", \"value\": \"Asia\/Karachi\" }, { \"text\": \"Asia\/Dushanbe (UTC +05:00)\", \"value\": \"Asia\/Dushanbe\" }, { \"text\": \"Antarctica\/Mawson (UTC +05:00)\", \"value\": \"Antarctica\/Mawson\" }, { \"text\": \"Asia\/Kolkata (UTC +05:30)\", \"value\": \"Asia\/Kolkata\" }, { \"text\": \"Asia\/Colombo (UTC +05:30)\", \"value\": \"Asia\/Colombo\" }, { \"text\": \"Asia\/Calcutta (UTC +05:30)\", \"value\": \"Asia\/Calcutta\" }, { \"text\": \"Asia\/Kathmandu (UTC +05:45)\", \"value\": \"Asia\/Kathmandu\" }, { \"text\": \"Indian\/Chagos (UTC +06:00)\", \"value\": \"Indian\/Chagos\" }, { \"text\": \"Etc\/GMT-6 (UTC +06:00)\", \"value\": \"Etc\/GMT-6\" }, { \"text\": \"Asia\/Urumqi (UTC +06:00)\", \"value\": \"Asia\/Urumqi\" }, { \"text\": \"Asia\/Dhaka (UTC +06:00)\", \"value\": \"Asia\/Dhaka\" }, { \"text\": \"Antarctica\/Vostok (UTC +06:00)\", \"value\": \"Antarctica\/Vostok\" }, { \"text\": \"Indian\/Cocos (UTC +06:30)\", \"value\": \"Indian\/Cocos\" }, { \"text\": \"Asia\/Rangoon (UTC +06:30)\", \"value\": \"Asia\/Rangoon\" }, { \"text\": \"Indian\/Christmas (UTC +07:00)\", \"value\": \"Indian\/Christmas\" }, { \"text\": \"Asia\/Jakarta (UTC +07:00)\", \"value\": \"Asia\/Jakarta\" }, { \"text\": \"Asia\/Ho_Chi_Minh (UTC +07:00)\", \"value\": \"Asia\/Ho_Chi_Minh\" }, { \"text\": \"Asia\/Bangkok (UTC +07:00)\", \"value\": \"Asia\/Bangkok\" }, { \"text\": \"Antarctica\/Davis (UTC +07:00)\", \"value\": \"Antarctica\/Davis\" }, { \"text\": \"Etc\/GMT-8 (UTC +08:00)\", \"value\": \"Etc\/GMT-8\" }, { \"text\": \"Australia\/Perth (UTC +08:00)\", \"value\": \"Australia\/Perth\" }, { \"text\": \"Asia\/Taipei (UTC +08:00)\", \"value\": \"Asia\/Taipei\" }, { \"text\": \"Asia\/Shanghai (UTC +08:00)\", \"value\": \"Asia\/Shanghai\" }, { \"text\": \"Asia\/Manila (UTC +08:00)\", \"value\": \"Asia\/Manila\" }, { \"text\": \"Asia\/Makassar (UTC +08:00)\", \"value\": \"Asia\/Makassar\" }, { \"text\": \"Asia\/Kuala Lumpur (UTC +08:00)\", \"value\": \"Asia\/Kuala_Lumpur\" }, { \"text\": \"Asia\/Hong Kong (UTC +08:00)\", \"value\": \"Asia\/Hong_Kong\" }, { \"text\": \"Antarctica\/Casey (UTC +08:00)\", \"value\": \"Antarctica\/Casey\" }, { \"text\": \"Australia\/Eucla (UTC +08:45)\", \"value\": \"Australia\/Eucla\" }, { \"text\": \"Pacific\/Palau (UTC +09:00)\", \"value\": \"Pacific\/Palau\" }, { \"text\": \"Asia\/Yakutsk (UTC +09:00)\", \"value\": \"Asia\/Yakutsk\" }, { \"text\": \"Asia\/Tokyo (UTC +09:00)\", \"value\": \"Asia\/Tokyo\" }, { \"text\": \"Asia\/Seoul (UTC +09:00)\", \"value\": \"Asia\/Seoul\" }, { \"text\": \"Asia\/Jayapura (UTC +09:00)\", \"value\": \"Asia\/Jayapura\" }, { \"text\": \"Asia\/Dili (UTC +09:00)\", \"value\": \"Asia\/Dili\" }, { \"text\": \"Asia\/Chita (UTC +09:00)\", \"value\": \"Asia\/Chita\" }, { \"text\": \"Australia\/Darwin (UTC +09:30)\", \"value\": \"Australia\/Darwin\" }, { \"text\": \"Pacific\/Port Moresby (UTC +10:00)\", \"value\": \"Pacific\/Port_Moresby\" }, { \"text\": \"Pacific\/Guam (UTC +10:00)\", \"value\": \"Pacific\/Guam\" }, { \"text\": \"Australia\/Brisbane (UTC +10:00)\", \"value\": \"Australia\/Brisbane\" }, { \"text\": \"Asia\/Vladivostok (UTC +10:00)\", \"value\": \"Asia\/Vladivostok\" }, { \"text\": \"Antarctica\/DumontDUrville (UTC +10:00)\", \"value\": \"Antarctica\/DumontDUrville\" }, { \"text\": \"Australia\/Adelaide (UTC +10:30)\", \"value\": \"Australia\/Adelaide\" }, { \"text\": \"Pacific\/Guadalcanal (UTC +11:00)\", \"value\": \"Pacific\/Guadalcanal\" }, { \"text\": \"Pacific\/Bougainville (UTC +11:00)\", \"value\": \"Pacific\/Bougainville\" }, { \"text\": \"Etc\/GMT-11 (UTC +11:00)\", \"value\": \"Etc\/GMT-11\" }, { \"text\": \"Australia\/Sydney (UTC +11:00)\", \"value\": \"Australia\/Sydney\" }, { \"text\": \"Australia\/Melbourne (UTC +11:00)\", \"value\": \"Australia\/Melbourne\" }, { \"text\": \"Australia\/Lord Howe (UTC +11:00)\", \"value\": \"Australia\/Lord_Howe\" }, { \"text\": \"Asia\/Sakhalin (UTC +11:00)\", \"value\": \"Asia\/Sakhalin\" }, { \"text\": \"Antarctica\/Macquarie (UTC +11:00)\", \"value\": \"Antarctica\/Macquarie\" }, { \"text\": \"Pacific\/Norfolk (UTC +12:00)\", \"value\": \"Pacific\/Norfolk\" }, { \"text\": \"Asia\/Kamchatka (UTC +12:00)\", \"value\": \"Asia\/Kamchatka\" }, { \"text\": \"Pacific\/Tongatapu (UTC +13:00)\", \"value\": \"Pacific\/Tongatapu\" }, { \"text\": \"Pacific\/Fiji (UTC +13:00)\", \"value\": \"Pacific\/Fiji\" }, { \"text\": \"Pacific\/Auckland (UTC +13:00)\", \"value\": \"Pacific\/Auckland\" }, { \"text\": \"Etc\/GMT-13 (UTC +13:00)\", \"value\": \"Etc\/GMT-13\" }, { \"text\": \"Pacific\/Chatham (UTC +13:45)\", \"value\": \"Pacific\/Chatham\" }, { \"text\": \"Pacific\/Apia (UTC +14:00)\", \"value\": \"Pacific\/Apia\" }, { \"text\": \"Etc\/GMT-14 (UTC +14:00)\", \"value\": \"Etc\/GMT-14\" }];\r\n\t\tlet momentTimezones = moment.tz.names();\r\n\t\tlet timezones = [];\r\n\t\tmomentTimezones.forEach(function(timezone) {\r\n\t\t\tlet now = moment().tz(timezone);\r\n\t\t\tlet gmtOffset = now.format('Z');\r\n\t\t\tlet temp = {\r\n\t\t\t\t\"text\": `${timezone.replace(\/_\/g, ' ')} (UTC ${gmtOffset})`,\r\n\t\t\t\t\"value\": timezone\r\n\t\t\t}\r\n\t\t\ttimezones.push(temp)\r\n\t\t});\r\n        let language = [{ \"text\": \"Bulgarian\", \"value\": \"bg\" }, { \"text\": \"Czech\", \"value\": \"cs\" }, { \"text\": \"Danish\", \"value\": \"da\" }, { \"text\": \"Dutch\", \"value\": \"nl\" }, { \"text\": \"English\", \"value\": \"en\" }, { \"text\": \"Estonian\", \"value\": \"et\" }, { \"text\": \"Finnish\", \"value\": \"fi\" }, { \"text\": \"French\", \"value\": \"fr\" }, { \"text\": \"German\", \"value\": \"de\" }, { \"text\": \"Greek\", \"value\": \"el\" }, { \"text\": \"Hebrew\", \"value\": \"he\" }, { \"text\": \"Hungarian\", \"value\": \"hu\" }, { \"text\": \"Icelandic\", \"value\": \"is\" }, { \"text\": \"Italian\", \"value\": \"it\" }, { \"text\": \"Japanese\", \"value\": \"ja\" }, { \"text\": \"Latvian\", \"value\": \"lv\" }, { \"text\": \"Lithuanian\", \"value\": \"lt\" }, { \"text\": \"Norwegian\", \"value\": \"no\" }, { \"text\": \"Polish\", \"value\": \"pl\" }, { \"text\": \"Portuguese\", \"value\": \"pt\" }, { \"text\": \"Romanian\", \"value\": \"ro\" }, { \"text\": \"Russian\", \"value\": \"ru\" }, { \"text\": \"Serbian\", \"value\": \"sr\" }, { \"text\": \"Slovak\", \"value\": \"sk\" }, { \"text\": \"Spanish\", \"value\": \"es\" }, { \"text\": \"Swedish\", \"value\": \"sv\" }, { \"text\": \"Turkish\", \"value\": \"tr\" }];\r\n\r\n        jQuery('#timezone').html('');\r\n        jQuery('#language').html('');\r\n        setTimeout(() => {\r\n            jQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", true);\r\n        }, 1200)\r\n\r\n        let selected = \"\";\r\n\r\n        timezones.map((data) => {\r\n            \/\/ selected = data.value === Intl.DateTimeFormat().resolvedOptions().timeZone ? \"selected\" : \"\";\r\n            selected = data.value === moment.tz.guess() ? \"selected\" : \"\";\r\n            jQuery('#timezone').append(`<option value='${data.value}' ${selected}>${data.text}<\/option>`)\r\n        });\r\n\r\n        language.map((data) => {\r\n            selected = data.value === \"en\" ? \"selected\" : \"\";\r\n            jQuery('#language').append(`<option value='${data.value}' ${selected}>${data.text}<\/option>`)\r\n        });\r\n\r\n        jQuery('#timezone, #language').select2();\r\n        setDateTimeValue();\r\n\r\n        jQuery(\"#accept_terms_n_policies\").on('change', function (e) {\r\n            e.preventDefault();\r\n            jQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", true);\r\n            if (jQuery(\"#accept_terms_n_policies:checked\").length === 1 && jQuery(\"#guest-email\").val().trim().length > 0) {\r\n                jQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", false);\r\n            }\r\n        });\r\n\r\n        jQuery(\"#guest-email\").on('keyup', function (e) {\r\n            e.preventDefault();\r\n            jQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", true);\r\n            if (jQuery(\"#accept_terms_n_policies:checked\").length === 1 && jQuery(\"#guest-email\").val().trim().length > 0) {\r\n                jQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", false);\r\n            }\r\n        });\r\n    });\r\n    \r\n    function onSubmit(token) {\r\n        let email = jQuery(\"#guest-email\").val();\r\n        let timezone = jQuery(\"#timezone\").val();\r\n        let datetime = jQuery(\"#datetime\").val();\r\n        let language = jQuery(\"#language\").val();\r\n        let bg_color = jQuery(\"#bg-color-id\").val().replace(\"#\", \"\");\r\n        let label_color = jQuery(\"#label-color-id\").val().replace(\"#\", \"\");\r\n        let digit_color = jQuery(\"#digit-color-id\").val().replace(\"#\", \"\");\r\n        let UTCOffset = getOffset(timezone);\r\n        let oldDateObj = new Date(`${datetime} ${UTCOffset}`)\r\n\r\n        let params = {\r\n            \"email\": email,\r\n            \"timerData\": {\r\n                \"colors\": {\r\n                    \"digits\": digit_color,\r\n                    \"labels\": label_color,\r\n                    \"background\": bg_color\r\n                },\r\n                \"language\": language,\r\n                \"endsAt\": oldDateObj.toISOString(),\r\n                \"timeZone\": timezone\r\n            },\r\n            \"captchaResponse\": token\r\n        };\r\n\r\n\t\tjQuery(\".ui.error.message p\").text(\"\")\r\n\t\tjQuery(\".ui.error.message\").hide();\r\n        jQuery(\"button.form-submit-button\").prop(\"disabled\", true)\r\n        jQuery(\".index__timerCode__1wGrn\").val('')\r\n\t\t\r\n\t\tparameter_email = getParameterByName('email');\r\n\t\tlet url = \"https:\/\/dashboard.sendtric.com\/api\/v1\/timers\/guest\"\r\n\t\tlet CSRF_TOKEN = \"\";\r\n\t\tif(email !== null && email !== \"\") {\r\n\t\t\turl += \"_timer\";\r\n\t\t\tCSRF_TOKEN = jQuery(\"#customization_token\").val()\r\n\t\t}\r\n        \r\n\t\tjQuery.ajax({\r\n\t\t\turl: url,\r\n\t\t\ttype: \"POST\",\r\n\t\t\tdata: JSON.stringify(params),\r\n\t\t\tcontentType: \"application\/json; charset=utf-8\",\r\n\t\t\tdataType: \"json\",\r\n\t\t\txhrFields: {\r\n\t\t\t\t  withCredentials: true\r\n\t\t\t},\r\n\t\t\tbeforeSend: function (xhr) {\r\n\t\t\t\t\/\/ xhr.setRequestHeader (\"Authorization\", `Bearer ${CSRF_TOKEN}`);\r\n\t\t\t\txhr.setRequestHeader (\"accept\", \"application\/json\");\r\n\t\t\t\txhr.setRequestHeader (\"accept-language\", \"en-US,en;q=0.9,hi;q=0.8\");\r\n\t\t\t\txhr.setRequestHeader (\"authorization\", \"\");\r\n\t\t\t\txhr.setRequestHeader (\"content-type\", \"application\/json\");\r\n\t\t\t\txhr.setRequestHeader (\"x-requested-with\", \"XMLHttpRequest\");\r\n\t\t\t},\r\n\t\t\tsuccess: function (data) {\r\n\t\t\t\tlet html = '&lt;table align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;img src=\"'+data.url+'\" style=&quot;display: block;max-width:100%&quot; \/&gt;&lt;\/td&gt;&lt;\/tr&gt;&lt;\/tbody&gt;&lt;\/table&gt;'\r\n\t\t\t\tjQuery(\".index__timerCode__1wGrn\").val(decodeHTMLEntities(html))\r\n\t\t\t\tjQuery(\".index__previewImage__1Pwfw\").attr(\"data-src\", data.url)\r\n\t\t\t\tjQuery(\".index__previewImage__1Pwfw\").attr(\"src\", data.url)\r\n\t\t\t\tjQuery(\".index__templatePreviewBody__jDpp2, .index__templatePreviewMobile__1MlQa\").css(\"background\", `#${data.templateData.colors.background}`)\r\n\t\t\t\tjQuery(\".index__templatePreviewBody__jDpp2, .index__templatePreviewMobile__1MlQa\").css(\"color\", `#${data.templateData.colors.labels}`)\r\n\t\t\t\tjQuery(\".index__templatePreviewButton__1gt4y\").css(\"background\", `#${data.templateData.colors.labels}`)\r\n\t\t\t\tjQuery(\".index__templatePreviewButton__1gt4y\").css(\"color\", `#${data.templateData.colors.background}`) \r\n\t\t\t\tjQuery(\".index__previewImage__1Pwfw\").attr(\"src\", data.url)\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tjQuery(\".hide_on_response\").hide()\r\n\t\t\t\t\tjQuery(\".index__timerCodeContainer__16rXZ\").show()\r\n\r\n\t\t\t\t\tjQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", true);\r\n\t\t\t\t\tif (jQuery(\"#accept_terms_n_policies:checked\").length === 1 && jQuery(\"#guest-email\").val().trim().length > 0) {\r\n\t\t\t\t\t\tjQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", false);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tgrecaptcha.reset();\r\n\t\t\t\t}, 500)\r\n\t\t\t},\r\n\t\t\terror: function (err) {\r\n\t\t\t\tgenerateErrorMessage(err.responseJSON.error)\r\n\t\t\t}\r\n\t\t})\r\n        return false;\r\n    }\r\n\r\n    function generateErrorMessage(msg) {\r\n        jQuery(\".ui.error.message p\").text(msg)\r\n        jQuery(\".ui.error.message\").show();\r\n        jQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", true);\r\n        if (jQuery(\"#accept_terms_n_policies:checked\").length === 1 && jQuery(\"#guest-email\").val().trim().length > 0) {\r\n            jQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", false);\r\n        }\r\n        resetLeftArea()\r\n        grecaptcha.reset();\r\n    }\r\n\t\r\n    function resetLeftArea() {\r\n\t\tlet  imgSrc = '\/wp-content\/uploads\/2023\/01\/example_timer.gif';\r\n        jQuery(\".index__timerCode__1wGrn\").val('')\r\n\t\tjQuery(\".index__previewImage__1Pwfw\").attr(\"data-src\", imgSrc)\r\n\t\tjQuery(\".index__previewImage__1Pwfw\").attr(\"src\", imgSrc)\r\n\t\tjQuery(\".index__templatePreviewBody__jDpp2, .index__templatePreviewMobile__1MlQa\").css(\"background\", '#1ac6ff')\r\n\t\tjQuery(\".index__templatePreviewBody__jDpp2, .index__templatePreviewMobile__1MlQa\").css(\"color\", '#ffffff')\r\n\t\tjQuery(\".index__templatePreviewButton__1gt4y\").css(\"background\", '#ffffff')\r\n\t\tjQuery(\".index__templatePreviewButton__1gt4y\").css(\"color\", '#1ac6ff') \r\n\t\tjQuery(\".index__previewImage__1Pwfw\").attr(\"src\", imgSrc)\r\n\t\tsetTimeout(() => {\r\n\t\t\tjQuery(\".hide_on_response\").show()\r\n\t\t\tjQuery(\".index__timerCodeContainer__16rXZ\").hide()\r\n\r\n\t\t\tjQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", true);\r\n\t\t\tif (jQuery(\"#accept_terms_n_policies:checked\").length === 1 && jQuery(\"#guest-email\").val().trim().length > 0) {\r\n\t\t\t\tjQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", false);\r\n\t\t\t}\r\n\t\t\tgrecaptcha.reset();\r\n\t\t}, 100)\r\n\t}\r\n    \r\n    function handleCaptchaExpired() {\r\n        jQuery(\"#accept_terms_n_policies\").prop(\"checked\", false);\r\n        jQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", true);\r\n        if (jQuery(\"#accept_terms_n_policies:checked\").length === 1 && jQuery(\"#guest-email\").val().trim().length > 0) {\r\n            jQuery(\".form-submit-button.g-recaptcha\").attr(\"disabled\", false);\r\n        }\r\n        grecaptcha.reset();\r\n    }\r\n\r\n    function decodeHTMLEntities(text) {\r\n        var entities = [\r\n            ['amp', '&'],\r\n            ['apos', '\\''],\r\n            ['#x27', '\\''],\r\n            ['#x2F', '\/'],\r\n            ['#39', '\\''],\r\n            ['#47', '\/'],\r\n            ['lt', '<'],\r\n            ['gt', '>'],\r\n            ['nbsp', ' '],\r\n            ['quot', '\"']\r\n        ];\r\n\r\n        for (var i = 0, max = entities.length; i < max; ++i) \r\n            text = text.replace(new RegExp('&'+entities[i][0]+';', 'g'), entities[i][1]);\r\n\r\n        return text;\r\n    }\r\n<\/script>\r\n<script>document.querySelector('#sendtric-button').addEventListener('click', () => {hj('event', 'clicked_homepage_cta'); console.log(\"------Something happened\")});<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3375b011\" data-id=\"3375b011\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-48616c88 elementor-widget elementor-widget-html\" data-id=\"48616c88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"index__templatePreview__1NHSa\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/12\/sendtric_example.png\" alt=\"Email Live Countdown Timer\" draggable=\"false\">\r\n    <div class=\"index__templatePreviewBody__jDpp2\" style=\"background:#1ac6ff;color:#ffffff;text-align:center;\">\r\n        <span>Limited Time Sale!<\/span>\r\n        <div class=\"index__templatePreviewInfo__1-9zb\">Hurry, this offer won't last long. Click below to take advantage\r\n            of this limited time offer on email countdown timers!<\/div>\r\n        <img decoding=\"async\" class=\"index__previewImage__1Pwfw\" src=\"\/wp-content\/uploads\/2023\/01\/example_timer.gif\" alt=\"Email Live Countdown Timer\" draggable=\"false\">\r\n        <button class=\"index__templatePreviewButton__1gt4y\" style=\"background:#ffffff;color:#1ac6ff\">Go to Sale<\/button>\r\n    <\/div>\r\n    <div class=\"index__templatePreviewMobile__1MlQa\" style=\"background:#1ac6ff;color:#ffffff;text-align:center;\">\r\n        <div>Limited Time Sale!<\/div>\r\n        <img decoding=\"async\" class=\"index__previewImage__1Pwfw\" src=\"\/wp-content\/uploads\/2023\/01\/example_timer.gif\" alt=\"Email Live Countdown Timer\" draggable=\"false\">\r\n        <button class=\"index__templatePreviewButton__1gt4y\" style=\"background:#ffffff;color:#1ac6ff\">Go Now<\/button>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"index__timerCodeContainer__16rXZ\" style=\"display:none;text-align:center;\">\r\n    <img decoding=\"async\" class=\"index__previewImage__1Pwfw\" src=\"\/wp-content\/uploads\/2023\/01\/example_timer.gif\" alt=\"Email Live Countdown Timer\" draggable=\"false\" \/>\r\n    <p>Copy this code into your HTML email template.<\/p>\r\n    <textarea readonly=\"\" class=\"index__timerCode__1wGrn\"><table align=\"center\"><tbody><tr><td><img decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/01\/example_timer.gif\" style=\"display: block;max-width:100%\" \/><\/td><\/tr><\/tbody><\/table><\/textarea>\r\n<\/div>\r\n<style>\r\n    .index__templatePreview__1NHSa {\r\n        position: relative;\r\n        width: 470px;\r\n        margin: 0 auto;\r\n    }\r\n    .index__templatePreview__1NHSa img {\r\n        max-width: 100%;\r\n        vertical-align: middle;\r\n        border-style: none;\r\n        position: relative;\r\n    }\r\n    .index__templatePreviewBody__jDpp2 {\r\n        width: 188px;\r\n        height: 162px;\r\n        position: absolute;\r\n        top: 59px;\r\n        left: 73px;\r\n    }\r\n    .index__templatePreviewInfo__1-9zb {\r\n        font-size: 9px;\r\n        padding: 0 10px;\r\n        line-height: 1.3;\r\n    }\r\n    .index__templatePreviewBody__jDpp2 img {\r\n        width: 75%;\r\n        padding: 10px 0;\r\n        position: relative;\r\n    }\r\n    .index__templatePreviewMobile__1MlQa {\r\n        width: 72px;\r\n        height: 99px;\r\n        position: absolute;\r\n        right: 22px;\r\n        top: 151px;\r\n    }\r\n    .index__templatePreviewMobile__1MlQa div {\r\n        line-height: 1;\r\n        margin-top: 5px;\r\n        font-size: 9px;\r\n    }\r\n    .index__templatePreviewMobile__1MlQa img {\r\n        padding: 10px 2px;\r\n        position: relative;\r\n    }\r\n    button.index__templatePreviewButton__1gt4y {\r\n        padding: 4px 8px;\r\n        font-size: 12px;\r\n        border-radius: 0px;\r\n    }\r\n    @media only screen and (max-width: 768px) {\r\n        .index__templatePreview__1NHSa {\r\n            zoom: .5;\r\n            -moz-transform: scale(0.5);\r\n        }\r\n    }\r\n    @media only screen and (max-width: 1100px) and (min-width:768px) {\r\n        .index__templatePreview__1NHSa {\r\n            zoom: .726;\r\n            -moz-transform: scale(0.72);\r\n        }\r\n    }\r\n    .index__timerCodeContainer__16rXZ img {\r\n        margin: 10px 0;\r\n        position: relative;\r\n    }\r\n    .index__timerCodeContainer__16rXZ p {\r\n        margin-top: 0;\r\n        margin-bottom: 1rem;\r\n        font-family: Open Sans,sans-serif;\r\n        color: #535353;\r\n        font-weight: 300;\r\n        font-size: 16px;\r\n    }\r\n    .index__timerCodeContainer__16rXZ textarea {\r\n        font-family: \"Open Sans\",sans-serif;\r\n        font-weight: 300;\r\n        font-size: 13px;\r\n        color: #000;\r\n        height: 100px;\r\n        resize: none;\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69d5ecf3 hide_on_response elementor-widget elementor-widget-heading\" data-id=\"69d5ecf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">How to create your free email countdown timer:<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33f36822 hide_on_response elementor-widget elementor-widget-text-editor\" data-id=\"33f36822\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ol><li>Fill out the form to the left with your desired countdown options<\/li><li>Click Generate<\/li><li>Copy and paste the provided code into your HTML email template<\/li><li>Enjoy your FREE email countdown timer from Sendtric!<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>How to Embed a Sendtric Countdown Timer into a Shopify Email Are you tired of sending out email after email [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[5],"tags":[],"class_list":["post-3645","post","type-post","status-publish","format-standard","hentry","category-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Embed a Sendtric Countdown Timer into a Shopify Email<\/title>\n<meta name=\"description\" content=\"With Sendtric, you can easily create a countdown timer for any email sent from Shopify. Here\u2019s how to embed HTML code into your templates.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Embed a Sendtric Countdown Timer into a Shopify Email\" \/>\n<meta property=\"og:description\" content=\"With Sendtric, you can easily create a countdown timer for any email sent from Shopify. Here\u2019s how to embed HTML code into your templates.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/\" \/>\n<meta property=\"og:site_name\" content=\"Sendtric\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-23T12:26:20+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png\" \/>\n<meta name=\"author\" content=\"Sendtric\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sendtric\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/\"},\"author\":{\"name\":\"Sendtric\",\"@id\":\"https:\/\/www.sendtric.com\/#\/schema\/person\/c1e606f870ff789598c456e8bd9f0f30\"},\"headline\":\"How to Embed a Sendtric Countdown Timer into a Shopify Email\",\"datePublished\":\"2023-10-23T12:26:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/\"},\"wordCount\":609,\"publisher\":{\"@id\":\"https:\/\/www.sendtric.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/\",\"url\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/\",\"name\":\"How to Embed a Sendtric Countdown Timer into a Shopify Email\",\"isPartOf\":{\"@id\":\"https:\/\/www.sendtric.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png\",\"datePublished\":\"2023-10-23T12:26:20+00:00\",\"description\":\"With Sendtric, you can easily create a countdown timer for any email sent from Shopify. Here\u2019s how to embed HTML code into your templates.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#primaryimage\",\"url\":\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png\",\"contentUrl\":\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.sendtric.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Uncategorized\",\"item\":\"https:\/\/www.sendtric.com\/category\/uncategorized\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Embed a Sendtric Countdown Timer into a Shopify Email\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sendtric.com\/#website\",\"url\":\"https:\/\/www.sendtric.com\/\",\"name\":\"Sendtric\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.sendtric.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sendtric.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.sendtric.com\/#organization\",\"name\":\"Sendtric\",\"url\":\"https:\/\/www.sendtric.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sendtric.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.sendtric.com\/wp-content\/uploads\/2025\/10\/logo-2.png\",\"contentUrl\":\"https:\/\/www.sendtric.com\/wp-content\/uploads\/2025\/10\/logo-2.png\",\"width\":180,\"height\":60,\"caption\":\"Sendtric\"},\"image\":{\"@id\":\"https:\/\/www.sendtric.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.sendtric.com\/#\/schema\/person\/c1e606f870ff789598c456e8bd9f0f30\",\"name\":\"Sendtric\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sendtric.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3e5438fccac63c817fa2e00cd605e52a2dbe66dfda93213a06d555077ed1af4f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3e5438fccac63c817fa2e00cd605e52a2dbe66dfda93213a06d555077ed1af4f?s=96&d=mm&r=g\",\"caption\":\"Sendtric\"},\"sameAs\":[\"http:\/\/13.58.192.120\/sendtric\"],\"url\":\"https:\/\/www.sendtric.com\/author\/wp_sendtric_admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Embed a Sendtric Countdown Timer into a Shopify Email","description":"With Sendtric, you can easily create a countdown timer for any email sent from Shopify. Here\u2019s how to embed HTML code into your templates.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/","og_locale":"en_US","og_type":"article","og_title":"How to Embed a Sendtric Countdown Timer into a Shopify Email","og_description":"With Sendtric, you can easily create a countdown timer for any email sent from Shopify. Here\u2019s how to embed HTML code into your templates.","og_url":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/","og_site_name":"Sendtric","article_published_time":"2023-10-23T12:26:20+00:00","og_image":[{"url":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png","type":"","width":"","height":""}],"author":"Sendtric","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sendtric","Est. reading time":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#article","isPartOf":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/"},"author":{"name":"Sendtric","@id":"https:\/\/www.sendtric.com\/#\/schema\/person\/c1e606f870ff789598c456e8bd9f0f30"},"headline":"How to Embed a Sendtric Countdown Timer into a Shopify Email","datePublished":"2023-10-23T12:26:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/"},"wordCount":609,"publisher":{"@id":"https:\/\/www.sendtric.com\/#organization"},"image":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#primaryimage"},"thumbnailUrl":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png","articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/","url":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/","name":"How to Embed a Sendtric Countdown Timer into a Shopify Email","isPartOf":{"@id":"https:\/\/www.sendtric.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#primaryimage"},"image":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#primaryimage"},"thumbnailUrl":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png","datePublished":"2023-10-23T12:26:20+00:00","description":"With Sendtric, you can easily create a countdown timer for any email sent from Shopify. Here\u2019s how to embed HTML code into your templates.","breadcrumb":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#primaryimage","url":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png","contentUrl":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/Shopify-Step-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-shopify-email\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sendtric.com\/"},{"@type":"ListItem","position":2,"name":"Uncategorized","item":"https:\/\/www.sendtric.com\/category\/uncategorized\/"},{"@type":"ListItem","position":3,"name":"How to Embed a Sendtric Countdown Timer into a Shopify Email"}]},{"@type":"WebSite","@id":"https:\/\/www.sendtric.com\/#website","url":"https:\/\/www.sendtric.com\/","name":"Sendtric","description":"","publisher":{"@id":"https:\/\/www.sendtric.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sendtric.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.sendtric.com\/#organization","name":"Sendtric","url":"https:\/\/www.sendtric.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sendtric.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.sendtric.com\/wp-content\/uploads\/2025\/10\/logo-2.png","contentUrl":"https:\/\/www.sendtric.com\/wp-content\/uploads\/2025\/10\/logo-2.png","width":180,"height":60,"caption":"Sendtric"},"image":{"@id":"https:\/\/www.sendtric.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.sendtric.com\/#\/schema\/person\/c1e606f870ff789598c456e8bd9f0f30","name":"Sendtric","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sendtric.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3e5438fccac63c817fa2e00cd605e52a2dbe66dfda93213a06d555077ed1af4f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3e5438fccac63c817fa2e00cd605e52a2dbe66dfda93213a06d555077ed1af4f?s=96&d=mm&r=g","caption":"Sendtric"},"sameAs":["http:\/\/13.58.192.120\/sendtric"],"url":"https:\/\/www.sendtric.com\/author\/wp_sendtric_admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/posts\/3645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/comments?post=3645"}],"version-history":[{"count":0,"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/posts\/3645\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/media?parent=3645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/categories?post=3645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/tags?post=3645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}