Page tree


Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Content Layer
idbackground-color1151362639#F1F6FB
id339901354classcef cef-section
Content Column
width100%
id1151362642339901356
Content Block
1151362644
id339901366
Div
classmetadata-page-description

Explore how eSignature streamlines transactions and discover the eInvoicing Hub – your resource for getting started, implementing, and scaling eInvoicing with ease.

HTML
<link<section relclass="stylesheetsection" hrefid="/digitallanding-building-blocks/sites/download/attachments/879493538/faq.css">
<script src="/digital-building-blocks/sites/download/attachments/879493538/hardcoded-faq.js"></script>
<sectionsec-1">
	<div class="container">
		<div class="section" idcols">
			<div class="esignaturecol-faq-qa12">
    				<div class="carousel container-documents" id="carousel-1">
        					<div class="colscarousel-head">
						<h2 class="h2 carousel-title">In the spotlight        - eSignature</h2>
						<div class="colcontrol-12buttons">
							<button type="button" class="carousel-button left" aria-label="Previous Slide" disabled></button>
							<button class="carousel-button right" aria-label="Next Slide" type="button"></button>
						</div>
					</div>
					<div class="carousel-inner-wrapper">
						<div class="carousel-container">
						</div>
					</div>
					<div class="dots-container"></div>
				</div>
			</div>
		</div>
	</div>
</section>
Content Layer
id339927717
Content Column
width100%
id339927718
Content Block
id339927728
HTML
<section class="section" id="landing-sec-2">
	<div class="container">
		<div class="cols">
			<div class="col-9">
                <h3>eSignature FAQ</h3>
                <div class="faq-widget" data-widget-id="demo-widget" data-filter-curated=""
                    data-sidebar-id="" data-filter-categories="" data-widget-id="faq-widget-0">
                    <div class="faq-notification-container" style="display: none;"></div>
                    <div class="faq-loading-spinner loader-wrapper" style="display: none;">
                        <div class="load"></div>
                    </div>
                    <div id="819857855" class="category-block max-width-full">
                    <h2    <div class="accordion">h2">What’s eSignature?</h2>
                <p>eSignature is a set of free standards, tools and services that help <div id="819857866" class="qa-item"><button class="accordion-title" aria-expanded="false"
               public administrations and businesses accelerate the creation and verification of electronic signatures that are legally valid in all European Member States.</p>
                     aria-controls="content-819857866" role="button</div>
		</div>
		<div class="cols">
			<div class="col-12">
                <div class="item-container">
                   <p>What is an electronic signature?<div class="item">
                                    </p><img
      <img src="/digital-building-blocks/sites/download/attachments/467109036/illu-esignature-sec2-1.png" alt="" aria-hidden="true">
                        <p class="item-title">Boost your digital transactions</p>
         src="/digital-building-blocks/sites/download/attachments/879493538/ico-arrow-down-primary.svg"
                                             <p class="item-description">By removing the need for paper to obtain a signature or seal, the solution facilitates the digitalisation of business processes, eliminating the time, costs and risks of dealing with paper formats.</p>
           alt="" aria-hidden="true">         </div>
                    <div class="item">
           </button>
             <img src="/digital-building-blocks/sites/download/attachments/467109036/illu-esignature-sec2-2.png" alt="" aria-hidden="true">
                 <div id="content-819857866" class="accordion-content" role="region"
    <p class="item-title">Cross-border legal assurance</p>
                             aria-labelledby="819857866">
                            <p class="item-description">eSignature is compliant with the eIDAS Regulation, meaning that it ensures the legal recognition and cross-border interoperability of the electronic signatures and seals produced by solutions based on this building block.</p>
        <p>An electronic signature is a data in electronic form which is attached to</div>
 or logically associated with other data in electronic form and which is used by the signatory to sign, where the signatory is a natural person.</p>
