{"id":41713,"date":"2023-01-11T15:07:22","date_gmt":"2023-01-11T14:07:22","guid":{"rendered":"https:\/\/tellustalk.com\/try-integrating-e-signing\/"},"modified":"2023-07-26T11:35:17","modified_gmt":"2023-07-26T09:35:17","slug":"try-integrating-e-signing","status":"publish","type":"page","link":"https:\/\/tellustalk.com\/en\/try-integrating-e-signing\/","title":{"rendered":"Try integrating e-signing"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Rubrik + inledning&#8221; _builder_version=&#8221;4.21.0&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Integrate electronic signing, it\u00b4s easy!<\/h1>\n<p>This is a page for anyone that would like to know what it looks like if you were to integrate electronic signing on your own website, enabling your visitors to e-sign easily.<\/p>\n<p>Input your name below, then you can get the customer experience of filling a form prior to signing the completed document.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; column_structure=&#8221;1_5,3_5,1_5&#8243;][et_pb_column _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; type=&#8221;1_5&#8243;][\/et_pb_column][et_pb_column _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; type=&#8221;3_5&#8243;][et_pb_text admin_label=&#8221;Signeringsformul\u00e4r id 7&#8243; _builder_version=&#8221;4.21.0&#8243; background_color=&#8221;#E2EDCF&#8221; custom_margin=&#8221;0px|0px|10px|0px|false|false&#8221; custom_padding=&#8221;0px|15px|0px|15px|false|false&#8221; border_radii=&#8221;on|5px|5px|5px|5px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n\/* ]]> *\/\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework' data-form-theme='legacy' data-form-index='0' id='gform_wrapper_7' >\n                        <div class='gform_heading'>\n                            <p class='gform_description'><\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data'  id='gform_7'  action='\/en\/wp-json\/wp\/v2\/pages\/41713' data-formid='7' novalidate>\n                        <div class='gform-body gform_body'><ul id='gform_fields_7' class='gform_fields top_label form_sublabel_below description_below validation_below'><li id=\"field_7_1\" class=\"gfield gfield--type-name gfield--input-type-name gfield_contains_required field_sublabel_hidden_label gfield--no-description field_description_above hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label gfield_label_before_complex' >Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_7_1'>\n                            \n                            <span id='input_7_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <input type='text' name='input_1.3' id='input_7_1_3' value=''   aria-required='true'   placeholder='First name*'  \/>\n                                                    <label for='input_7_1_3' class='gform-field-label gform-field-label--type-sub hidden_sub_label screen-reader-text'>First name*<\/label>\n                                                <\/span>\n                            \n                            <span id='input_7_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                    <input type='text' name='input_1.6' id='input_7_1_6' value=''   aria-required='true'   placeholder='Surname*'  \/>\n                                                    <label for='input_7_1_6' class='gform-field-label gform-field-label--type-sub hidden_sub_label screen-reader-text'>Surname*<\/label>\n                                                <\/span>\n                            \n                        <\/div><\/li><li id=\"field_7_2\" class=\"gfield gfield--type-captcha gfield--input-type-captcha field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_2'>Please fill in<\/label><div class='gfield_captcha_container'><img decoding=\"async\" class=\"gfield_captcha\" src=\"https:\/\/tellustalk.com\/index.php?gf-download=686902125.png&#038;form-id=captcha&#038;field-id=2&#038;hash=8faa1a10d7397d579b3e6cd41f0c42d224c25eb0ef1c5695e1291c1e79cbb87e\" alt=\"\" width=\"150\" height=\"42\"><div class='gfield_captcha_input_container simple_captcha_medium'><input type='text' autocomplete='off' name='input_2' id='input_7_2' \/><input type='hidden' name='input_captcha_prefix_2' value='686902125' \/><\/div><\/div><\/li><\/ul><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_7' class='gform_button button et_pb_button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Sign'  \/> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_7' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_7' id='gform_theme_7' value='legacy' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_7' id='gform_style_settings_7' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_7' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='7' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='SEK' value='eraDSfWk1g8epZCPY25A9FyhXB6u9hYEJgeTJa5PnWBW5MmCkEaxjFX7vJ3q\/\/M3LsIF\/teuWsb4ZuphP74h42lOgK4ST0ehb9dxzoHdqaamQr0=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_7' value='WyJbXSIsIjYwZjY5OTQyYzNmZWZmMTVjMWQxN2ZkZjI5MDMzZDBjIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_7' id='gform_target_page_number_7' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_7' id='gform_source_page_number_7' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n gform.initializeOnLoaded( function() {gformInitSpinner( 7, 'https:\/\/tellustalk.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_7').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_7');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_7').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_7').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_7').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_7').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_7').val();gformInitSpinner( 7, 'https:\/\/tellustalk.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [7, current_page]);window['gf_submitting_7'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_7').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [7]);window['gf_submitting_7'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_7').text());}else{jQuery('#gform_7').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"7\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_7\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_7\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_7\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 7, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} ); \n\/* ]]> *\/\n<\/script>\n\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; type=&#8221;1_5&#8243;][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_column _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; type=&#8221;4_4&#8243;][et_pb_text admin_label=&#8221;Testa sj\u00e4lv?&#8221; _builder_version=&#8221;4.21.0&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The website will automatically create a PDF that is sent to our service using API calls. Our service will reply with a link that is presented by the website. Here the visitor can preview the PDF and sign with your preferred method, like Draw or eID.<br \/>When the signature process is finished, the signatory can easily download their own copy. A signed copy is also automatically sent to you using API or email, to be archived in your system.<\/p>\n<h2>Try it on your own website!<\/h2>\n<p>If you already have a TellusTalk subscription, you can just <a href=\"https:\/\/tellustalk.com\/en\/api\/\" target=\"_blank\" rel=\"noopener noreferrer\">take a look at the API documentation<\/a> and start building using one of your userid\u00b4s and passwords. There is also a description on how to use <strong>Gravity Forms in WordPress<\/strong>, like we did on this page. Let us know if you would like a copy!<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Kan inte programmera sj\u00e4lv&#8221; _builder_version=&#8221;4.21.0&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Not a programmer yourself?<\/h2>\n<p>We have an additional service where we can build and host a page like this for you. You just let us know what the page, the form and the complete PDF should look like and we will create it for you. The result will be a stand alone page that in appearance will match you own website and where you can redirect visitors that would like to sign up with you. The signed file will be sent to you by API or email, whatever you prefer. Please contact us to receive a quote.<\/p>\n<p>This is another example of what it can look like: <a href=\"https:\/\/elektronisksignering.se\/hastagarforsakran\/\" target=\"_blank\" rel=\"noopener\">https:\/\/elektronisksignering.se\/hastagarforsakran\/<\/a><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Integrate electronic signing, it\u00b4s easy! This is a page for anyone that would like to know what it looks like if you were to integrate electronic signing on your own website, enabling your visitors to e-sign easily. Input your name below, then you can get the customer experience of filling a form prior to signing [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":49195,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-41713","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tellustalk.com\/en\/wp-json\/wp\/v2\/pages\/41713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tellustalk.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tellustalk.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tellustalk.com\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/tellustalk.com\/en\/wp-json\/wp\/v2\/comments?post=41713"}],"version-history":[{"count":9,"href":"https:\/\/tellustalk.com\/en\/wp-json\/wp\/v2\/pages\/41713\/revisions"}],"predecessor-version":[{"id":41724,"href":"https:\/\/tellustalk.com\/en\/wp-json\/wp\/v2\/pages\/41713\/revisions\/41724"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tellustalk.com\/en\/wp-json\/wp\/v2\/media\/49195"}],"wp:attachment":[{"href":"https:\/\/tellustalk.com\/en\/wp-json\/wp\/v2\/media?parent=41713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}