{"id":3337,"date":"2025-08-19T11:23:55","date_gmt":"2025-08-19T09:23:55","guid":{"rendered":"https:\/\/united.twodev.nl\/?page_id=3337"},"modified":"2025-09-23T12:47:35","modified_gmt":"2025-09-23T10:47:35","slug":"registrieren","status":"publish","type":"page","link":"https:\/\/united.twodev.nl\/de\/registrieren\/","title":{"rendered":"Registrieren"},"content":{"rendered":"        <div class=\"ts-register\">\r\n            \r\n            \r\n            <h2>Neues Abonnement<\/h2>\r\n\r\n            <form method=\"post\" action=\"https:\/\/united.twodev.nl\/wp-admin\/admin-post.php\" id=\"ts-register-form\" novalidate>\r\n                <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"4df00cc595\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/de\/wp-json\/wp\/v2\/pages\/3337\" \/>                <input type=\"hidden\" name=\"action\" value=\"ts_register\">\r\n\r\n                <div class=\"mb-3\">\r\n                    <h3>Ihre Angaben<\/h3>\r\n\r\n                    <p>\r\n                        <label>\r\n                            Vorname\/Initialen<br>\r\n                            <input type=\"text\" name=\"first_name\" class=\"input-text\" required\r\n                                   autocomplete=\"given-name\"\r\n                                   placeholder=\"Vorname oder Initialen\">\r\n                        <\/label>\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        <label>\r\n                            Nachname<br>\r\n                            <input type=\"text\" name=\"last_name\" class=\"input-text\" required\r\n                                   autocomplete=\"family-name\"\r\n                                   placeholder=\"Nachname\">\r\n                        <\/label>\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        <label>\r\n                            E-Mail (Anmeldung)<br>\r\n                            <input type=\"email\" name=\"user_email\" class=\"input-text\" required\r\n                                   autocomplete=\"email\"\r\n                                   placeholder=\"jij@voorbeeld.nl\">\r\n                        <\/label>\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        <label>\r\n                            Telefon (verf\u00fcgbar f\u00fcr Anfragen)<br>\r\n                            <input type=\"tel\" name=\"phone\" class=\"input-text\"\r\n                                   autocomplete=\"tel\"\r\n                                   placeholder=\"Z.B. 06-12345678\">\r\n                        <\/label>\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                        <div class=\"ts-plan-picker mb-3\"\r\n             data-i18n-selected=\"%s ausgew\u00e4hlt\"\r\n             data-i18n-choose=\"W\u00e4hlen Sie %s\">\r\n            <h3>W\u00e4hlen Sie Ihr Abonnement<\/h3>\r\n\r\n            <div class=\"row\">\r\n                                    <label for=\"plan-united_basic\"\r\n                           class=\"col-md-4 plan-card selected\"\r\n                           style=\"cursor:pointer;\"\r\n                           aria-label=\"Abonnement ausw\u00e4hlen: United Basic\">\r\n                        <input type=\"radio\"\r\n                               id=\"plan-united_basic\"\r\n                               name=\"plan\"\r\n                               value=\"united_basic\"\r\n                             checked='checked'                               style=\"position:absolute;left:-9999px;\">\r\n\r\n                        <div class=\"pricing-box-main\">\r\n                            <div class=\"pricing-head-box\">\r\n                                <h3>United Basic<\/h3>\r\n                                                                    <p style=\"text-align:center;color:white;\">Voordelig voor uw kind of ouder<\/p>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"pricing-body-box\">\r\n                                <div class=\"price-list\">\r\n                                    <ul>\r\n                                                                                    <li>5Gb p\/mnd<\/li>\r\n                                                                                                                            <li>60 belminuten<\/li>\r\n                                                                                                                            <li>500 SMS<\/li>\r\n                                                                            <\/ul>\r\n                                <\/div>\r\n\r\n                                <div>\r\n                                                                            <p class=\"price-top\" style=\"text-align:center;\">\r\n                                            <b>\u20ac5,00<\/b>\r\n                                        <\/p>\r\n                                    \r\n                                                                            <p class=\"price-bottom pt-0 pb-4\" style=\"text-align:center;\">\r\n                                            <b><span>vast tarief per maand<\/span><\/b>\r\n                                        <\/p>\r\n                                                                    <\/div>\r\n\r\n                                <!-- \"Knop\": a + span, niet klikbaar\/geen link-gedrag -->\r\n                                <div class=\"dark_blue-border-btn\">\r\n                                    <a href=\"#\"\r\n                                       class=\"ts-plan-cta\"\r\n                                       role=\"button\"\r\n                                       aria-disabled=\"true\"\r\n                                       tabindex=\"-1\"\r\n                                       data-title=\"United Basic\">\r\n                                    <span aria-live=\"polite\">\r\n                                        United Basic ausgew\u00e4hlt                                    <\/span>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/label>\r\n                                    <label for=\"plan-united_flex\"\r\n                           class=\"col-md-4 plan-card \"\r\n                           style=\"cursor:pointer;\"\r\n                           aria-label=\"Abonnement ausw\u00e4hlen: United Flex\">\r\n                        <input type=\"radio\"\r\n                               id=\"plan-united_flex\"\r\n                               name=\"plan\"\r\n                               value=\"united_flex\"\r\n                                                           style=\"position:absolute;left:-9999px;\">\r\n\r\n                        <div class=\"pricing-box-main\">\r\n                            <div class=\"pricing-head-box\">\r\n                                <h3>United Flex<\/h3>\r\n                                                                    <p style=\"text-align:center;color:white;\">Betaal alleen voor uw verbruik<\/p>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"pricing-body-box\">\r\n                                <div class=\"price-list\">\r\n                                    <ul>\r\n                                                                                    <li>5Gb tot 400Gb p\/mnd<\/li>\r\n                                                                                                                            <li>Onbeperkt bellen<\/li>\r\n                                                                                                                            <li>Onbeperkt SMS<\/li>\r\n                                                                            <\/ul>\r\n                                <\/div>\r\n\r\n                                <div>\r\n                                                                            <p class=\"price-top\" style=\"text-align:center;\">\r\n                                            <b>Van \u20ac7,00 voor 5Gb<\/b>\r\n                                        <\/p>\r\n                                    \r\n                                                                            <p class=\"price-bottom pt-0 pb-4\" style=\"text-align:center;\">\r\n                                            <b>tot \u20ac40,00 voor 400Gb<\/b>\r\n                                        <\/p>\r\n                                                                    <\/div>\r\n\r\n                                <!-- \"Knop\": a + span, niet klikbaar\/geen link-gedrag -->\r\n                                <div class=\"dark_blue-border-btn\">\r\n                                    <a href=\"#\"\r\n                                       class=\"ts-plan-cta\"\r\n                                       role=\"button\"\r\n                                       aria-disabled=\"true\"\r\n                                       tabindex=\"-1\"\r\n                                       data-title=\"United Flex\">\r\n                                    <span aria-live=\"polite\">\r\n                                        W\u00e4hlen Sie United Flex                                    <\/span>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/label>\r\n                                    <label for=\"plan-united_multi\"\r\n                           class=\"col-md-4 plan-card \"\r\n                           style=\"cursor:pointer;\"\r\n                           aria-label=\"Abonnement ausw\u00e4hlen: United Multi\">\r\n                        <input type=\"radio\"\r\n                               id=\"plan-united_multi\"\r\n                               name=\"plan\"\r\n                               value=\"united_multi\"\r\n                                                           style=\"position:absolute;left:-9999px;\">\r\n\r\n                        <div class=\"pricing-box-main\">\r\n                            <div class=\"pricing-head-box\">\r\n                                <h3>United Multi<\/h3>\r\n                                                                    <p style=\"text-align:center;color:white;\">Groepskorting tot 20%<\/p>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"pricing-body-box\">\r\n                                <div class=\"price-list\">\r\n                                    <ul>\r\n                                                                                    <li>2% korting per extra SIM<\/li>\r\n                                                                                                                            <li>Onbeperkt bellen<\/li>\r\n                                                                                                                            <li>Onbeperkt SMS<\/li>\r\n                                                                            <\/ul>\r\n                                <\/div>\r\n\r\n                                <div>\r\n                                                                            <p class=\"price-top\" style=\"text-align:center;\">\r\n                                            <b>Van \u20ac3,75 voor 5Gb<\/b>\r\n                                        <\/p>\r\n                                    \r\n                                                                            <p class=\"price-bottom pt-0 pb-4\" style=\"text-align:center;\">\r\n                                            <b>tot \u20ac30,00 voor 400Gb<\/b>\r\n                                        <\/p>\r\n                                                                    <\/div>\r\n\r\n                                <!-- \"Knop\": a + span, niet klikbaar\/geen link-gedrag -->\r\n                                <div class=\"dark_blue-border-btn\">\r\n                                    <a href=\"#\"\r\n                                       class=\"ts-plan-cta\"\r\n                                       role=\"button\"\r\n                                       aria-disabled=\"true\"\r\n                                       tabindex=\"-1\"\r\n                                       data-title=\"United Multi\">\r\n                                    <span aria-live=\"polite\">\r\n                                        W\u00e4hlen Sie United Multi                                    <\/span>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/label>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n            \/* A-tag lijkt knop, maar niet klikbaar\/focusbaar *\/\r\n            .ts-plan-picker .ts-plan-cta { pointer-events: none; }\r\n\r\n            \/* Highlight geselecteerde kaart *\/\r\n            .plan-card.selected .pricing-box-main { outline: 2px solid #14A6FA; outline-offset: 4px; }\r\n            .plan-card.selected .pricing-head-box { background-color: #14A6FA; }\r\n\r\n            .plan-card .pricing-box-main { transition: transform .08s ease; }\r\n            .plan-card:hover .pricing-box-main { transform: translateY(-2px); }\r\n        <\/style>\r\n\r\n        <script>\r\n            jQuery(function ($) {\r\n                function format(template, value) {\r\n                    \/\/ vervang eerste %s\r\n                    return (template || '').replace('%s', value);\r\n                }\r\n\r\n                function refreshPlanCtaText() {\r\n                    var $picker = $('.ts-plan-picker');\r\n                    var tplSelected = $picker.data('i18n-selected') || '%s geselecteerd';\r\n                    var tplChoose   = $picker.data('i18n-choose')   || 'Kies %s';\r\n\r\n                    $('.ts-plan-cta').each(function () {\r\n                        var $cta = $(this);\r\n                        var title = $cta.data('title') || '';\r\n                        var isSelected = $cta.closest('.plan-card').hasClass('selected');\r\n                        $cta.find('span').text(isSelected ? format(tplSelected, title) : format(tplChoose, title));\r\n                    });\r\n                }\r\n\r\n                \/\/ Highlight & update knop-tekst bij wisselen\r\n                $('input[name=\"plan\"]').on('change', function () {\r\n                    $('.plan-card').removeClass('selected');\r\n                    $(this).closest('.plan-card').addClass('selected');\r\n                    refreshPlanCtaText();\r\n                });\r\n\r\n                \/\/ Hele card keyboard-selecteerbaar\r\n                $('.plan-card').on('keydown', function (e) {\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        $(this).find('input[type=\"radio\"]').prop('checked', true).trigger('change');\r\n                        e.preventDefault();\r\n                    }\r\n                });\r\n\r\n                \/\/ Init tekst\r\n                refreshPlanCtaText();\r\n            });\r\n        <\/script>\r\n        \r\n                <div class=\"mb-3\">\r\n                    <h3>Auswahl der Nummer<\/h3>\r\n\r\n                    <p>\r\n                        <label>\r\n                            <input type=\"radio\" name=\"number_choice\" value=\"new\" required>\r\n                            Ich m\u00f6chte eine neue Nummer                        <\/label><br>\r\n                        <label>\r\n                            <input type=\"radio\" name=\"number_choice\" value=\"port\">\r\n                            Ich m\u00f6chte meine Nummer behalten                        <\/label>\r\n                    <\/p>\r\n\r\n                    <div id=\"number-port-fields\" style=\"display:none; margin-top:.5rem;\">\r\n                        <p>\r\n                            <label>\r\n                                Aktuelle Telefonnummer<br>\r\n                                <input type=\"text\" name=\"current_number\" class=\"input-text\"\r\n                                       placeholder=\"06-12345678\">\r\n                            <\/label>\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            <label>\r\n                                Aktueller Anbieter<br>\r\n                                <input type=\"text\" name=\"current_provider\" class=\"input-text\"\r\n                                       placeholder=\"z.B. KPN, Vodafone \">\r\n                            <\/label>\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                \r\n                <div class=\"ts-referral mb-3\">\r\n                    <h3>Wurden Sie von jemandem vorgestellt?<\/h3>\r\n\r\n                    <p>\r\n                        <label>\r\n                            <input type=\"radio\" name=\"introduced\" value=\"no\"  required>\r\n                            Nein                        <\/label>\r\n                        &nbsp;&nbsp;\r\n                        <label>\r\n                            <input type=\"radio\" name=\"introduced\" value=\"yes\" >\r\n                            Ja                        <\/label>\r\n                    <\/p>\r\n\r\n                    <div id=\"referrer-fields\" style=\"display:none; margin-top:.5rem;\">\r\n                        <p>\r\n                            <label>\r\n                                Name des Einf\u00fchrenden<br>\r\n                                <input type=\"text\" name=\"ref_name\" class=\"input-text\"\r\n                                       value=\"\">\r\n                            <\/label>\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            <label>\r\n                                E-Mail Introducer<br>\r\n                                <input type=\"email\" name=\"ref_email\" class=\"input-text\"\r\n                                       value=\"\">\r\n                            <\/label>\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            <label>\r\n                                Mobile Tr\u00e4gerrakete<br>\r\n                                <input type=\"tel\" name=\"ref_phone\" class=\"input-text\"\r\n                                       value=\"\"\r\n                                       placeholder=\"+31 6 12345678\">\r\n                            <\/label>\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <script>\r\n                    jQuery(function ($) {\r\n                        function toggleRef() {\r\n                            var val = $('input[name=\"introduced\"]:checked').val();\r\n                            if (val === 'yes') {\r\n                                $('#referrer-fields').slideDown(150);\r\n                            } else {\r\n                                $('#referrer-fields').slideUp(150);\r\n                            }\r\n                        }\r\n                        $('input[name=\"introduced\"]').on('change', toggleRef);\r\n                        toggleRef(); \/\/ init\r\n                    });\r\n                <\/script>\r\n\r\n                <div class=\"dark_blue-border-btn my-4\">\r\n                    <a href=\"#\" id=\"custom-register-submit\">\r\n                        <span>Registrieren Sie sich<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <noscript>\r\n                    <p>\r\n                        <button type=\"submit\">Registrieren Sie sich<\/button>\r\n                    <\/p>\r\n                <\/noscript>\r\n            <\/form>\r\n\r\n            <script>\r\n                jQuery(function ($) {\r\n                    function togglePortFields() {\r\n                        var choice = $('input[name=\"number_choice\"]:checked').val();\r\n                        if (choice === 'port') {\r\n                            $('#number-port-fields').slideDown(150);\r\n                        } else {\r\n                            $('#number-port-fields').slideUp(150);\r\n                        }\r\n                    }\r\n                    $('input[name=\"number_choice\"]').on('change', togglePortFields);\r\n                    togglePortFields();\r\n\r\n                    $('#custom-register-submit').on('click', function (e) {\r\n                        e.preventDefault();\r\n                        $('#ts-register-form').trigger('submit');\r\n                    });\r\n                });\r\n            <\/script>\r\n        <\/div>\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3337","page","type-page","status-publish","hentry","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/united.twodev.nl\/de\/wp-json\/wp\/v2\/pages\/3337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/united.twodev.nl\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/united.twodev.nl\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/united.twodev.nl\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/united.twodev.nl\/de\/wp-json\/wp\/v2\/comments?post=3337"}],"version-history":[{"count":1,"href":"https:\/\/united.twodev.nl\/de\/wp-json\/wp\/v2\/pages\/3337\/revisions"}],"predecessor-version":[{"id":3338,"href":"https:\/\/united.twodev.nl\/de\/wp-json\/wp\/v2\/pages\/3337\/revisions\/3338"}],"wp:attachment":[{"href":"https:\/\/united.twodev.nl\/de\/wp-json\/wp\/v2\/media?parent=3337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}