<div class="item">
                        <img src="/digital-building-blocks/sites/download/attachments/467109036/illu-esignature-sec2-3.png" alt="" aria-hidden="true">
             <p>Like its handwritten counterpart in the offline world, an electronic signature can be used, for instance, to electronically indicate that the signatory has written the document, agreed with the content of the document, or that the signatory was present as a witness.</p>
                             <p class="item-title">Guaranteed documents’ integrity</p>
                        <p class="item-description">With eSignature, you reduce risk of document duplication or alteration. The signer’s identity is bound to each specific document, ensuring that signatures and seals are verified, authentic and legitimate for that document alone</p>
       <p>In case you want to seal a document as a legal person (e.g. as a business or organisation), you might be instead interested in an electronic seal.</p>
 </div>
                    <div class="item">
                        </div><img src="/digital-building-blocks/sites/download/attachments/467109036/illu-esignature-sec2-4.png" alt="" aria-hidden="true">
                        <p class="item-title">Improved user  <experience</div>p>
                            <div id<p class="819857870item-description" class="qa-item"><button class="accordion-title" aria-expanded="false"
           >Shorter approval times, thanks to faster document signing processes, which leads to higher satisfaction rates.</p>
                    </div>
     aria-controls="content-819857870" role="button">
          </div>
                          <p>What is an electronic seal?</p><img
                                        src="/digital-building-blocks/sites/download/attachments/879493538/ico-arrow-down-primary.svg"
          </div>
		</div>
	</div>
</section>
Content Layer
background-color#2C597E
id339931934
classbb-digital-article-diagonal-top-blue bb-digital-article-diagonal-bottom-blue
Content Column
width100%
id339931944
Content Block
id339931945
HTML
<section class="section" id="landing-sec-3">
	<div class="container">
		<div class="cols">
			<div class="col-9">
                <h2 class="h2">eSignature HUB</h2>
            alt="" aria-hidden="true">
   <p>The eSignature Hub is your central resource for everything eSignature. Find key documents, services, and tools all in one place. Whether you are getting started or looking to  </button>
         scale, explore step-by-step guidance and insights to implement eSignature with confidence.</p>
                       <div id="content-819857870" class="accordion-content" role="region"
    <a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/eSignature+HUB"><span class="cef-link-external">Go to the eSignature HUB</span></a>
            </div>
		</div>
	</div>
</section>
Content Layer
id339936482
Content Column
width100%
id339936493
Content Block
id339936503
HTML
<section      class="section" id="landing-sec-5">
    <div class="container">
		<div         aria-labelledby="819857870class="cols">
			<div class="col-12">
                <h2 class="h2">How to start using the eSignature?</h2>
              <p>An electronic seal is data in electronic form, which is attached to or logically associated with other data in electronic form to ensure the latter’s origin and integrity, where the creator of a seal is a legal person (unlike the electronic signature that is issued by a natural person).</p>
</div>
		</div>
	</div>
	<div class="container">
		<div class="cols justify-content-between">
			<div class="col-5 left-col">
                <div class="item-container">
                    <div class="item">
                        <p class="item-number">01</p>
               <p>In this purpose, electronic seals might serve as evidence that an electronic document was issued by a legal person, ensuring certainty of the document’s origin and integrity. Nevertheless, across the European Union, when a transaction requires a qualified electronic seal from a legal person, a qualified electronic signature from the authorised representative of the legal person is equally acceptable.</p>
<p class="item-description">Get familiar with the eIDAS Regulation and other important Directives, as well as the necessary <a href="https://ec.europa.eu/digital-building-blocks/sites/x/5YTXGw">standards</a> to implement an eSignature compliant solution.</p>
                    </div>
                         </div><div class="item">
                            </div><p class="item-number">02</p>
                            <div id="819857888" <p class="qa-item"><button class="accordion-title" aria-expanded="false"
                      -description">Gather your business needs and requirements to decide if you want to use an external provider or our own <a href="https://ec.europa.eu/digital-building-blocks/sites/x/84TXGw">Digital signature Services (DSS)</a></p>
              aria-controls="content-819857888" role="button">
     </div>
                    <div class="item">
          <p>What is     the difference between an electronic signature and a digital signature?<<p class="item-number">03</p>
                        <p class="item-description">Obtain a suited and interoperable eSignature structure that builds on our <img<a srchref="https://ec.europa.eu/digital-building-blocks/sites/downloadx/attachments/879493538/ico-arrow-down-primary.svg"
    84TXGw">DSS</a> open source library. Check out the documentation and <a href="https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk/portal/9">support services</a> available to help you.</p>
                    </div>
                alt="" aria-hidden="true    <div class="item">
                        <p class="item-number">04</p>
       </button>
                 <p class="item-description">After testing the interoperability and conformance of your solution, you will be ready to <div id="content-819857888" class="accordion-content" role="region"start offering and promoting it!</p>
                    </div>
                aria-labelledby="819857888"></div>
            </div>
			<div class="col-6 right-col">
                <div class="blue-frame">
     <p>An ‘electronic signature’ is a legal concept that is defined in eIDAS by the following:</p>  <h2 class="h3">Who can benefit from eSignature?</h2>
                    <div class="blue-frame-items">
               <p>“‘electronic signature’ means data in electronic form which is attached to or logically associated with other data in electronic form and which is used by the signatory to sign;” (eIDAS Article 3.10)</p>
