{"id":46,"date":"2019-06-21T05:19:06","date_gmt":"2019-06-21T05:19:06","guid":{"rendered":"http:\/\/demo.wpshuffle.com\/subscribe-to-download\/?page_id=46"},"modified":"2019-07-23T10:26:13","modified_gmt":"2019-07-23T10:26:13","slug":"custom-template-demo","status":"publish","type":"page","link":"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/custom-template-demo\/","title":{"rendered":"Custom Template Demo"},"content":{"rendered":"\n<p>With our inbuilt custom layout customizer, you can choose any template and customize below parameters as per your own requirement.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Background Type &#8211; Image\/Color<\/li><li>Text color<\/li><li>Button Background Color<\/li><li>Button Text Color<\/li><li>Button Hover Background Color<\/li><li>Button Hover Text Color<\/li><li>Loader Color<\/li><\/ul>\n\n\n\n<p>You can also provide the custom CSS in our inbuilt custom CSS textbox as per your requirement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Custom Template Example 1<\/h2>\n\n\n    <div class=\"std-form-wrap std-form-without-custom-fields std-template-6 std-custom_template_demo\">\n    <form method=\"post\" action=\"\" class=\"std-subscription-form\" data-form-alias=\"custom_template_demo\">\n\n        <div class=\"std-form-content-wrap\">\n    <div class=\"std-icon-holder\">\n                <img decoding=\"async\" src=\"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-content\/plugins\/subscribe-to-download\/images\/template-6-icon.png\" \/>\n    <\/div>\n\n            <h2 class=\"std-heading-text\">FREE EXCLUSIVE DIETING TIPS<\/h2>\n                <p class=\"std-heading-text std-heading-paragraph\">Sign up to download my dieting 101 tips ebook for free.<\/p>\n        <div class=\"both-fields-wrap\">\n                    <div class=\"std-field-wrap name-field\">\n                <label for=\"std_name\" class=\"sr-only std-hidden-item\">Your Name<\/label>\n                <input type=\"text\" name=\"std_name\" data-field-key=\"std-name\" class=\"std-name std-rounded\" placeholder=\"Your Name\" \/>\n            <\/div>\n                <!--Email Field-->\n        <div class=\"std-field-wrap\">\n            <label for=\"std_email\" class=\"sr-only std-hidden-item\">Your Email<\/label>\n            <input type=\"email\" name=\"std_email\" data-field-key=\"std-email\" class=\"std-email std-rounded\" placeholder=\"Your Email\" \/>\n        <\/div>\n        <!-- Email Field-->\n    <\/div>\n    \n            <div class=\"std-field-wrap std-terms-agreement-wrap std-check-box-text\" data-field-key=\"std-terms-agreement\">\n            <label>\n                <input type=\"checkbox\" name=\"std_terms_agreement\" class=\"std-terms-agreement\" \/>\n                <span class=\"std-term-text\">I agree with <a href=\"#\">terms and agreement<\/a><\/span>\n            <\/label>\n        <\/div>\n            <!-- Subscribe Button-->\n    <div class=\"std-field-wrap\">\n        <input type=\"submit\" name=\"std_form_submit\" class=\"std-form-submit std-rounded\" value=\"Signup\" \/>\n\n    <\/div>\n        <div class=\"std-form-message\"><\/div>\n\n    <span class=\"std-form-loader-wraper\">\n        <div class=\"std-form-loader std-form-loader-1\">Loading...<\/div>\n    <\/span>\n<\/div>        <script src=\"\/\/www.google.com\/recaptcha\/api.js?render=6LfJwkcqAAAAAMllGlVtIKY0pwlmquXZnydDTEs_\"><\/script>\n\n        <script>\n            if (typeof std_reCaptcha_ready != 'function') {\n                function std_reCaptcha_ready() {\n                    grecaptcha.execute('6LfJwkcqAAAAAMllGlVtIKY0pwlmquXZnydDTEs_', {\n                        action: 'submit'\n                    }).then(function(token) {\n                        document.getElementById('g-recaptcha-response').value = token;\n\n                    });\n                }\n            }\n            grecaptcha.ready(function() {\n                std_reCaptcha_ready();\n            });\n        <\/script>\n        <input type=\"hidden\" name=\"g-recaptcha-response\" id=\"g-recaptcha-response\">\n    <\/form>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Custom Template Example 2<\/h2>\n\n\n    <div class=\"std-form-wrap std-form-without-custom-fields std-template-12 std-custom_template_demo_9496\">\n    <form method=\"post\" action=\"\" class=\"std-subscription-form\" data-form-alias=\"custom_template_demo_9496\">\n\n        <div class=\"std-subs-img-box std-item-flex\">\n\n    <div class=\"std-subs-img-hold\">\n        <div class=\"std-overlay\"><\/div>\n                <img decoding=\"async\" src=\"http:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-content\/uploads\/2019\/06\/picture-1.jpg\" \/>\n    <\/div>\n\n    <div class=\"std-subs-form\">\n                    <h2 class=\"std-heading-text\">Free Exclusive Editing Tips and Tricks<\/h2>\n                            <p class=\"std-heading-text std-heading-paragraph\">Sign up to download my Editing 101 tips ebook for free.<\/p>\n                <div class=\"both-fields-wrap\">\n                            <div class=\"std-field-wrap name-field\">\n                    <label for=\"std_name\" class=\"sr-only std-hidden-item\">Your Name<\/label>\n                    <input type=\"text\" name=\"std_name\" data-field-key=\"std-name\" class=\"std-name std-rounded\" placeholder=\"Your Name\" \/>\n                <\/div>\n                        <!--Email Field-->\n            <div class=\"std-field-wrap\">\n                <label for=\"std_email\" class=\"sr-only std-hidden-item\">Your Email<\/label>\n                <input type=\"email\" name=\"std_email\" data-field-key=\"std-email\" class=\"std-email std-rounded\" placeholder=\"Your Email\" \/>\n            <\/div>\n            <!-- Email Field-->\n        <\/div>\n                            <div class=\"std-field-wrap std-terms-agreement-wrap std-check-box-text\" data-field-key=\"std-terms-agreement\">\n                <label>\n                    <input type=\"checkbox\" name=\"std_terms_agreement\" class=\"std-terms-agreement\" \/>\n                    <span class=\"std-term-text\">I agree with <a href=\"#\">terms and agreement<\/a><\/span>\n                <\/label>\n            <\/div>\n                        <!-- Subscribe Button-->\n        <div class=\"std-field-wrap\">\n            <input type=\"submit\" name=\"std_form_submit\" class=\"std-form-submit std-rounded\" value=\"Signup\" \/>\n\n        <\/div>\n\n                <span class=\"std-form-loader-wraper\">\n            <div class=\"std-form-loader std-form-loader-1\">Loading...<\/div>\n        <\/span>\n        <div class=\"std-form-message\"><\/div>\n\n    <\/div>\n\n<\/div>    <\/form>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>With our inbuilt custom layout customizer, you can choose any template and customize below parameters as per your own requirement. Background Type &#8211; Image\/Color Text color Button Background Color Button Text Color Button Hover Background Color Button Hover Text Color Loader Color You can also provide the custom CSS in our inbuilt custom CSS textbox [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":4,"href":"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-json\/wp\/v2\/pages\/46\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/demo.wpshuffle.com\/subscribe-to-download\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}