{"id":108460,"date":"2025-03-06T14:00:27","date_gmt":"2025-03-06T19:00:27","guid":{"rendered":"https:\/\/flowium.com\/?post_type=klaviyo_mastery&#038;p=108460"},"modified":"2025-03-24T17:33:13","modified_gmt":"2025-03-24T21:33:13","slug":"unsubscribe-page","status":"publish","type":"klaviyo_mastery","link":"https:\/\/flowium.com\/es\/trainings\/klaviyo-mastery\/unsubscribe-page\/","title":{"rendered":"Unsubscribe Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"108460\" class=\"elementor elementor-108460\" data-elementor-post-type=\"klaviyo_mastery\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-163e22d9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"163e22d9\" 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-66 elementor-top-column elementor-element elementor-element-503d7b0a\" data-id=\"503d7b0a\" 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-13b3fb6e elementor-widget elementor-widget-post-info\" data-id=\"13b3fb6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4ed1ede elementor-inline-item\">\n\t\t\t\t\t\t<a href=\"\/training\" target=\"_self\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom\">\n\t\t\t\t\t\t\t\t\t\tFlowium Training\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-e6afd07 elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom\">\n\t\t\t\t\t\t\t\t\t\tUnsubscribe Page\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-553cde6f elementor-widget elementor-widget-heading\" data-id=\"553cde6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">How to Create an Unsubscribe Page<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fdffaff elementor-widget elementor-widget-video\" data-id=\"5fdffaff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/hAVPrJdhCV8&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/flowium.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Unsubscribe-Page_Flowium_Youtube.png&quot;,&quot;id&quot;:108465,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;Cover for video.&quot;,&quot;source&quot;:&quot;library&quot;},&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/flowium.com\/wp-content\/uploads\/2025\/03\/Unsubscribe-Page_Flowium_Youtube.png);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video about Cover for video.\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-play\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2d9ceddc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d9ceddc\" 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-50 elementor-inner-column elementor-element elementor-element-68588028\" data-id=\"68588028\" 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-29c47363 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"29c47363\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Explore the strategic opportunities that arise when a high-intent subscriber clicks the unsubscribe link. Andriy shares an effective method to retain subscribers\u2014and potentially convert them into customers\u2014by implementing an unsubscribe page with a compelling discount.<\/p><p>Additionally, Bobi Nikolovski, our Technical Director, provides a comprehensive step-by-step guide on how to create an unsubscribe page in Klaviyo, complete with coding instructions and customization tips.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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-2aab316\" data-id=\"2aab316\" 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-1f4b5834 elementor-widget__width-inherit elementor-widget elementor-widget-post-navigation\" data-id=\"1f4b5834\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-navigation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-post-navigation\" role=\"navigation\" aria-label=\"Navegaci\u00f3n de la entrada\">\n\t\t\t<div class=\"elementor-post-navigation__prev elementor-post-navigation__link\">\n\t\t\t\t<a href=\"https:\/\/flowium.com\/es\/trainings\/klaviyo-mastery\/email-preference-page\/\" rel=\"prev\"><span class=\"elementor-post-navigation__link__prev\"><span class=\"post-navigation__prev--label\">Prev Lesson<\/span><\/span><\/a>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-post-navigation__next elementor-post-navigation__link\">\n\t\t\t\t<a href=\"https:\/\/flowium.com\/es\/trainings\/klaviyo-mastery\/subscriber-profile\/\" rel=\"next\"><span class=\"elementor-post-navigation__link__next\"><span class=\"post-navigation__next--label\">Next Lesson<\/span><\/span><\/a>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-302b809 elementor-mobile-align-right elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-button\" data-id=\"302b809\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\" id=\"trainingOpenMenuBtn\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"16\" viewBox=\"0 0 26 16\" fill=\"none\"><rect width=\"4\" height=\"2\" rx=\"1\" fill=\"#2B2B2B\"><\/rect><rect x=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"#2B2B2B\"><\/rect><rect y=\"7\" width=\"4\" height=\"2\" rx=\"1\" fill=\"#2B2B2B\"><\/rect><rect x=\"8\" y=\"7\" width=\"18\" height=\"2\" rx=\"1\" fill=\"#2B2B2B\"><\/rect><rect y=\"14\" width=\"4\" height=\"2\" rx=\"1\" fill=\"#2B2B2B\"><\/rect><rect x=\"8\" y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"#2B2B2B\"><\/rect><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-2490153 elementor-widget elementor-widget-code-highlight\" data-id=\"2490153\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\n<html lang=\"en\">\n   <head>\n        <meta charset=\"utf-8\">\n        <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        <!-- Latest compiled and minified CSS -->\n        <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/css\/bootstrap.min.css\">\n     \n\n     <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Karla:wght@400;700&display=swap\" rel=\"stylesheet\">\n        <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@400;700&display=swap\" rel=\"stylesheet\">\n     \n        <style type=\"text\/css\">\n          \n          \n          \n          \n        \n        \/* GLOBALS PARAMETRS START *\/\n          \n          \n        body {\n          font-family: 'Josefin Sans', sans-serif !important;\n        }\n          \n        .top_image_part {\n           background-image: url({% asset_url 'top.jpg' %});\n        }\n\n        .bottom_image_part {\n           background-image: url({% asset_url 'bot.png' %}); \n        }\n          \n        .container-fluid,\n        .form_inputs,\n        .global_checkbox_container,\n        .global_radio_container,\n        .birthday_select_tags,\n        .default_select_tags {\n          border-color: rgba(49, 49, 51, 0.5);\n        }\n          \n        .header h1{\n          color: #295980;\n        }\n          \n        .footer a {\n          color: #FFFFFF;\n        }\n          \n        .header h3,\n        .form_labels,\n        .form_inputs,\n        .group_title,\n        .global_checkbox_container,\n        .global_radio_container,\n        .birthday_select_tags,\n        .default_select_tags,\n        .unsubscribe_checkbox .global_checkbox_container {\n          color: #000000;\n        }\n\n          .group_title {\n            text-align: center;\n          }\n          \n        \/* When the checkbox is hovered *\/\n        .global_checkbox_container:hover input~.checkmark {\n            background-color: #000000;\n        }\n\n        \/* When the radiobutton is hovered *\/\n        .global_radio_container:hover input~.radio_checkmark {\n            border-color: #000000;\n        }\n\n        \/* When the checkbox is checked *\/\n        .global_checkbox_container input:checked~.checkmark{\n            background-color: #295980;\n        }\n\n          .update_button_container .pull-right button,\n        .update_button_container .pull-right button:focus {\n            background-color: #295980;\n        }\n          \n        \/* When the radiobutton is checked *\/\n        .global_radio_container input:checked~.radio_checkmark {\n            border-color: rgba(41, 89, 128, 1);\n        }\n\n        \/* Inputs border radius *\/\n        .global_checkbox_container,\n        .global_radio_container,\n        .form_inputs,\n        .birthday_select_tags,\n        .default_select_tags,\n        .update_button_container .pull-right button {\n            border-radius: 0;\n        }\n\n\n        \/* Separators color *\/\n        .checkboxes_row,\n        .submit_buttons_container,\n        .birthday_group,\n        .single_input_group {\n            border-color: rgba(49, 49, 51, 0.5);\n        }\n          \n        \/* Placeholder color *\/\n        .form_inputs::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/\n          color: rgba(49, 49, 51, 0.5);\n        }\n        .form_inputs::-moz-placeholder { \/* Firefox 19+ *\/\n          color: rgba(49, 49, 51, 0.5);\n        }\n        .form_inputs:-ms-input-placeholder { \/* IE 10+ *\/\n          color: rgba(49, 49, 51, 0.5);\n        }\n        .form_inputs:-moz-placeholder { \/* Firefox 18- *\/\n          color: rgba(49, 49, 51, 0.5);\n        }  \n\n\n        \/* GLOBALS PARAMETRS END *\/\n\n          \n         \n        \n        \n        \/* Space out content a bit *\/\n        body {\n            padding-top: 0px;\n            padding-bottom: 0px;\n        }\n        \n        .container-fluid {\n            padding: 0;\n            border-style: solid;\n            border-width: 0 0 0 0;\n        }  \n          \n        .container {\n            max-width: 650px;\n            width: 100%;\n            display: block;\n            position: relative;\n            margin: 0 auto;\n            box-sizing: border-box;\n            padding: 0;\n        }\n        .inner_container {\n            width: 100%;\n            display: block;\n            position: relative;\n            float: left;\n        }\n          \n          \n        \/* TOP IMAGE PART *\/ \n          \n          .top_image_part {\n            position: relative;\n            height: 255px;\n            background-repeat: no-repeat;\n            background-position: 50% 50%;\n            background-size: Auto;\n          }\n          \n          .top_image_part img {\n            position: absolute;\n            z-index: -1;\n            left: 50%;\n            -webkit-transform: translateX(-50%);\n            -moz-transform: translateX(-50%);\n            -ms-transform: translateX(-50%);\n            -o-transform: translateX(-50%);\n            transform: translateX(-50%);\n            bottom: 50px;\n            max-width: 200px;\n          }\n          \n          .top_image_part:after {\n            content: '';\n            position: absolute;\n            left: 0;\n            z-index: 2;\n            width: 100%;\n            height: 105%;\n          } \n            \n          .bottom_image_part {\n            position: relative;\n            height: 300px;\n            background-repeat: no-repeat;\n            background-position: 50% 50%;\n            background-size: auto;\n          }\n\n          .bottom_image_part:after {\n            content: '';\n            position: absolute;\n            left: 0;\n            bottom: 0;\n            z-index: 2;\n            width: 100%;\n            height: 105%;\n          } \n\n      \n        \/* Custom page header *\/\n        .header {\n            margin: 0;\n        }\n   \n        .header h1 {\n          text-transform: uppercase;\n          margin: 35px 0 18px 0;\n          padding: 0;\n         \n          font-style: normal;\n          font-weight: 700;\n          font-size: 25px;\n          line-height: 21px;\n          text-align: center;\n        }\n          \n        .header h3 {\n          font-style: normal;\n          font-weight: normal;\n          font-size: 14px;\n          line-height: 21px;\n          text-align: center;\n          margin-top: 50px;\n        }\n\n        .required-fields {\n            text-align: right;\n        }\n\n        .required-fields span {\n            color: #a94442;\n            font-weight: bold;\n        }\n\n        .list-group-item label {\n            font-weight: normal;\n            margin-top: 17px;\n        }\n\n        .list-group-item label input[type=\"checkbox\"] {\n            margin-right: 4px;\n        }\n\n        .form-group span.required {\n            position: absolute;\n            top: 0;\n            right: 0;\n            font-size: 20px;\n            color: #a94442;\n            font-weight: bold;\n            user-select: none;\n        }\n\n        label.error {\n            color: #a94442;\n            font-weight: bold;\n            margin-top: 4px;\n        }\n\n        .form-actions {\n            \/*margin: 25px 0;*\/\n        }\n\n        .form-control+.form-control {\n            margin-top: 6px;\n        }\n\n        .panel-group .panel-title .closed-icon,\n        .panel-group .panel-title .open-icon {\n            margin-right: 0.5em;\n            top: 2px;\n        }\n\n        .panel-group .panel-title a:hover,\n        .panel-group .panel-title a:active {\n            text-decoration: none;\n        }\n\n        .panel-group .panel-title a:hover .text,\n        .panel-group .panel-title a:active .text {\n            text-decoration: underline;\n        }\n\n        .panel-group .panel-title .closed-icon {\n            display: none;\n        }\n\n        .panel-group.closed .panel-title .open-icon {\n            display: none;\n        }\n\n        .panel-group.closed .panel-title .closed-icon {\n            display: inline;\n        }\n\n        \/* Custom page footer *\/\n        .footer {\n            font-style: normal;\n            font-weight: normal;\n            font-size: 14px;\n            line-height: 21px;\n            text-align: center;\n            color: #FFFFFF; \n            padding: 26px 0;\n            background-color: #313133;\n        }\n\n        \/*.form_labels, *\/\n        .checkbox_labels {\n            font-size: 25px;\n            font-weight: bold;\n            letter-spacing: 1px;\n            color: #2c1d10;\n            box-sizing: border-box;\n        }\n        \n        .form_labels {\n            font-style: normal;\n            font-weight: normal;\n            font-size: 14px;\n            height: 40px;\n            line-height: 40px;\n        }\n        \n        .checkbox_labels {\n                line-height: 100%;\n            margin-bottom: 22px !important;\n        }\n        \n        .form-horizontal .control-label {\n                padding: 0px;\n            text-align: left;\n        }\n        \n        .form_inputs {\n            border-width: 1px;\n            border-style: solid; \n            box-sizing: border-box;\n            font-style: normal;\n            font-weight: normal;\n            font-size: 14px;\n            line-height: 40px;\n            padding: 0px 29px;\n            height: 40px;\n        }\n        \n        .inputs_group {\n            margin-bottom: 15px;\n        }\n\n        .inputs_group .col-xs-3 {\n            width: 100px;\n            margin-bottom: 0;\n        }\n\n        .inputs_group .col-xs-9 {\n            width: calc(100% - 100px);\n            padding: 0;\n        }\n        \n        .col-sm-2, .col-sm-12, .col-sm-10, .col-sm-9, .col-sm-3, .form-horizontal .form-group {\n            margin-left: 0;\n            margin-right: 0;\n            padding-left: 0;\n            padding-right: 0;\n            \n        }\n        \n        .uppercase {\n            text-transform: uppercase;\n        }\n        \n        .birthday_group {\n            \/*margin-bottom: 48px;*\/\n            border-width: 1px 0 1px 0;\n            border-style: solid;\n            padding: 35px 0;\n            margin: 50px 0 !important;\n        }\n\n        .single_input_group {\n            border-width: 0 0 1px 0;\n            border-style: solid;\n            padding-bottom: 30px;\n        }\n        \n        .birthday_select_tags {\n            height: 35px;\n            padding: 0 36px 0 29px;\n            margin-right: 18px;\n            width: calc(50% - 11px);\n\n            font-style: normal;\n            font-weight: normal;\n            font-size: 14px;\n            line-height: 21px;\n            box-sizing: border-box;\n            outline: none !important;\n            background-repeat: no-repeat;\n            background-size: 25px;\n            background-position: right +9px center;\n            border-width: 1px;\n            border-style: solid;\n            background-image: url({% asset_url 'select-arrow.png' %}); \n        }\n\n        .default_select_tags {\n            height: 35px;\n            padding: 0 36px 0 29px;\n            margin-right: 18px;\n            width: 100%;\n\n            font-style: normal;\n            font-weight: normal;\n            font-size: 16px;\n            line-height: 21px;\n            box-sizing: border-box;\n            outline: none !important;\n            background-repeat: no-repeat;\n            background-size: 25px;\n            background-position: right +9px center;\n            border-width: 1px;\n            border-style: solid;\n            background-image: url({% asset_url 'select-arrow.png' %}); \n        }\n\n        #Birthday_day_select {\n            margin-right: 0;\n        }\n\n        .birthday_select_tags,\n        .default_select_tags {\n            -moz-appearance:none; \/* Firefox *\/\n            -webkit-appearance:none; \/* Safari and Chrome *\/\n            appearance:none;\n        }\n        \n        .green_labels {\n            color: #7a9900;\n        }\n        \n        \/* Custom Checkbox and Radio Buttons styles *\/\n\n        .left_form_group {\n            max-width: 292px;\n        }\n\n        .right_form_group {\n            max-width: 292px;\n            float: right;\n        }\n\n        .group_title span {\n            font-style: normal;\n            font-weight: bold;\n            font-size: 14px;\n            line-height: 21px;\n            margin-right: 15px;\n        }\n\n        .group_title {\n            font-style: normal;\n            font-weight: bold;\n            font-size: 14px;\n            line-height: 21px;\n            text-transform: initial;\n            margin-bottom: 25px;\n        }\n\n        .global_checkbox_container {\n            display: block;\n            position: relative;\n            cursor: pointer;\n            -webkit-user-select: none;\n            -moz-user-select: none;\n            -ms-user-select: none;\n            user-select: none;\n            margin-bottom: 15px;\n\n            padding-left: 55px !important;\n            font-style: normal;\n            font-weight: normal;\n            font-size: 14px;\n            border-width: 1px;\n            border-style: solid;\n            box-sizing: border-box;\n            height: 40px;\n            line-height: 38px;\n        }\n\n        \/* Hide the browser's default checkbox *\/\n        .global_checkbox_container input {\n            position: absolute;\n            opacity: 0;\n            cursor: pointer;\n            height: 0;\n            width: 0;\n        }\n\n        \/* Create a custom checkbox *\/\n        .global_checkbox_container .checkmark {\n            position: absolute;\n            background-color: #E8E8E8;\n            border-radius: 5px;\n            top: 50%;\n            left: 9px;\n            width: 23px;\n            height: 23px;\n            overflow: hidden;\n            -webkit-transform: translateY(-50%);\n            -moz-transform:    translateY(-50%);\n            -ms-transform:     translateY(-50%);\n            -o-transform:      translateY(-50%);\n            transform:         translateY(-50%);\n        }\n\n        .global_checkbox_container .checkmark img {\n            width: 15px;\n            position: absolute;\n            left: 50%;\n            top: 50%;\n            -webkit-transform: translate(-50%, -50%);\n            -moz-transform:    translate(-50%, -50%);\n            -ms-transform:     translate(-50%, -50%);\n            -o-transform:      translate(-50%, -50%);\n            transform:         translate(-50%, -50%);\n        }\n\n\n    \n\n        .global_radio_container {\n            display: block;\n            position: relative;\n            cursor: pointer;\n            -webkit-user-select: none;\n            -moz-user-select: none;\n            -ms-user-select: none;\n            user-select: none;\n            margin-bottom: 15px;\n            padding-left: 55px !important;\n            font-style: normal;\n            font-weight: normal;\n            font-size: 14px;\n            box-sizing: border-box;\n            height: 40px;\n            line-height: 38px;\n            border-width: 1px;\n            border-style: solid;\n        }\n\n        .global_radio_container input {\n            position: absolute;\n            opacity: 0;\n            cursor: pointer;\n        }\n\n        .global_radio_container .radio_checkmark {\n            position: absolute;\n            background-color: #ffffff;\n            border-radius: 5px;\n            top: 50%;\n            left: 9px;\n            width: 23px;\n            height: 23px;\n            border-radius: 50%;\n            overflow: hidden;\n            -webkit-transform: translateY(-50%);\n            -moz-transform: translateY(-50%);\n            -ms-transform: translateY(-50%);\n            -o-transform: translateY(-50%);\n            transform: translateY(-50%);\n            border-width: 6px;\n            border-style: solid;\n            border-color: #E8E8E8;\n        }\n\n        .cocoa_checkbox_container,\n        .cocoa_radio_container {\n            min-height: 30px !important;\n            line-height: 30px !important;\n            margin-bottom: 10px !important;\n        }\n\n\n\n\n\n\n        \/* End Custom Checkbox and Radio Buttons styles *\/\n\n        .submit_buttons_container {\n            padding: 0;\n            border-width: 0 0 0 0;\n            border-style: solid;\n            padding: 0 0 30px 0;\n            margin-top: 9px;\n        }\n        \n        .unsubscribe_checkbox {\n            display: block;\n            position: relative;\n            padding: 0 !important;\n        }\n\n        .unsubscribe_checkbox .global_checkbox_container {\n            font-weight: normal !important;\n            padding-left: 38px !important;\n            font-size: 14px;\n            border-radius: 0;\n            border: none;\n            height: 54px;\n            line-height: 55px;\n        }\n\n        .unsubscribe_checkbox .global_checkbox_container .checkmark {\n            width: 28px;\n            height: 28px;\n            left: 22%;\n        }\n\n        .unsubscribe_checkbox .global_checkbox_container .checkmark img {\n            opacity: 0;\n        }\n\n        .unsubscribe_checkbox .global_checkbox_container input:checked~.checkmark img {\n            opacity: 1;\n        }\n        \n        .update_button_container {\n            display: block;\n            position: relative;\n            padding: 0;\n        }\n        \n        .update_button_container .pull-right button {\n            border: 0px;\n            text-transform: uppercase;\n            font-weight: normal;\n\n            font-style: normal;\n            font-weight: normal;\n            font-size: 20px;\n            line-height: 21px;\n            text-align: center;\n            color: #222222;\n            padding: 17px 28px;\n            -webkit-transition: all 0.3s;\n            -moz-transition: all 0.3s;\n            -ms-transition: all 0.3s;\n            -o-transition: all 0.3s;\n            transition: all 0.3s;\n            outline: none !important;\n            border-radius: 0 0 0 0;\n            border: 2px solid black;\n            background-color: white;\n        }\n        \n        .update_button_container .pull-right button:hover,\n        .update_button_container .pull-right button:focus {\n            opacity: 0.8;\n            -webkit-transition: all 0.3s;\n            -moz-transition: all 0.3s;\n            -ms-transition: all 0.3s;\n            -o-transition: all 0.3s;\n            transition: all 0.3s;\n        }\n\n        .form-group {\n            margin-bottom: 35px;\n            margin-top: 35px;\n        }\n\n        .inputs_group {\n            margin-bottom: 15px !important;\n        }\n\n        .birthday_group.inputs_group,\n        .single_input_group.inputs_group {\n            margin-bottom: 50px !important;\n        }\n\n        .checkboxes_row.not-active {\n            opacity: 0.3;\n        }\n\n        .top_image_part {\n            height: 220px;\n        }\n\n        .checkboxes_row {\n           \/* border-width: 1px 0 0 0;\n            border-style: solid;\n            padding-top: 30px;\n            margin-top: 22px;*\/\n            border: none !important;\n            \/*overflow: hidden;*\/\n        }\n          \n        .pull-right {\n  \t\t\t\t  float: none !important;\n\t\t\t\t}\n\n\n        \/* Form error style *\/\n\n        .has-error input {\n            background-color: rgba(253, 95, 96, 0.12);\n        }\n\n        .has-error .help-block {\n            text-align: right;\n        }\n\n        label.error {\n            text-align: right;\n            width: 100%;\n            font-size: 13px;\n        }\n          \n          \n        \/* tooltip style *\/\n\n        .tooltip-icon {\n          width: 20px;\n          position: absolute;\n          right: 10px;\n          top: 50%;\n          -webkit-transform: translateY(-50%);\n          -moz-transform: translateY(-50%);\n          -ms-transform: translateY(-50%);\n          -o-transform: translateY(-50%);\n          transform: translateY(-50%);\n        }\n          \n        .tooltip-inner {\n            padding: 15px;\n            max-width: 350px;\n            width: 350px; \n        } \n\n        .klaviyo_birthday_title {\n            font-style: normal;\n            font-weight: 700;\n            font-size: 14px;\n            line-height: 21px;\n            color: #000000;\n            margin-bottom: 25px;\n          text-align: center;\n        }\n\n        .checkbox, .radio {\n            padding-top: 0 !important;\n            margin-bottom: 15px;\n            margin-top: 0 !important;\n        }\n\n\n\n\n\n\n\n\n\n\n\n        @media only screen and (max-width: 767px) {\n\n            .container {\n                padding: 0 26px;\n            }\n\n            .form_inputs {\n                padding: 0px 15px;\n            }\n\n            .left_form_group,\n            .right_form_group {\n                max-width: 100%;\n                float: none;\n            }\n\n            .email_favorites_group_form_rows .left_form_group {\n                margin-bottom: 0;\n            }\n\n            .form-horizontal .checkbox {\n                padding-top: 15px;\n            }\n\n            .submit_buttons_container {\n                padding-top: 0;\n                margin-top: 0;\n            }\n\n            .unsubscribe_checkbox .global_checkbox_container {\n                max-width: 265px;\n                width: 100%;\n                margin: 15px auto;\n            }\n\n            .update_button_container .pull-right {\n                float: none !important;\n            }\n\n            .update_button_container button {\n                width: 100%\n            }\n\n            .birthday_select_tags {\n                width: calc(50% - 9px);\n                margin-right: 13px;\n                padding: 0 36px 0 15px;\n            }\n\n            #Birthday_day_select {\n                margin-right: 0;\n            }\n\n            .global_checkbox_container,\n            .global_radio_container {\n                padding-left: 50px !important;\n            }\n          \n            .tooltip-inner {\n              max-width: 200px;\n              width: 200px; \n            } \n          \n          \n            .unsubscribe_checkbox .global_checkbox_container .checkmark {\n    \t\t\t\t\tleft: 0;\n\t\t\t\t\t\t}\n          \n            .col-sm-2, .col-sm-12, .col-sm-10, .col-sm-9, .col-sm-3, .form-horizontal .form-group {\n    \t\t\t\t\tmargin: auto !important;\n\t\t\t\t\t\t}\n\n        }\n\n        @media only screen and (max-width: 374px) {\n\n            .update_button_container .pull-right button {\n                font-size: 20px;\n            }\n\n            .birthday_select_tags {\n                width: calc(50% - 5px);\n                margin-right: 5px;\n            }\n\n            #Birthday_day_select {\n                margin-right: 0;\n            }\n          \n            .unsubscribe_checkbox .global_checkbox_container .checkmark {\n    \t\t\t\t\tleft: 0;\n\t\t\t\t\t\t}\n          \n            .col-sm-2, .col-sm-12, .col-sm-10, .col-sm-9, .col-sm-3, .form-horizontal .form-group {\n    \t\t\t\t\tmargin: 20px 0 !important;\n\t\t\t\t\t\t}\n        }\n\n        \n    <\/style>\n      <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->\n      <!-- WARNING: Respond.js doesn't work if you view the page via file:\/\/ -->\n      <!--[if lt IE 9]>\n      <script src=\"https:\/\/oss.maxcdn.com\/html5shiv\/3.7.2\/html5shiv.min.js\"><\/script>\n      <script src=\"https:\/\/oss.maxcdn.com\/respond\/1.4.2\/respond.min.js\"><\/script>\n      <![endif]-->\n   <\/head>\n   <body>\n\n        <div class=\"container-fluid\">\n\n            <div class=\"top_image_part\" data-type=\"parallax\" data-speed=\"20\">\n              <img src={% asset_url 'liaison-logo.png' %} \/>\n            <\/div>\n\n            <div class=\"container\">\n                <div class=\"inner_container\">\n                 \n                 <div class=\"header\">\n                    <h3>EMAIL UNSUBSCRIBE<\/h3>\n                    \n                 <\/div>\n                 <form action=\"\" id=\"preferences_form\" method=\"POST\" role=\"form\" class=\"form-horizontal\">\n                    {% if form.non_field_errors %}\n                    <div class=\"alert alert-danger\">\n                       {% for error in form.non_field_errors %}\n                       {{ error }}{% if not forloop.last %}<br \/>{% endif %}\n                       {% endfor %}\n                    <\/div>\n                    {% endif %}\n                     <input type=\"hidden\" name=\"$fields\"\n                        value=\"StylePreference,EmailInterests,EmailFrequency,Birthday,Collections\" \/>\n                    <input type=\"hidden\" name=\"$list_fields\" value=\"EmailInterests\" \/>\n                    <input type=\"hidden\" name=\"$list_fields\" value=\"Collections\" \/>\n                    <!-- <input type=\"hidden\" name=\"$unsubscribed_url\" value=\"\/p\/preferences_updated\" \/> -->\n                    <!-- <input type=\"hidden\" name=\"$updated_profile_url\" value=\"\/p\/preferences_updated\" \/> -->\n                    <!--<p class=\"required-fields\">\n                       <span>*<\/span> Required Information\n                       <\/p>-->\n\n                    <div class=\"inputs_group form-group{% if form.errors|lookup:'$email' %} has-error{% endif %}\" style=\"height: 0; margin: 0;\">\n                       <label for=\"email\" class=\"col-xs-3 control-label form_labels\"style=\"height: 0;\"> <\/label>\n                       <div class=\"col-xs-9\">\n                          <input placeholder=\"Enter your email address...\" type=\"hidden\" type=\"email\" class=\"form-control form_inputs\" id=\"email\" name=\"$email\" value=\"{% if request.POST|lookup:'$email' %}{{ request.POST|lookup:'$email' }}{% else %}{{ person.email|default:'' }}{% endif %}\" \/>\n                          {% if form.errors|lookup:'$email' %}\n                          <p class=\"help-block\">{% for error in form.errors|lookup:'$email' %}{{ error }}{% endfor %}<\/p>\n                          {% endif %}\n                       <\/div>\n                  <\/div>\n                    \n                    <div class=\"header\">\n                    <h1 style=\"font-size: 40px; line-height: 1; margin: 0;font-weight: normal !important; color: #121111;\">REMEMBER THE <br\/>GOOD OLD DAYS!<\/h1>\n                    <h3 style=\"color: #222222; margin: 30px 0 0 0;\">The days of sitting in the sun wearing your first-rate <br\/>BARTON band with a cold beer in hand, telling <br\/>your buddies about your latest adventure. <br\/><br\/>Do you really want to leave all that behind? <br\/><br\/>Hey, if you do, we can\u2019t stop you. <br\/>But if you want to give this another shot <br\/>we\u2019ll try to bring the magic back with 25% off.<br\/> All you\u2019ve got to do is follow the three step process: <br\/><br\/>1. Click the \u201cStick around with 25% off button\u201d below<br\/> 2. Update your preferences (without unsubscribing!) <br\/>3. Check your email for your sweet 25% off discount code!\n\n<\/h3>               <div>\n                      <h1 style=\"margin-bottom: 0;\"><p style=\"padding: 10px; border: 2px black dashed; width: 200px; margin: auto; font-weight: normal !important; color: #000000;\" >25% OFF                        \n                        <\/p><\/h1>\n                    <\/div>\n                      \n                    \n                 <\/div>\n                          \n                   \n                   <div class=\"col-xs-12\">\n\n                        <div class=\"checkboxes_row row\">\n\n                            <div class=\"form-group col-sm-12 group_form_rows\" style=\"width: 300px; margin: 20px 180px;;\">\n                                <label for=\"interests\" class=\"col-sm-12 group_title uppercase email_interests_label\" style=\"margin-bottom: 0;\"><span> <\/span><\/label>\n                                <div class=\"col-sm-12\">\n                                    <div class=\"row\">\n\n                                        <div class=\"checkbox col-sm-6\" style=\"width: 100%;\">\n                                            <label class=\"global_checkbox_container\" style=\" background-color: #295980; color: white;\">\n                                                <input \n                                                    type=\"checkbox\" name=\"EmailInterests\" value=\"Accepted Last Offer\"\n                                                    {% if 'Accepted Last Offer' in person.EmailInterests or 'Accepted Last Offer' in request.POST.EmailInterests %}checked=\"checked\"\n                                                    {% elif not person.EmailInterests and not request.POST.EmailInterests %}{% endif %} \/>\n                                                <span class=\"checkmark\"><img src={% asset_url 'check.png' %} \/><\/span>\n                                                STICK AROUND WITH 25% OFF\n                                            <\/label>\n                                        <\/div>\n\n                                        \n\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n    \n                     <\/div>\n                   \n                   \n                   \n                          \n                           \n\n                        <\/div>\n\n                    \n\n                    <div class=\"col-xs-12 submit_buttons_container\" style=\"padding-bottom: 0; margin-top: 40px;\">  \n                        <div class=\"col-sm-6 checkbox unsubscribe_checkbox\" style=\"margin-bottom: 0; width: 100%; text-align: center;\">\n                           <label class=\"global_checkbox_container\">\n                           <input type=\"checkbox\" name=\"$unsubscribe\" value=\"true\" \/>\n                           <span class=\"checkmark\"><img src={% asset_url 'check.png' %} \/><\/span>\n                           <span class=\"text\">No, I\u2019d like you to unsubscribe me from all emails.<\/span>\n                           <\/label>\n                        <\/div>\n\n                        \n                    <\/div>\n                       <div class=\"col-xs-12 submit_buttons_container\" style=\"margin-bottom: 45px;\">  \n                         <div class=\"col-sm-6 clearfix form-actions update_button_container\" style=\"width: 100%; text-align: center;\">\n                           <div class=\"pull-right\">\n                              <button type=\"submit\" class=\"btn btn-default btn-primary\">Update Preferences<\/button>\n                           <\/div>\n                        <\/div>\n                      <\/div>   \n                 <input\n                    class=\"apbct_special_field apbct_email_id__elementor_form\"\n                    name=\"apbct__email_id__elementor_form\"\n                    aria-label=\"apbct__label_id__elementor_form\"\n                    type=\"text\" size=\"30\" maxlength=\"200\" autocomplete=\"off\"\n                    value=\"\"\n                \/><\/form>         \n                <\/div>\n            <\/div>\n          \n            <div class=\"bottom_image_part\" data-type=\"parallax\" data-speed=\"20\"><\/div> \n          \n            <footer class=\"footer\">\n               Barton Watch Bands &nbsp&nbsp&nbsp&nbsp<a href=\"https:\/\/www.bartonwatchbands.com\/pages\/privacy-policy-and-terms-of-use\" target=\"_blank\" style=\"text-decoration: underline;\" rel=\"noopener\">Privacy Policy<\/a>    \n            <\/footer>\n\n        <\/div>\n        \n        <!-- \/container -->\n        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->\n        <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js\"><\/script>\n        <!-- Latest compiled and minified JavaScript -->\n        <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/js\/bootstrap.min.js\"><\/script>\n        <script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery-validate\/1.13.1\/jquery.validate.min.js\"><\/script>\n    \n\n      <script>\n        \n        \/\/ INIT TOOLTIP\n        $(document).ready(function(){\n\n            $('[data-toggle=\"tooltip\"]').tooltip();\n\n            \/\/ Get default value Style Preference from data base \n            var default_value = $('#default_select_tags').attr('defaultValue');\n            $('#default_select_tags').val(default_value);\n\n        });\n        \n\n        \/\/ PARALLAX INIT\n        function parallaxInit() {\n\n            $('*[data-type=\"parallax\"]').each(function () {\n\n                var $bgobj = $(this);\n\n                var yPos = -($(window).scrollTop() \/ $bgobj.data(\"speed\"));\n\n                var yPosNew = yPos + 50;\n\n                var coords = \"50% \" + yPosNew + \"%\";\n\n                $bgobj.css({ backgroundPosition: coords });\n\n            });\n\n        } \n\n        $(document).ready(function(){\n            parallaxInit();\n        });\n\n        $(window).scroll(function () {\n            parallaxInit();\n        });\n\n\n\n\n        $(function() {\n\n            $('#preferences_form').validate({\n                rules: {\n                    $email: {\n                        required: true\n                    }\n                },\n                messages: {\n                    $email: 'Please enter your email address.',\n                    $first_name: 'Please enter your first name.',\n                    $last_name: 'Please enter your last name.'\n                }\n            });\n            \/\/ Toggle validation based on selection.\n            $('input[name=\"$unsubscribe\"]').on('change', function() {\n\n                $('form .form-actions button[type=\"submit\"]').toggleClass('cancel', $(this).is(':checked'));\n\n                \/\/ MY JS\n                if ( $(this).prop(\"checked\") ) {\n\n                    $('form .checkboxes_row').addClass('not-active');\n\n                } else {\n\n                    $('form .checkboxes_row').removeClass('not-active');\n                \n                }\n                \n            });\n        });\n\n\n        \/\/ MY JS\n        $('input[type=checkbox]').not('input[name=\"$unsubscribe\"]').on('change', function () {\n\n            $('form .checkboxes_row').removeClass('not-active');\n\n        });\n\n\n        $('input[name=\"$unsubscribe\"]').on('change', function () {\n            $('input[type=checkbox]').not(this).prop('checked', false);\n        });\n\n        $('input[type=checkbox]').not('input[name=\"$unsubscribe\"]').on('change', function () {\n            $('input[name=\"$unsubscribe\"]').prop('checked', false);\n        });\n\n        \/\/ $('input[value=\"New Product Releases, Promotions & Sales, Events\"]').on('change', function () {\n        \/\/     $('input[name=EmailInterests]').not(this).prop('checked', false);\n        \/\/ });\n\n        \/\/ $('input[name=EmailInterests]').not('input[value=\"New Product Releases, Promotions & Sales, Events\"]').on('change', function () {\n        \/\/     $('input[value=\"New Product Releases, Promotions & Sales, Events\"]').prop('checked', false);\n        \/\/ });\n    \n        \n        $('select[id=\"Birthday_month_select\"]').on('change', function () {\n            var i;\n            var option;\n            $('#Birthday_day_select').empty();\n            option = document.createElement('option');\n            option.appendChild(document.createTextNode(\"Day\"));\n            option.value = \"\";\n            option.attributes.disabled;\n            document.getElementById('Birthday_day_select').appendChild(option);\n            switch (document.getElementById('Birthday_month_select').value) {\n                case \"1\":\n                case \"3\":\n                case \"5\":\n                case \"7\":\n                case \"8\":\n                case \"10\":\n                case \"12\":\n                    for (i = 1; i < 32; i++) {\n                        option = document.createElement('option');\n                        option.appendChild(document.createTextNode(i));\n                        option.value = i;\n                        console.log(i);\n                        document.getElementById('Birthday_day_select').appendChild(option);\n                    }\n                    break;\n                case \"2\":\n                    if ((document.getElementById('Birthday_year_select').value % 4 == 0) && (document.getElementById('Birthday_year_select').value % 100 != 0) || (document.getElementById('Birthday_year_select').value % 400 == 0)) {\n                        for (i = 1; i < 30; i++) {\n                            option = document.createElement('option');\n                            option.appendChild(document.createTextNode(i));\n                            option.value = i;\n                            console.log(i);\n                            document.getElementById('Birthday_day_select').appendChild(option);\n                        }\n                        break;\n                    } else {\n                        for (i = 1; i < 29; i++) {\n                            option = document.createElement('option');\n                            option.appendChild(document.createTextNode(i));\n                            option.value = i;\n                            console.log(i);\n                            document.getElementById('Birthday_day_select').appendChild(option);\n                        }\n                        break;\n                    }\n                default:\n                    for (i = 1; i < 31; i++) {\n                        option = document.createElement('option');\n                        option.appendChild(document.createTextNode(i));\n                        option.value = i;\n                        console.log(i);\n                        document.getElementById('Birthday_day_select').appendChild(option);\n                    }\n\n            }\n        });\n        \n        $('button[type=submit]').on('focus', function () {\n            \/\/ code for birthday\n            if (document.getElementById('Birthday_month_select').value != '' && document.getElementById('Birthday_day_select').value != '') {\n                if (document.getElementById('Birthday_year_select').value == '') {\n                    document.getElementById('Birthday_year_select').value = 2020;\n                }\n                document.getElementById('Birthday').value = document.getElementById('Birthday_month_select').value + \"\/\" + document.getElementById('Birthday_day_select').value + \"\/\" + document.getElementById('Birthday_year_select').value;\n            }\n            else {\n                document.getElementById('Birthday').value = null;\n\n            }\n        });\n        \n        function unsubscribe() {\n            document.getElementById('unsub').click();\n            document.getElementById('submit').click();\n        };\n        \n        \n        $(document).ready(function () {\n            var i;\n            var date = new Date();\n            var option;\n            i = date.getFullYear();\n            var lowestYear = i - 100;\n            for (i; i > lowestYear; i--) {\n\n                option = document.createElement('option');\n                option.appendChild(document.createTextNode(i));\n                option.value = i;\n                document.getElementById('Birthday_year_select').appendChild(option);\n            }\n\n\n            \/* This condition will first check if there is some birthday value coming from\n                the database or not and then if there is then it will populate the birthday\n                fields appropriately.\n            *\/\n            if (document.getElementById(\"Birthday\").value.trim().length != 0 && document.getElementById(\"Birthday\").value != null) {\n                \/\/console.log(document.getElementById(\"Birthday\").value.trim().length);\n                var birthday_received = document.getElementById(\"Birthday\").value;\n                var birthday_received_split_array = birthday_received.split(\"\/\");\n                var birthday_received_month = birthday_received_split_array[0];\n                var birthday_received_day = birthday_received_split_array[1];\n                var birthday_received_year = birthday_received_split_array[2];\n\n                \/\/ populates the month and year fields\n                document.getElementById(\"Birthday_year_select\").value = birthday_received_year;\n                document.getElementById(\"Birthday_month_select\").value = birthday_received_month;\n\n                \/*\n                    To populate the day field... this code will first check the month.\n                    Based on the month it will first populate the number of days values\n                    in the month options.\n                *\/\n                var i;\n                var option;\n                $('#Birthday_day_select').empty();\n                option = document.createElement('option');\n                option.appendChild(document.createTextNode(\"Day\"));\n                option.value = \"\";\n                option.attributes.disabled;\n                document.getElementById('Birthday_day_select').appendChild(option);\n\n                switch (birthday_received_month) {\n                    case \"1\":\n                    case \"3\":\n                    case \"5\":\n                    case \"7\":\n                    case \"8\":\n                    case \"10\":\n                    case \"12\":\n                        for (i = 1; i < 32; i++) {\n                            option = document.createElement('option');\n                            option.appendChild(document.createTextNode(i));\n                            option.value = i;\n                            document.getElementById('Birthday_day_select').appendChild(option);\n                        }\n                        break;\n                    case \"2\":\n                        if ((document.getElementById('Birthday_year_select').value % 4 == 0) && (document.getElementById('Birthday_year_select').value % 100 != 0) || (document.getElementById('Birthday_year_select').value % 400 == 0)) {\n                            for (i = 1; i < 30; i++) {\n                                option = document.createElement('option');\n                                option.appendChild(document.createTextNode(i));\n                                option.value = i;\n                                document.getElementById('Birthday_day_select').appendChild(option);\n                            }\n                            break;\n                        } else {\n                            for (i = 1; i < 29; i++) {\n                                option = document.createElement('option');\n                                option.appendChild(document.createTextNode(i));\n                                option.value = i;\n                                document.getElementById('Birthday_day_select').appendChild(option);\n                            }\n                            break;\n                        }\n                    default:\n                        for (i = 1; i < 31; i++) {\n                            option = document.createElement('option');\n                            option.appendChild(document.createTextNode(i));\n                            option.value = i;\n                            document.getElementById('Birthday_day_select').appendChild(option);\n                        }\n                }\n\n                \/\/ Populates the day field in the birthday.\n                document.getElementById(\"Birthday_day_select\").value = birthday_received_day;\n            }\n            else { }\n\n        });\n\n\n    <\/script>\n   <\/body>\n<\/html><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-42fd84b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"42fd84b4\" 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-100 elementor-inner-column elementor-element elementor-element-5b84d885\" data-id=\"5b84d885\" 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-2204ebb2 elementor-widget elementor-widget-heading\" data-id=\"2204ebb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Resources<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-642d43d5 elementor-widget elementor-widget-text-editor\" data-id=\"642d43d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Explore the tools, platforms, and insights discussed in this video. Below, you\u2019ll find links to key resources and additional materials to help you dive deeper into the topic.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2403bd96 elementor-widget elementor-widget-heading\" data-id=\"2403bd96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Useful Links:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-180b73a1 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"180b73a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/flowium.com\/partners\/klaviyo\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Learn more about Klaviyo<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28faae51 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"28faae51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffbc9d3 elementor-widget elementor-widget-heading\" data-id=\"ffbc9d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Supporting Files:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b09155a elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4b09155a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/flowium.com\/wp-content\/uploads\/2025\/03\/HTML-Code-for-the-Last-Offer-Unusbscribe-Page.pdf\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">HTML Code for the Last Offer Unsubscribe Page<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/flowium.com\/wp-content\/uploads\/2025\/03\/HTML-Code-for-the-Last-Offer-Unusbscribe-Page.pdf\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(PDF, 280KB)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-0ab98ac elementor-widget elementor-widget-spacer\" data-id=\"0ab98ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef9d9bd elementor-widget elementor-widget-template\" data-id=\"6ef9d9bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"section\" data-elementor-id=\"102481\" class=\"elementor elementor-102481\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-55f9d51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"55f9d51\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-top-column elementor-element elementor-element-5580f9e\" data-id=\"5580f9e\" 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-1829659 elementor-widget elementor-widget-heading\" data-id=\"1829659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Do You Know Your Email Marketing Potential?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b51bade elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"b51bade\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tGet a free audit of your email marketing <br>strategy from one of our specialists.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0f4bf7 elementor-widget elementor-widget-html\" data-id=\"d0f4bf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a target=\"_self\" href=\"\/lp\/free-audit\/\" class=\"schedule-call-button schedule-call-button-gradient\" target=\"_blank\">Book Your Audit Call<\/a>\t\t\t\t<\/div>\n\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-top-column elementor-element elementor-element-d6f4467\" data-id=\"d6f4467\" 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-687ca65 elementor-absolute elementor-widget-mobile__width-auto elementor-widget elementor-widget-image\" data-id=\"687ca65\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"702\" src=\"https:\/\/flowium.com\/wp-content\/uploads\/2024\/12\/bottom-icon-banner.svg\" class=\"attachment-large size-large wp-image-102487\" alt=\"Bottom icon banner.\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e5f234 elementor-absolute e-transform elementor-widget elementor-widget-image\" data-id=\"0e5f234\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-103,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-15,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:106,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"903\" height=\"951\" src=\"https:\/\/flowium.com\/wp-content\/uploads\/2024\/12\/bottom-banner-img-e1734549666880.webp\" class=\"attachment-full size-full wp-image-102489\" alt=\"Andriy Boychuk&#039;s photo.\" srcset=\"https:\/\/flowium.com\/wp-content\/uploads\/2024\/12\/bottom-banner-img-e1734549666880.webp 903w, https:\/\/flowium.com\/wp-content\/uploads\/2024\/12\/bottom-banner-img-e1734549666880-420x442.webp 420w, https:\/\/flowium.com\/wp-content\/uploads\/2024\/12\/bottom-banner-img-e1734549666880-285x300.webp 285w, https:\/\/flowium.com\/wp-content\/uploads\/2024\/12\/bottom-banner-img-e1734549666880-768x809.webp 768w\" sizes=\"(max-width: 903px) 100vw, 903px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-33 elementor-top-column elementor-element elementor-element-65ce545a\" data-id=\"65ce545a\" data-element_type=\"column\" data-e-type=\"column\" id=\"trainingModulesMenu\">\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-1c220c3c elementor-widget elementor-widget-template\" data-id=\"1c220c3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"section\" data-elementor-id=\"102618\" class=\"elementor elementor-102618\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4feb2f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4feb2f5\" 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-a113331\" data-id=\"a113331\" 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-dabe272 elementor-widget-mobile__width-auto elementor-absolute elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-button\" data-id=\"dabe272\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\" id=\"trainingCloseButton\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"23\" height=\"22\" viewBox=\"0 0 23 22\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.4101 1.80672C22.8006 1.41619 22.8006 0.783027 22.4101 0.392502C22.0196 0.00197804 21.3864 0.00197858 20.9959 0.392503L11.8026 9.58579L2.60945 0.392653C2.21893 0.00212917 1.58576 0.00212914 1.19524 0.392653C0.804712 0.783178 0.804713 1.41634 1.19524 1.80687L10.3884 11L1.19688 20.1915C0.806351 20.582 0.806351 21.2152 1.19688 21.6057C1.5874 21.9962 2.22057 21.9962 2.61109 21.6057L11.8026 12.4142L20.9942 21.6059C21.3848 21.9964 22.0179 21.9964 22.4084 21.6059C22.799 21.2153 22.799 20.5822 22.4084 20.1916L13.2168 11L22.4101 1.80672Z\" fill=\"#132A40\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a92d02c elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"a92d02c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Training Structure<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-455fe64 elementor-widget elementor-widget-accordion\" data-id=\"455fe64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-7271\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-7271\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\"><span>Module 1:<\/span> Introduction<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7271\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-7271\"><ul class=\"trainings-posts-list\"><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/klaviyo-overview\">Klaviyo Overview<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/email-marketing-importance\">Email Marketing Importance<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/about-flowium\">About Andriy Boychuk &#038; Flowium<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/course-overview\">Klaviyo Mastery 3.0 Course Overview<\/a><\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-7272\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-7272\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\"><span>Module 2:<\/span> Klaviyo Setup<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7272\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-7272\"><ul class=\"trainings-posts-list\"><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/klaviyo-segments\" class=\"active\">Segments<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/email-framework\">Email Framework &#038; Template<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/product-feed\">Product Feed<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/dynamic-discount-codes\">Dynamic Discount Codes<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/subscriber-profile\">Subscriber Profile in Klaviyo<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/unsubscribe-page\">Unsubscribe Page<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/email-preference-page\">Email Preference Page Setup<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/klaviyo-double-opt-in\">What is Double Opt-In and How to Turn It Off<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/tracking-codes\">Tracking Codes<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/can-spam-act-compliance\">CAN-SPAM Act Compliance<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/klaviyo-setup-checklist\">Klaviyo Setup Checklist<\/a><\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-7273\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-7273\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\"><span>Module 3:<\/span> Sign-up Forms<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7273\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-7273\"><ul class=\"trainings-posts-list\"><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/form-analytics\">Form Analytics<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/multi-step-form\">How to Create a 2-Step Sign-Up Form<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/sign-up-forms\">How to Create a Sign-Up Form<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/forms-overview\">Klaviyo Forms Overview<\/a><\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-7274\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-7274\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\"><span>Module 4:<\/span> Flows<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7274\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-7274\"><ul class=\"trainings-posts-list\"><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/sunset-flow\">Sunset Flow &#8211; How to Create it?<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/winback-flow\">Winback Flow<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/post-purchase-emails\">How to Create Post-Purchase Emails<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/browse-abandonment-flow\">Browse Abandonment Flow Creation<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/abandoned-cart-flow\">How to Build an Abandoned Cart Flow<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/welcome-flow\">How to Create a Welcome Flow<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/create-flow\">How to Create a Flow<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/klaviyo-flows-explained\">Klaviyo Flows Explained<\/a><\/li><li><a href=\"https:\/\/flowium.com\/archives\/trainings\/klaviyo-mastery\/customer-lifecycle-stages\">Customer Lifecycle Stages<\/a><\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-7275\" class=\"elementor-tab-title\" data-tab=\"5\" role=\"button\" aria-controls=\"elementor-tab-content-7275\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\"><span>Module 5:<\/span> Campaigns<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7275\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"region\" aria-labelledby=\"elementor-tab-title-7275\"><p>Coming soon.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-7276\" class=\"elementor-tab-title\" data-tab=\"6\" role=\"button\" aria-controls=\"elementor-tab-content-7276\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\"><span>Module 6:<\/span> Analytics<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7276\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"6\" role=\"region\" aria-labelledby=\"elementor-tab-title-7276\"><p>Coming soon.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-7277\" class=\"elementor-tab-title\" data-tab=\"7\" role=\"button\" aria-controls=\"elementor-tab-content-7277\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\"><span>Module 7:<\/span> AI & Advanced<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7277\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"7\" role=\"region\" aria-labelledby=\"elementor-tab-title-7277\"><p>Coming soon.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-7278\" class=\"elementor-tab-title\" data-tab=\"8\" role=\"button\" aria-controls=\"elementor-tab-content-7278\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\"><span>Module 8:<\/span> Conclusion<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7278\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"8\" role=\"region\" aria-labelledby=\"elementor-tab-title-7278\"><p>Coming soon.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>How to Create an Unsubscribe Page https:\/\/youtu.be\/hAVPrJdhCV8 Explore the strategic opportunities that arise when a high-intent subscriber clicks the unsubscribe link. Andriy shares an effective method to retain subscribers\u2014and potentially convert them into customers\u2014by implementing an unsubscribe page with a compelling discount. Additionally, Bobi Nikolovski, our Technical Director, provides a comprehensive step-by-step guide on how [&hellip;]<\/p>\n","protected":false},"featured_media":0,"template":"elementor_header_footer","klaviyo_mastery_modules":[2027],"class_list":["post-108460","klaviyo_mastery","type-klaviyo_mastery","status-publish","hentry","klaviyo_mastery_modules-klaviyo-setup"],"acf":[],"_links":{"self":[{"href":"https:\/\/flowium.com\/es\/wp-json\/wp\/v2\/klaviyo_mastery\/108460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flowium.com\/es\/wp-json\/wp\/v2\/klaviyo_mastery"}],"about":[{"href":"https:\/\/flowium.com\/es\/wp-json\/wp\/v2\/types\/klaviyo_mastery"}],"version-history":[{"count":0,"href":"https:\/\/flowium.com\/es\/wp-json\/wp\/v2\/klaviyo_mastery\/108460\/revisions"}],"wp:attachment":[{"href":"https:\/\/flowium.com\/es\/wp-json\/wp\/v2\/media?parent=108460"}],"wp:term":[{"taxonomy":"klaviyo_mastery_modules","embeddable":true,"href":"https:\/\/flowium.com\/es\/wp-json\/wp\/v2\/klaviyo_mastery_modules?post=108460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}