<div class="bf-item">
                            <h4 class="bf-item-title">Citizens</h4>
                             <p>A digital signature, on the other hand, refers to a mathematical and cryptographic concept that is widely used to provide concrete and practical instances of electronic signature. The definition given by ETSI TR 119 100 is that of data appended to, or a cryptographic transformation of a data unit that allows a recipient of the data unit to prove the source and integrity of the data unit and protect against forgery e.g. by the recipient.</p><h5 class="bf-item-subtitle">Citizens of EU countries, Iceland, Norway and Liechtenstein</h5>
                            <p class="bf-item-descr">Discover how we are making the signing of digital documents possible for everyone.</p>
                        </div>
                        <div class="bf-item">
           <p>These two concepts should be distinguished, as all electronic signatures are not necessarily digital signatures.</p>
   <h4 class="bf-item-title">Governments   and Businesses</h4>
                            <h5 class="bf-item-subtitle">Public and Private <entities</div>h5>
                             </div>
             <p class="bf-item-descr">Let us show you how to adopt electronic signatures and seals, ensuring EU-wide validity.</p>
               <div id="819857888" class="qa-item"><button class="accordion-title" aria-expanded="false"
       </div>
                             aria-controls<div class="content-819857888" role="buttonbf-item">
                            <h4 class="bf-item-title">Service Providers</h4>
      <p>What are the levels (simple, advanced and qualified) of electronic signatures?</p>
            <h5 class="bf-item-subtitle">Service and solution providers</h5>
                    <img src="/digital-building-blocks/sites/download/attachments/879493538/ico-arrow-down-primary.svg"
       <p class="bf-item-descr">We can help you develop eSigning solutions that are compliant with the     eIDAS Regulation.</p>
                alt="" aria-hidden="true">
        </div>
                        </button>div>
                </div>
                <div id="content-819857888" class="accordion-content" role="region"
                                    aria-labelledby="819857888">
                                    <p>The eIDAS Regulation defines three levels of electronic signature: 'simple' electronic signature, advanced electronic signature and qualified electronic signature. The requirements of each level are built on the requirements of the level below it, such that a qualified electronic signature meets the most requirements and a 'simple' electronic signature the least.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <p class="cef-text-center cef-mt-5 cef-mb-0"><a class="cef-btn cef-btn-primary" href="/digital-building-blocks/sites/display/DIGITAL/eSignature+FAQ"><span>Read all FAQ</span></a></p>
            </div>
        </div>
    </div>
</section></div>
		</div>
	</div>
