{"id":3652,"date":"2023-10-23T12:28:52","date_gmt":"2023-10-23T12:28:52","guid":{"rendered":"http:\/\/jr018d.sendtric.com\/?p=3652"},"modified":"2023-10-23T12:28:52","modified_gmt":"2023-10-23T12:28:52","slug":"how-to-embed-a-countdown-timer-into-a-sendgrid-email","status":"publish","type":"post","link":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/","title":{"rendered":"How to Embed a Sendtric Countdown Timer into a SendGrid Email"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3652\" class=\"elementor elementor-3652\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ee2c321 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ee2c321\" 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-436680df\" data-id=\"436680df\" 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-1cca2864 elementor-widget elementor-widget-text-editor\" data-id=\"1cca2864\" 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 SendGrid<\/strong> <strong>Email<\/strong><\/p>\n\n\n\n<p>Have you been looking for a fast and easy way to get more engagement and ROI from your SendGrid email marketing campaigns? Adding a Sendtric countdown timer to your email templates could be the answer you\u2019ve been searching for. This dynamic tool creates a sense of urgency that helps to boost conversions and increase engagement rates. And the best part? It\u2019s quick and easy to use. With just a few clicks, you can embed the HTML code for a countdown timer directly into your SendGrid emails. Don\u2019t miss out on the benefits of this powerful marketing tool \u2013 follow the instructions below and try it out for yourself today.<\/p>\n\n\n\n<p><strong>Step 1: Open the SendGrid<\/strong> <strong>Email Builder<\/strong><\/p>\n\n\n\n<p>Open the SendGrid email builder and create a new email. You can use an existing template of your own, choose one from the SendGrid library, or create a new email design from scratch.<\/p>\n\n\n\n<p>Click on the \u201cBuild\u201d tab on the top left. Choose \u201cCode\u201d to drag and drop a new content block into your email design.<\/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\/SendGrid-Step-1.png\" alt=\"\" class=\"wp-image-3654\"\/><\/figure>\n\n\n\n<p><strong>Step 2:<\/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\/SendGrid-Step-2.png\" alt=\"\" class=\"wp-image-3655\"\/><\/figure>\n\n\n\n<p><strong>Step 3: Insert the HTML Code into SendGrid<\/strong><\/p>\n\n\n\n<p>Paste your Sendtric countdown timer code into the \u201cHTML\u201d box that will automatically open when you add your \u201cCode\u201d content box. Click the blue \u201cUpdate\u201d button on the top 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\/SendGrid-Step-3.png\" alt=\"\" class=\"wp-image-3656\"\/><\/figure>\n\n\n\n<p><strong>Step 4: Preview Your Countdown Timer<\/strong><\/p>\n\n\n\n<p>Your timer will then appear in the email preview. You can use the SendGrid email template builder tools to further customise the positioning and design of your countdown timer.<\/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\/SendGrid-Step-4.png\" alt=\"\" class=\"wp-image-3657\"\/><\/figure>\n\n\n\n<p><strong>Step 5: Test and Send Your SendGrid Email<\/strong><\/p>\n\n\n\n<p>Before sending out any SendGrid email campaign with a Sendtric countdown timer, take a moment to preview it and make sure everything looks just right.It is important to customize your timer to match your overall brand and maintain a clean and simple design.<\/p>\n\n\n\n<p>Email marketing is an incredibly powerful tool for businesses looking to connect with their audience. It allows you to reach your customers right where they are, in their inbox. However, with so many emails flooding inboxes every day, it&#8217;s important to make sure that your message stands out. That&#8217;s where Sendtric comes in. By adding a digital countdown timer to your emails, you create a sense of urgency that prompts your recipients to take immediate action. Whether you&#8217;re running a sale, promoting an event, or just looking to boost engagement, Sendtric can help you take your email marketing efforts to the next level. So why wait? Discover the power of Sendtric today and start creating free countdown timers for SendGrid emails.<\/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-7cce0e9b elementor-section-full_width elementor-section-stretched timer-section elementor-section-height-default elementor-section-height-default\" data-id=\"7cce0e9b\" 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-1062d1a3\" data-id=\"1062d1a3\" 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-2520ee96 elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"2520ee96\" 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-71b07dd5 elementor-widget elementor-widget-heading\" data-id=\"71b07dd5\" 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-dfc1d85 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dfc1d85\" 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-e8730d7\" data-id=\"e8730d7\" 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-f64bf12 elementor-widget elementor-widget-html\" data-id=\"f64bf12\" 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-6acd81eb\" data-id=\"6acd81eb\" 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-6e4af64b elementor-widget elementor-widget-html\" data-id=\"6e4af64b\" 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-2fcad6d2 hide_on_response elementor-widget elementor-widget-heading\" data-id=\"2fcad6d2\" 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-298a09fc hide_on_response elementor-widget elementor-widget-text-editor\" data-id=\"298a09fc\" 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 SendGrid Email Have you been looking for a fast and easy [&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-3652","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 Countdown Timer into a SendGrid Email<\/title>\n<meta name=\"description\" content=\"You can easily create a countdown timer for any email sent from SendGrid. Here\u2019s how to embed HTML code into your SendGrid email 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-sendgrid-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 Countdown Timer into a SendGrid Email\" \/>\n<meta property=\"og:description\" content=\"You can easily create a countdown timer for any email sent from SendGrid. Here\u2019s how to embed HTML code into your SendGrid email templates.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/\" \/>\n<meta property=\"og:site_name\" content=\"Sendtric\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-23T12:28:52+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-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-sendgrid-email\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/\"},\"author\":{\"name\":\"Sendtric\",\"@id\":\"https:\/\/www.sendtric.com\/#\/schema\/person\/c1e606f870ff789598c456e8bd9f0f30\"},\"headline\":\"How to Embed a Sendtric Countdown Timer into a SendGrid Email\",\"datePublished\":\"2023-10-23T12:28:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/\"},\"wordCount\":637,\"publisher\":{\"@id\":\"https:\/\/www.sendtric.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-Step-1.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/\",\"url\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/\",\"name\":\"How to Embed a Countdown Timer into a SendGrid Email\",\"isPartOf\":{\"@id\":\"https:\/\/www.sendtric.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-Step-1.png\",\"datePublished\":\"2023-10-23T12:28:52+00:00\",\"description\":\"You can easily create a countdown timer for any email sent from SendGrid. Here\u2019s how to embed HTML code into your SendGrid email templates.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#primaryimage\",\"url\":\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-Step-1.png\",\"contentUrl\":\"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-Step-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-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 SendGrid 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 Countdown Timer into a SendGrid Email","description":"You can easily create a countdown timer for any email sent from SendGrid. Here\u2019s how to embed HTML code into your SendGrid email 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-sendgrid-email\/","og_locale":"en_US","og_type":"article","og_title":"How to Embed a Countdown Timer into a SendGrid Email","og_description":"You can easily create a countdown timer for any email sent from SendGrid. Here\u2019s how to embed HTML code into your SendGrid email templates.","og_url":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/","og_site_name":"Sendtric","article_published_time":"2023-10-23T12:28:52+00:00","og_image":[{"url":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-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-sendgrid-email\/#article","isPartOf":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/"},"author":{"name":"Sendtric","@id":"https:\/\/www.sendtric.com\/#\/schema\/person\/c1e606f870ff789598c456e8bd9f0f30"},"headline":"How to Embed a Sendtric Countdown Timer into a SendGrid Email","datePublished":"2023-10-23T12:28:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/"},"wordCount":637,"publisher":{"@id":"https:\/\/www.sendtric.com\/#organization"},"image":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#primaryimage"},"thumbnailUrl":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-Step-1.png","articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/","url":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/","name":"How to Embed a Countdown Timer into a SendGrid Email","isPartOf":{"@id":"https:\/\/www.sendtric.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#primaryimage"},"image":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#primaryimage"},"thumbnailUrl":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-Step-1.png","datePublished":"2023-10-23T12:28:52+00:00","description":"You can easily create a countdown timer for any email sent from SendGrid. Here\u2019s how to embed HTML code into your SendGrid email templates.","breadcrumb":{"@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-email\/#primaryimage","url":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-Step-1.png","contentUrl":"http:\/\/jr018d.sendtric.com\/wp-content\/uploads\/2023\/10\/SendGrid-Step-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sendtric.com\/how-to-embed-a-countdown-timer-into-a-sendgrid-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 SendGrid 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\/3652","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=3652"}],"version-history":[{"count":0,"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/posts\/3652\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/media?parent=3652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/categories?post=3652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sendtric.com\/wp-json\/wp\/v2\/tags?post=3652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}