</section>
Content Layer
background-color#E4F2EF
id339944722
Content Column
width100%
id339944732
Content Block
id339944733
HTML
<section class="section" id="card-picker-section">
	<div class="container">
		<div class="cols">
			<div class="col-12">
				<div class="card-picker-carousel carousel" id="cardpicker-1">
					<div class="carousel-head">
						<h2 class="h2 carousel-title">Implementing eSignature</h2>
						<p>If you are ready to start working on your eSignature services, we are just as ready to help you. The links below provide important information to begin the implementation.</p>
					</div>
			
					<div class="custom-select-box-container d-none">
					<button class="selected-opt" aria-haspopup="true" aria-expanded="false" role="combobox" aria-controls="carousel-1-select" aria-label="Legislation">placeholder</button>
						<div class="toggled-content" aria-hidden="true">
							<ul id="carousel-1-select" role="listbox" aria-label="Select slideset">
								<li><button class="cust-opt selected" data-value="1" role="option" tabindex="-1" aria-label="Legislation">placeholder</button></li>
							</ul>
						</div>
					</div>
			
					<div class="carousel-inner-wrapper">
						<div class="carousel-container">
							<div class="slide-set active" data-slideset-ref="1">
								<div class="slide">
									<div class="card-body">
										<img src="/digital-building-blocks/sites/download/attachments/467109036/ico-esignature-slide-1-1.png" alt="" aria-hidden="true">
										<div class="card-text">
											<h2 class="h4 slide-title">eIDAS eID Profile</h2>
											<p>Download the latest version of the Digital Signature Services open-source library for electronic signature creation and validation.</p>
										</div>
										<a href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/Digital+Signature+Service+-++DSS" class="link-cta">Learn more</a>
									</div>
								</div>
								<div class="slide">
									<div class="card-body">
										<img src="/digital-building-blocks/sites/download/attachments/467109036/ico-esignature-slide-1-2.png" alt="" aria-hidden="true">
										<div class="card-text">
											<h2 class="h4 slide-title">eIDAS Regulation</h2>
											<p>A free online tool that performs numerous checks to verify the conformance of electronic signatures based on ETSI standards.</p>
										</div>
										<a href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/ETSI+Signature+Conformance+Checker" class="link-cta">Learn more</a>
									</div>
								</div>
								<div class="slide">
									<div class="card-body">
										<img src="/digital-building-blocks/sites/download/attachments/467109036/ico-esignature-slide-1-3.png" alt="" aria-hidden="true">
										<div class="card-text">
											<h2 class="h4 slide-title">eIDAS-Node Integration Package</h2>
											<p>A web application for browsing, editing and monitoring trusted lists used by the Trusted List Operators of each Member State. It allows searching for qualified Trust Service Providers in Europe.</p>
										</div>
										<a href="https://eidas.ec.europa.eu/efda/trust-services/browse/eidas/tls" class="link-external">Learn more</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="dots-container">
						<button class="dot active" type="button" data-button-ref="1" aria-label="Go to slide 1"></button>
						<button class="dot" type="button" data-button-ref="2" aria-label="Go to slide 2"></button>
						<button class="dot" type="button" data-button-ref="3" aria-label="Go to slide 3"></button>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
Content Layer
id339949836
class__hidden
Content Column
width100%
id339949846
Content Block
id339949847
HTML
<link rel="stylesheet" href="/digital-building-blocks/sites/download/attachments/467108637/style.css">
<link rel="stylesheet" href="/digital-building-blocks/sites/download/attachments/467108637/carousel-style.css">
<link rel="stylesheet" href="/digital-building-blocks/sites/download/attachments/467108637/cardpicker-style.css">
<script defer type="module" src="/digital-building-blocks/sites/download/attachments/467109036/script.js"></script>
Content Layer
id809574111
classcef cef-section cef-primary-bg
Content Column
width100.00002%
id809574122
Content Block
id809574112
<h2>Contact us and start your digital transformation</h2> <p>If you have any question regarding eSignature, feel free to contact us or join our user community for further discussion and support.</p> <p><a class="cef-btn cef-btn-secondary cef-btn-lg" href="https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk" onclick="_paq.push(['trackEvent', 'conversion','esignature-footer','contact-us'])"target="_blank"><span class="cef-link-external">Contact us</span><span class="cef-sr-only">(opens in a new tab)</span></a></p> <p><a class="cef-btn cef-btn-light-outline cef-btn-lg" href="https://ec.europa.eu/digital-building-blocks/sites/display/TLSO/TLSO+Community" onclick="_paq.push(['trackEvent', 'conversion','esignature-footer','esignature-community'])"target="_blank"><span class="cef-link-external">Join our user community</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>
Div
classcef-container
Div
classcef-row
Div
classcef-col-6
HTML