mirror of
https://github.com/OpenSignLabs/OpenSign.git
synced 2026-08-20 22:52:39 +02:00
480 lines
58 KiB
HTML
480 lines
58 KiB
HTML
<!doctype html>
|
||
<html lang="en" dir="ltr" class="docs-wrapper plugin-docs plugin-id-default docs-version-current docs-doc-page docs-doc-id-help/Templates/create-template" data-has-hydrated="false">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="generator" content="Docusaurus v3.9.2">
|
||
<title data-rh="true">Create Templates | OpenSign™</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://docs.opensignlabs.com/img/docusaurus-social-card.png"><meta data-rh="true" name="twitter:image" content="https://docs.opensignlabs.com/img/docusaurus-social-card.png"><meta data-rh="true" property="og:url" content="https://docs.opensignlabs.com/docs/help/Templates/create-template"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Create Templates | OpenSign™"><meta data-rh="true" name="description" content="Getting Started"><meta data-rh="true" property="og:description" content="Getting Started"><link data-rh="true" rel="icon" href="/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://docs.opensignlabs.com/docs/help/Templates/create-template"><link data-rh="true" rel="alternate" href="https://docs.opensignlabs.com/docs/help/Templates/create-template" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.opensignlabs.com/docs/help/Templates/create-template" hreflang="x-default"><script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Templates","item":"https://docs.opensignlabs.com/docs/category/templates"},{"@type":"ListItem","position":2,"name":"Create Templates","item":"https://docs.opensignlabs.com/docs/help/Templates/create-template"}]}</script><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="OpenSign™ RSS Feed">
|
||
<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="OpenSign™ Atom Feed"><link rel="stylesheet" href="/assets/css/styles.03fa8acf.css">
|
||
<script src="/assets/js/runtime~main.c99ac67f.js" defer="defer"></script>
|
||
<script src="/assets/js/main.62d29b20.js" defer="defer"></script>
|
||
</head>
|
||
<body class="navigation-with-keyboard">
|
||
<svg style="display: none;"><defs>
|
||
<symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol>
|
||
</defs></svg>
|
||
<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{const a=new URLSearchParams(window.location.search).entries();for(var[t,e]of a)if(t.startsWith("docusaurus-data-")){var n=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(n,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="theme-announcement-bar announcementBar_mb4j" style="background-color:#cae4fa;color:#091E42" role="banner"><div class="content_knG7 announcementBarContent_xLdY">Help use spread the word - ⭐ OpenSign on <a target="_blank" rel="noopener" href="https://github.com/opensignlabs/opensign">GitHub</a></div></div><nav aria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><div class="navbar__inner"><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.png" alt="OpenSign™ Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.png" alt="OpenSign™ Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">OpenSign™</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/help/intro">Help</a><a class="navbar__item navbar__link" href="/docs/API-docs/v1.1">APIs</a><a class="navbar__item navbar__link" href="/docs/contribute/CODE_OF_CONDUCT">Contribute</a><a href="https://www.opensignlabs.com/plans-pricing" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Cloud Pricing<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a><a class="navbar__item navbar__link" href="/docs/self-host/intro">Self-host</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><a href="https://github.com/opensignlabs/opensign" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_g3eP lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_g3eP darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_g3eP systemToggleIcon_QzmC"><path fill="currentColor" d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"></path></svg></button></div><div class="navbarSearchContainer_Bca1"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_z2l0"><div class="docsWrapper_hBAB"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docRoot_UBD9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><div class="sidebarViewport_aRkj"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/help/intro"><span title="Intro" class="linkLabel_WmDU">Intro</span></a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_byQd menu__link menu__link--sublist" href="/docs/category/create-new-opensign-document"><span title="Create New OpenSign Document" class="categoryLinkLabel_W154">Create New OpenSign Document</span></a><button aria-label="Expand sidebar category 'Create New OpenSign Document'" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_byQd menu__link menu__link--sublist" href="/docs/category/manage-docs-using-opensign-drive"><span title="Manage Docs using OpenSign™ Drive" class="categoryLinkLabel_W154">Manage Docs using OpenSign™ Drive</span></a><button aria-label="Expand sidebar category 'Manage Docs using OpenSign™ Drive'" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_byQd menu__link menu__link--sublist" href="/docs/category/documents"><span title="Documents" class="categoryLinkLabel_W154">Documents</span></a><button aria-label="Expand sidebar category 'Documents'" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="categoryLink_byQd menu__link menu__link--sublist menu__link--active" href="/docs/category/templates"><span title="Templates" class="categoryLinkLabel_W154">Templates</span></a><button aria-label="Collapse sidebar category 'Templates'" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/help/Templates/create-template"><span title="Create Templates" class="linkLabel_WmDU">Create Templates</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/help/Templates/manage-templates"><span title="Manage Templates" class="linkLabel_WmDU">Manage Templates</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/help/Templates/use-template"><span title="Use template to create documents" class="linkLabel_WmDU">Use template to create documents</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/help/Templates/quick-send"><span title="Bulk Document Send for Signature Using Template" class="linkLabel_WmDU">Bulk Document Send for Signature Using Template</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/help/Templates/publicTemplate"><span title="Setting up an OpenSign template for public signing" class="linkLabel_WmDU">Setting up an OpenSign template for public signing</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/help/Templates/embed-template"><span title="Embedding OpenSign templates" class="linkLabel_WmDU">Embedding OpenSign templates</span></a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_byQd menu__link menu__link--sublist" href="/docs/category/settings"><span title="Settings" class="categoryLinkLabel_W154">Settings</span></a><button aria-label="Expand sidebar category 'Settings'" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_byQd menu__link menu__link--sublist" href="/docs/category/user-menu"><span title="User Menu" class="categoryLinkLabel_W154">User Menu</span></a><button aria-label="Expand sidebar category 'User Menu'" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_byQd menu__link menu__link--sublist" href="/docs/category/faqs"><span title="FAQs" class="categoryLinkLabel_W154">FAQs</span></a><button aria-label="Expand sidebar category 'FAQs'" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav></div></div></aside><main class="docMainContainer_TBSr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_xLCN"><div class="docItemContainer_jfFK"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><a class="breadcrumbs__link" href="/docs/category/templates"><span>Templates</span></a></li><li class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link">Create Templates</span></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Create Templates</h1></header><div class="row"><div class="col col--12 markdown"><h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="getting-started">Getting Started<a href="#getting-started" class="hash-link" aria-label="Direct link to Getting Started" title="Direct link to Getting Started" translate="no"></a></h2>
|
||
<p>Creating a template in OpenSign is straightforward and can significantly enhance your document workflow. Follow these steps to create a custom template:</p>
|
||
<h1>How to Create a Template in OpenSign™</h1>
|
||
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="step-1">Step 1:<a href="#step-1" class="hash-link" aria-label="Direct link to Step 1:" title="Direct link to Step 1:" translate="no"></a></h2>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="begin-new-template-creation">Begin New Template Creation<a href="#begin-new-template-creation" class="hash-link" aria-label="Direct link to Begin New Template Creation" title="Direct link to Begin New Template Creation" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>Navigate to New template form</strong>: On the left sidebar, click on "Templates" to expand the menu. and Click on the "Create template" option.</li>
|
||
</ul>
|
||
<img width="828" alt="Create Template" src="https://github.com/user-attachments/assets/143a752c-1ee3-4424-afe4-65922b71ddbb">
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="uploading-your-document">Uploading Your Document<a href="#uploading-your-document" class="hash-link" aria-label="Direct link to Uploading Your Document" title="Direct link to Uploading Your Document" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[1] Choose File</strong>: Once the "New template" page opens, click here to select and upload the document file from your computer that needs to be signed. Supported formats include PDF, PNG, JPG, JPEG, and DOCX.</li>
|
||
<li class=""><strong>[2] Choose File from Dropbox</strong>: Click the Dropbox icon to select the document file from your Dropbox account.</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="entering-template-details">Entering Template Details<a href="#entering-template-details" class="hash-link" aria-label="Direct link to Entering Template Details" title="Direct link to Entering Template Details" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[3] Title</strong> <em>(Required)</em>: Provide a title for your template. For example, "Demo Custom Template."</li>
|
||
<li class=""><strong>[4] Description</strong>: Optionally add a description to give context or instructions regarding the template.</li>
|
||
<li class=""><strong>[5] Note</strong>: Optionally add a note to give context or instructions regarding the document.</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="set-the-sending-order">Set the sending order<a href="#set-the-sending-order" class="hash-link" aria-label="Direct link to Set the sending order" title="Direct link to Set the sending order" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[6] Send in Order</strong>
|
||
<ul>
|
||
<li class=""><strong>If you choose:</strong></li>
|
||
<li class=""><strong>Yes</strong>: Selecting this option will send the signing request to the first signer initially. Once the first signer completes their part, the next signer in the sequence will receive the request. This process continues until all signers have signed the document. This method ensures that the document is signed in a specific order.</li>
|
||
<li class=""><strong>No</strong>: Selecting this option will send the signing links to all signers simultaneously. Every signer can sign the document at their convenience, regardless of whether other signers have completed their signatures. This method is faster but does not enforce any signing order among the participants.
|
||
Select the option that best suits the needs of your document processing.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="auto-reminder-feature-only-available-for-subscribed-users">Auto reminder (feature only available for subscribed users)<a href="#auto-reminder-feature-only-available-for-subscribed-users" class="hash-link" aria-label="Direct link to Auto reminder (feature only available for subscribed users)" title="Direct link to Auto reminder (feature only available for subscribed users)" translate="no"></a></h3>
|
||
<ul>
|
||
<li class="">
|
||
<p><strong>[7]</strong> Once you enable the auto reminder, a text field will appear allowing you to set the reminder for a specific number of days.</p>
|
||
<ul>
|
||
<li class=""><strong>Remind once in every (Days)</strong>: Here, you can set the number of days for the reminder.</li>
|
||
</ul>
|
||
<p>Note: You can set a maximum of 15 reminders. For example, if the document completion time is 16 days and you try to schedule a reminder every day, the system will not allow it, as the reminder limit would be exceeded.</p>
|
||
</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="time-to-complete-days">Time to complete (days)<a href="#time-to-complete-days" class="hash-link" aria-label="Direct link to Time to complete (days)" title="Direct link to Time to complete (days)" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[8]</strong> You can specify the number of days within which the document must be signed. For example, if you set the expiration period to 15 days, the created document will remain available for signing for 15 days from the date of creation. After this period, the document will expire, and the signer will no longer be able to sign it.</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="bcc">BCC<a href="#bcc" class="hash-link" aria-label="Direct link to BCC" title="Direct link to BCC" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[9]</strong> The BCC (Blind Carbon Copy) feature allows users to receive document completion emails at specified email addresses.
|
||
You can add multiple contacts in the BCC field to notify several recipients.
|
||
You can either:
|
||
Click "Add New" to enter a new email contact, or
|
||
Select from existing contacts using the dropdown list.</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="security-setting">Security Setting<a href="#security-setting" class="hash-link" aria-label="Direct link to Security Setting" title="Direct link to Security Setting" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[10] Enable OTP Verification</strong> :</li>
|
||
</ul>
|
||
<p>If set to "Yes," the signer will be required to complete email OTP verification before viewing and signing the document. If "Enable OTP Verification" is set to "No," the signer will not be prompted for OTP verification during the signing process.
|
||
Note: This feature is available exclusively on paid plans.</p>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="enable-tour">Enable tour:<a href="#enable-tour" class="hash-link" aria-label="Direct link to Enable tour:" title="Direct link to Enable tour:" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[11]</strong> If set to "Yes," the signer will see the tour guide while signing the document. If your signer is familiar with OpenSign and you prefer not to display the tour guide, you can select "No," and the tour guide will not be shown to your signers.</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="notify-on-signatures">Notify on signatures:<a href="#notify-on-signatures" class="hash-link" aria-label="Direct link to Notify on signatures:" title="Direct link to Notify on signatures:" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[12]</strong> If set to "Yes," the document owner will receive an email notification each signer completes their signature.
|
||
Note: This feature is available exclusively on paid plans.</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="allow-modifications">Allow modifications:<a href="#allow-modifications" class="hash-link" aria-label="Direct link to Allow modifications:" title="Direct link to Allow modifications:" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[13]</strong> If set to Yes, the signer will be allowed to make modifications to the document during the signing process. However, they cannot edit or remove any fields that were already placed by the document owner. They can only add basic fields such as signature, stamp, initials, text, and cells.</li>
|
||
</ul>
|
||
<p>If both Allow Modification and Enable OTP are set to Yes, the signer will still not be able to edit or delete existing fields, but will gain access to additional advanced fields to add during signing. These include: signature, stamp, initials, name, job title, company, text, cells, and email.</p>
|
||
<p>Note: This feature is available exclusively on paid plans.</p>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="redirect-url">Redirect url:<a href="#redirect-url" class="hash-link" aria-label="Direct link to Redirect url:" title="Direct link to Redirect url:" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>[14]</strong> After signing the document and upon its completion, the signer will be redirected to the specified URL.</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="proceed-to-template-creation-panel">Proceed to Template Creation Panel<a href="#proceed-to-template-creation-panel" class="hash-link" aria-label="Direct link to Proceed to Template Creation Panel" title="Direct link to Proceed to Template Creation Panel" translate="no"></a></h3>
|
||
<ul>
|
||
<li class=""><strong>Next</strong>: Click the "Next" button to proceed to the next stage of template creation, where you can add widgets and finalize the template.</li>
|
||
<li class=""><strong>Cancel</strong>: If you need to start over or make changes, click Cancel button to clear the form.</li>
|
||
</ul>
|
||
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="step-2">Step 2:<a href="#step-2" class="hash-link" aria-label="Direct link to Step 2:" title="Direct link to Step 2:" translate="no"></a></h2>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="template-creation">Template creation<a href="#template-creation" class="hash-link" aria-label="Direct link to Template creation" title="Direct link to Template creation" translate="no"></a></h3>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="prefill-widgets">Prefill Widgets<a href="#prefill-widgets" class="hash-link" aria-label="Direct link to Prefill Widgets" title="Direct link to Prefill Widgets" translate="no"></a></h3>
|
||
<p>The <strong>Prefill Widgets</strong> feature lets document creators prefill specific fields before sending a document for signature. This ensures that important details (such as date, name, email, images, checkboxes, radio buttons, or custom text) are already completed when recipients receive the document. By default, prefilled data cannot be edited by signers.</p>
|
||
<img width="800" alt="Prefill" src="https://github.com/user-attachments/assets/6400469f-1c7e-4eda-b170-fa5b4ce9ebce">
|
||
<hr>
|
||
<p><strong>✨ Key Benefits</strong></p>
|
||
<ul>
|
||
<li class="">✅ Save time by auto-filling repetitive information.</li>
|
||
<li class="">✅ Ensure accuracy for critical fields (e.g., company name, contract number).</li>
|
||
<li class="">✅ Maintain consistency across multiple signers and templates.</li>
|
||
<li class="">✅ Reduce signer effort for a smoother signing experience.</li>
|
||
</ul>
|
||
<p><strong>🛠️ How It Works</strong></p>
|
||
<ol>
|
||
<li class="">
|
||
<p><strong>Add Widgets to the Document</strong></p>
|
||
<ul>
|
||
<li class="">Open the right-side panel, select <strong>Prefill Widgets</strong>, then drag and drop the required widgets (Text, Date, Checkbox, Dropdown, Image, etc.) onto the document.</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Enter Prefill Value</strong></p>
|
||
<ul>
|
||
<li class="">Provide the default value (e.g., <em>"Company: OpenSign Labs"</em>, <em>Date: 30/09/2025</em>).</li>
|
||
<li class="">For option-based widgets (Dropdown, Radio, Checkbox), choose the option to be prefilled.</li>
|
||
</ul>
|
||
</li>
|
||
</ol>
|
||
<p><strong>📋 Supported Widgets for Prefill</strong></p>
|
||
<ul>
|
||
<li class=""><strong>Text Field</strong> – Names, job titles, company names, contract IDs</li>
|
||
<li class=""><strong>Date Field</strong> – Default signing date or contract start date</li>
|
||
<li class=""><strong>Dropdown</strong> – Preselect an option</li>
|
||
<li class=""><strong>Radio Button</strong> – Prefill with a selected choice</li>
|
||
<li class=""><strong>Checkbox</strong> – Prefill as checked or unchecked</li>
|
||
<li class=""><strong>Image</strong> – Insert a default image (e.g., logo or stamp)</li>
|
||
<li class=""><strong>Draw</strong> – Allows the user to draw directly in this widget; use it when a prefill drawing is required.</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="1-define-roles-and-assign-widgets">[1] Define roles and assign widgets:<a href="#1-define-roles-and-assign-widgets" class="hash-link" aria-label="Direct link to [1] Define roles and assign widgets:" title="Direct link to [1] Define roles and assign widgets:" translate="no"></a></h3>
|
||
<img width="828" alt="Create Template" src="https://github.com/user-attachments/assets/9305bf0b-02d4-4110-bbbf-6496c9fd6f65">
|
||
<p><strong>Add Roles</strong>: In the roles section on the right, click "+ Add role" to specify the roles involved in the document, such as Candidate, HR, and Manager.
|
||
<strong>Assign Widgets to Roles</strong>: Click on each role to highlight it, then drag and drop the widget to assign it to that role.</p>
|
||
<ul>
|
||
<li class=""><strong>[1] Assign signature widget</strong>: The signature widget is used to add a signature to the document. Each role must have at least one signature widget assigned.</li>
|
||
</ul>
|
||
<p>Select the Role from the right side panel, click on the signature widget, and position it where the signature is required. You can place multiple signature widgets for each Role, as required.</p>
|
||
<p>After placing the Signature widget, you will see the options on the widget such as:</p>
|
||
<ul>
|
||
<li class="">
|
||
<p><strong>Add Signer/Change Signer</strong>: Clicking the first icon on the signature widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Copy Signature</strong>: Clicking on this option reveals the following choices.</p>
|
||
<ul>
|
||
<li class="">All pages: It will copy the signature widget to all pages.</li>
|
||
<li class="">All pages but last: It will copy the signature widget to all pages except the last page.</li>
|
||
<li class="">All pages but first: It will copy the signature widget to all pages except the first page.</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>[2] Add other widgets</strong>: Depending on your needs, you can include additional widgets such as:</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Stamp</strong>: The stamp widget allows signers to add a stamp to the document. Signers can upload their stamp during the signing process.
|
||
After placing the Stamp widget, you will see the options on the widget such as:</p>
|
||
<ul>
|
||
<li class="">Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing.</li>
|
||
<li class="">Add Signer/Change Signer: Clicking the second option on the stamp widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</li>
|
||
<li class="">Copy Stamp: Clicking on this option reveals the following choices.<!-- -->
|
||
<ul>
|
||
<li class="">All pages : It will copy the stamp widget to all pages.</li>
|
||
<li class="">All pages but last: It will copy the stamp widget to all pages except the last page.</li>
|
||
<li class="">All pages but first: It will copy the stamp widget to all pages except the first page.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Initials</strong>: The initials widget allows signers to add their initials to the document. During the signing process, signers can draw, upload, or type their initials. After placing the Initials widget, you will see the options on the widget such as:</p>
|
||
<ul>
|
||
<li class="">Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing.</li>
|
||
<li class="">Add Signer/Change Signer: Clicking the first icon on the Initials widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</li>
|
||
<li class="">Copy Initials: Clicking on this option reveals the following choices.<!-- -->
|
||
<ul>
|
||
<li class="">All pages : It will copy the initials widget to all pages.</li>
|
||
<li class="">All pages but last: It will copy the initials widget to all pages except the last page.</li>
|
||
<li class="">All pages but first: It will copy the initials widget to all pages except the first page.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Name</strong>: The name widget allows signers to add their name or any other text, functioning like a text field during the signing process.
|
||
After placing the name widget, you will see the options on the widget such as:</p>
|
||
<ul>
|
||
<li class="">
|
||
<p>Setting icon: By clicking on the option, you can set the color and font.</p>
|
||
<p><strong>Hide text with asterisks</strong>: **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Add Signer/Change Signer: Clicking the first icon on the Name widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Copy : Clicking on this you can duplicate the name widget.</p>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Job title</strong>: The Job title widget allows signers to add their Job title or any other text, functioning like a text field during the signing process.
|
||
After placing the job title widget, you will see the options on the widget such as:</p>
|
||
<ul>
|
||
<li class="">
|
||
<p>Setting icon: By clicking on the option, you can set the color and font.</p>
|
||
<p><strong>Hide text with asterisks</strong>: **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Add Signer/Change Signer: Clicking the first icon on the Job title widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Copy : Clicking on this you can duplicate the job title widget.</p>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Company</strong>: The company widget allows signers to add their company or any other text, functioning like a text field during the signing process.
|
||
After placing the company widget, you will see the options on the widget such as:</p>
|
||
<ul>
|
||
<li class="">
|
||
<p>Setting icon: By clicking on the option, you can set the color and font.</p>
|
||
<p><strong>Hide text with asterisks</strong>: **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Add Signer/Change Signer: Clicking the first icon on the Company widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Copy : Clicking on this you can duplicate the Company widget.</p>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Date Widget</strong></p>
|
||
</li>
|
||
</ul>
|
||
<p>The <strong>Date widget</strong> allows signers to enter a date while signing the document. Once the widget is placed, you can configure its behavior using the available settings in the <strong>Widget Info</strong> panel.</p>
|
||
<h4 class="anchor anchorTargetStickyNavbar_Vzrq" id="️-widget-options">⚙️ Widget Options<a href="#️-widget-options" class="hash-link" aria-label="Direct link to ⚙️ Widget Options" title="Direct link to ⚙️ Widget Options" translate="no"></a></h4>
|
||
<ul>
|
||
<li class="">
|
||
<p><strong>Date Format</strong>: Choose the preferred date format (for example, <code>MM/dd/yyyy</code>, <code>dd-mm-yyyy</code>, or <code>dd/mm/yyyy</code>) from the Format dropdown. This determines how the date appears to the signer.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Set Date</strong>: This option allows the user to set a default date, which will be displayed while signing the document.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Signing Date</strong>: When selected, the date on which the signer signs the document will be automatically displayed in the Date widget.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Clear</strong>: Removes the selected date setting.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Date Range</strong></p>
|
||
<ul>
|
||
<li class=""><strong>Min Date</strong>: Sets the earliest date the signer can select.</li>
|
||
<li class=""><strong>Max Date</strong>: Sets the latest date the signer can select.</li>
|
||
<li class="">Use <strong>Clear</strong> to remove the minimum or maximum date restrictions.</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Required / Optional</strong><br>
|
||
<!-- -->Mark the widget as <strong>Required</strong> if the signer must fill it in before completing the signing, or <strong>Optional</strong> if it is not mandatory.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Font Settings</strong>
|
||
Customize the <strong>font size</strong> and <strong>text color</strong> to match the document’s style.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Read Only</strong>
|
||
Enable this option to display a date that cannot be edited by the signer.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Save</strong>
|
||
Click <strong>Save</strong> to apply all selected settings to the Date widget.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Text Input</strong>: The text input field is used to collect input from the signer. Signers can type their responses directly into this field.
|
||
After placing the Text Input widget, you will see the options on the widget such as:</p>
|
||
<ul>
|
||
<li class="">Setting icon: The widget settings panel provides additional customization options, including:<!-- -->
|
||
<ul>
|
||
<li class="">Choosing a <strong>font color</strong></li>
|
||
<li class="">Setting the <strong>font size</strong></li>
|
||
<li class="">Marking the field as <strong>required</strong> or <strong>optional</strong></li>
|
||
<li class="">Providing a <strong>default value</strong></li>
|
||
<li class="">Making the field <strong>read-only</strong></li>
|
||
<li class=""><strong>Hide text with asterisks</strong>: **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.</li>
|
||
<li class="">Adding a <strong>hint</strong>, which will be displayed on the widget for better clarity</li>
|
||
<li class=""><strong>Custom Validations</strong> are also supported, including:</li>
|
||
<li class="">Predefined formats like <strong>SSN</strong>, <strong>email</strong>, or <strong>numeric values</strong>
|
||
<ul>
|
||
<li class="">Custom JavaScript validations using regular expressions
|
||
For example:<!-- -->
|
||
<ul>
|
||
<li class=""><code>^\d+$</code> – allows only digits</li>
|
||
<li class=""><code>^[A-Z]+$</code> – allows only uppercase letters</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p>You can enter your regex pattern in the <strong>Validations</strong> field of the widget.<br>
|
||
<em>(Optional reference: <a href="https://www.w3schools.com/jsref/jsref_obj_regexp.asp" target="_blank" rel="noopener noreferrer" class="">JavaScript RegExp guide</a>)</em></p>
|
||
<img width="800" alt="Cells widget" src="https://github.com/user-attachments/assets/ce0c335b-b2bf-4d30-968c-c4c957f46014">
|
||
<ul>
|
||
<li class="">
|
||
<p>Add Signer/Change Signer: Clicking the first icon on the Text Input widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Copy : Clicking on this you can duplicate the Text Input widget.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Cells</strong><br>
|
||
<!-- -->The <strong>Cells widget</strong> is ideal for documents that require input in a structured, table-like format, allowing the signer to fill in details within individual cells. After dragging and dropping the widget onto the document, you can adjust the number of cells by moving the <strong>blue marker</strong>.</p>
|
||
</li>
|
||
</ul>
|
||
<img width="800" alt="Cells widget" src="https://github.com/user-attachments/assets/20184017-2fa9-4acb-985f-fde18ee53246">
|
||
<ul>
|
||
<li class="">Setting icon: The widget settings panel provides additional customization options, including:<!-- -->
|
||
<ul>
|
||
<li class="">Manually entering the <strong>number of cells</strong></li>
|
||
<li class="">Choosing a <strong>font color</strong></li>
|
||
<li class="">Setting the <strong>font size</strong></li>
|
||
<li class="">Marking the field as <strong>required</strong> or <strong>optional</strong></li>
|
||
<li class="">Providing a <strong>default value</strong></li>
|
||
<li class="">Making the field <strong>read-only</strong></li>
|
||
<li class=""><strong>Hide text with asterisks</strong>: **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.</li>
|
||
<li class="">Adding a <strong>hint</strong>, which will be displayed on the widget for better clarity</li>
|
||
<li class=""><strong>Custom Validations</strong> are also supported, including:</li>
|
||
<li class="">Predefined formats like <strong>SSN</strong>, <strong>email</strong>, or <strong>numeric values</strong></li>
|
||
<li class="">Custom JavaScript validations using regular expressions<!-- -->
|
||
<ul>
|
||
<li class="">For example:</li>
|
||
<li class=""><code>^\d+$</code> – allows only digits</li>
|
||
<li class=""><code>^[A-Z]+$</code> – allows only uppercase letters</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p>You can enter your regex pattern in the <strong>Validations</strong> field of the widget.<br>
|
||
<em>(Optional reference: <a href="https://www.w3schools.com/jsref/jsref_obj_regexp.asp" target="_blank" rel="noopener noreferrer" class="">JavaScript RegExp guide</a>)</em></p>
|
||
<img width="800" alt="request signatures" src="https://github.com/user-attachments/assets/100579af-a12f-4c90-8cad-1db697db1f1c">
|
||
<ul>
|
||
<li class="">
|
||
<p>Add Signer/Change Signer: Clicking the first icon on the Cells widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Copy : Clicking on this you can duplicate the cells widget.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Checkbox</strong>: The checkbox widget is used to capture input in the form of a checkbox selection.
|
||
Once you drop the checkbox widget, a popup will open where you can set the checkbox name and options. Additionally, there are a few options available such as setting the minimum and maximum checks, making the checkbox read-only, and hiding the label.</p>
|
||
<ul>
|
||
<li class="">Add Signer/Change Signer: Clicking the first icon on the CheckBox widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</li>
|
||
<li class="">Copy : Clicking on this you can duplicate the dropdown widget.</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Dropdown</strong>: Once you drop the dropdown widget, a popup will open where you can set the dropdown name and options. Additionally, there are a few options available such as setting a default value and marking the dropdown as required or optional.</p>
|
||
<ul>
|
||
<li class="">Add Signer/Change Signer: Clicking the first icon on the Dropdown widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</li>
|
||
<li class="">Copy : Clicking on this you can duplicate the dropdown widget.</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Radio button</strong>: The radio button widget is used to capture input in the form of a radio button selection.
|
||
Once you drop the radio button widget, a popup will open where you can set the radio button name and options. Additionally, there are a few options available such as setting a default value, making the radio button read-only, and hiding the label.</p>
|
||
<ul>
|
||
<li class="">Add Signer/Change Signer: Clicking the first icon on the Radio button widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</li>
|
||
<li class="">Copy : Clicking on this you can duplicate the radio button widget.</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Image</strong>: The image widget allows signers to upload an image during the signing process.
|
||
After placing the Image widget, you will see the options on the widget such as:</p>
|
||
<ul>
|
||
<li class="">Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing.</li>
|
||
<li class="">Add Signer/Change Signer: Clicking the first icon on the Image widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</li>
|
||
<li class="">Copy : Clicking on this you can duplicate the image widget.</li>
|
||
</ul>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Email</strong>: The email widget is used to enter an email address during the signing process. It only accepts input in a valid email format. If the signer enters invalid text, a validation error will occur, and the document cannot be completed until it's corrected.
|
||
After placing the email widget, you will see the options on the widget such as:</p>
|
||
<ul>
|
||
<li class="">
|
||
<p>Setting icon: By clicking on the option, you can set the color and font.</p>
|
||
<p><strong>Hide text with asterisks</strong>: **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Add Signer/Change Signer: Clicking the first icon on the Email widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer.</p>
|
||
</li>
|
||
<li class="">
|
||
<p>Copy : Clicking on this you can duplicate the email widget.</p>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="-edit-template">📄 Edit Template<a href="#-edit-template" class="hash-link" aria-label="Direct link to 📄 Edit Template" title="Direct link to 📄 Edit Template" translate="no"></a></h3>
|
||
<p>At the top of the Create Template panel, you’ll find a settings (gear) icon. Clicking this icon opens the Edit Template Details panel, where you can modify various details of your template.</p>
|
||
<img width="800" alt="edit template details" src="https://github.com/user-attachments/assets/161d41fd-bf07-485e-ab7b-5b33e0c500bf">
|
||
<ul>
|
||
<li class=""><strong>🔁 File Replacement</strong> : Users can replace the existing document by simply uploading a new file. However, certain conditions must be met:<!-- -->
|
||
<ul>
|
||
<li class="">The new document must have the same number of pages.</li>
|
||
<li class="">The page dimensions (width and height) must be identical to the original.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p>These conditions are enforced to ensure that, during template editing, the pre-placed widgets remain correctly aligned. If the new document's dimensions don’t match, widgets may shift or be positioned outside the visible area of the document.</p>
|
||
<img width="800" alt="Edit template details" src="https://github.com/user-attachments/assets/f03b76d3-6480-4d4b-b310-9f3f4a3acf4c">
|
||
<p>You can also update the following template details:</p>
|
||
<ul>
|
||
<li class=""><strong>Template Title</strong></li>
|
||
<li class=""><strong>Description</strong></li>
|
||
<li class=""><strong>Note</strong></li>
|
||
<li class=""><strong>Send in Order</strong></li>
|
||
<li class=""><strong>Auto reminder</strong></li>
|
||
<li class=""><strong>Enable OTP Verification</strong> :</li>
|
||
<li class=""><strong>Enable tour</strong>:</li>
|
||
<li class=""><strong>Notify on signatures</strong>:</li>
|
||
<li class=""><strong>BCC</strong>:</li>
|
||
<li class=""><strong>Redirect Url</strong></li>
|
||
<li class=""><strong>Time to complete (Days)</strong>
|
||
Clik on the submit button to save the edits.</li>
|
||
</ul>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="-document-page-controls">📄 Document Page Controls<a href="#-document-page-controls" class="hash-link" aria-label="Direct link to 📄 Document Page Controls" title="Direct link to 📄 Document Page Controls" translate="no"></a></h3>
|
||
<ul>
|
||
<li class="">
|
||
<p><strong>Add Pages</strong><br>
|
||
<!-- -->In the left-side panel, users will see an <strong>"Add" button</strong>. Clicking it allows users to select and merge new documents into the current one.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Delete Page</strong><br>
|
||
<!-- -->An option is available to <strong>delete</strong> any unwanted page from the document.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Reorder Pages</strong><br>
|
||
<!-- -->Users can reorder pages by clicking the <strong>"Reorder" button</strong>, which opens a popup displaying all pages. Use the <strong>Up</strong> and <strong>Down</strong> arrows to change the order. Click <strong>Save</strong> to apply the new page order.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Zoom In / Zoom Out</strong><br>
|
||
<!-- -->Controls are available to <strong>zoom in</strong> or <strong>zoom out</strong> of the document view.</p>
|
||
</li>
|
||
<li class="">
|
||
<p><strong>Rotate Page</strong><br>
|
||
<!-- -->Options are provided to <strong>rotate pages</strong> in both <strong>clockwise</strong> and <strong>counterclockwise</strong> directions.</p>
|
||
</li>
|
||
</ul>
|
||
<img width="918" alt="page controls" src="https://github.com/user-attachments/assets/71e9873b-d8e1-4a01-b0a4-88f9a62b2be4">
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="save-template">Save Template<a href="#save-template" class="hash-link" aria-label="Direct link to Save Template" title="Direct link to Save Template" translate="no"></a></h3>
|
||
<p><strong>Next button</strong>: Once you’ve organized your widgets and set their properties, simply click the “Next” button to save your template.</p>
|
||
<p>After doing so, a “Create document” popup will appear, prompting you with the question: “Do you want to create a document using the template you just created?” You’ll have the option to choose either “Yes” or “No.”</p>
|
||
<p><strong>If you select "Yes"</strong>: It will create a document using the template you just created.</p>
|
||
<p><strong>If you select "No"</strong>: You will be redirected to the Manage templates form.</p>
|
||
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="step-3">Step 3:<a href="#step-3" class="hash-link" aria-label="Direct link to Step 3:" title="Direct link to Step 3:" translate="no"></a></h2>
|
||
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="viewing-and-managing-templates">Viewing and Managing Templates<a href="#viewing-and-managing-templates" class="hash-link" aria-label="Direct link to Viewing and Managing Templates" title="Direct link to Viewing and Managing Templates" translate="no"></a></h3>
|
||
<p>The <strong>Manage Templates</strong> page displays all the templates you’ve created or have access to. Each template entry shows key details including the template title, file, owner, assigned signers, and its public/private status.</p>
|
||
<p>For a full walkthrough, check the detailed guide here:<br>
|
||
<a href="https://docs.opensignlabs.com/docs/help/Templates/manage-templates" target="_blank" rel="noopener noreferrer" class="">Manage Templates</a></p>
|
||
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="additional-information">Additional Information<a href="#additional-information" class="hash-link" aria-label="Direct link to Additional Information" title="Direct link to Additional Information" translate="no"></a></h2>
|
||
<ul>
|
||
<li class="">The fields with an asterisk (*) are mandatory.</li>
|
||
<li class="">Make sure your document is in PDF, PNG, JPG, JPEG, or DOCX format.</li>
|
||
<li class="">You can access your signed documents in the folder you've selected by visiting OpenSign™ Drive anytime. You can also access the documents from reports section.</li>
|
||
</ul>
|
||
<p>If you require more help, feel free to reach out to our customer support on <a href="mailto:support@opensignlabs.com" target="_blank" rel="noopener noreferrer" class="">support@opensignlabs.com</a>.</p>
|
||
<p>Happy signing with OpenSign™!</p></div></div></div><div class="row"><div class="col col--12"><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col noPrint_WFHX"><a href="https://github.com/opensignlabs/opensign/tree/feat-docs/docs/docs/help/Templates/create-template.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_JAkA"></div></div></footer></div></div></article><div class="row"><div class="col col--12"><nav class="docusaurus-mt-lg pagination-nav" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/category/templates"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Templates</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/help/Templates/manage-templates"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Manage Templates</div></a></nav></div></div></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#getting-started" class="table-of-contents__link toc-highlight">Getting Started</a></li><li><a href="#step-1" class="table-of-contents__link toc-highlight">Step 1:</a><ul><li><a href="#begin-new-template-creation" class="table-of-contents__link toc-highlight">Begin New Template Creation</a></li><li><a href="#uploading-your-document" class="table-of-contents__link toc-highlight">Uploading Your Document</a></li><li><a href="#entering-template-details" class="table-of-contents__link toc-highlight">Entering Template Details</a></li><li><a href="#set-the-sending-order" class="table-of-contents__link toc-highlight">Set the sending order</a></li><li><a href="#auto-reminder-feature-only-available-for-subscribed-users" class="table-of-contents__link toc-highlight">Auto reminder (feature only available for subscribed users)</a></li><li><a href="#time-to-complete-days" class="table-of-contents__link toc-highlight">Time to complete (days)</a></li><li><a href="#bcc" class="table-of-contents__link toc-highlight">BCC</a></li><li><a href="#security-setting" class="table-of-contents__link toc-highlight">Security Setting</a></li><li><a href="#enable-tour" class="table-of-contents__link toc-highlight">Enable tour:</a></li><li><a href="#notify-on-signatures" class="table-of-contents__link toc-highlight">Notify on signatures:</a></li><li><a href="#allow-modifications" class="table-of-contents__link toc-highlight">Allow modifications:</a></li><li><a href="#redirect-url" class="table-of-contents__link toc-highlight">Redirect url:</a></li><li><a href="#proceed-to-template-creation-panel" class="table-of-contents__link toc-highlight">Proceed to Template Creation Panel</a></li></ul></li><li><a href="#step-2" class="table-of-contents__link toc-highlight">Step 2:</a><ul><li><a href="#template-creation" class="table-of-contents__link toc-highlight">Template creation</a></li><li><a href="#prefill-widgets" class="table-of-contents__link toc-highlight">Prefill Widgets</a></li><li><a href="#1-define-roles-and-assign-widgets" class="table-of-contents__link toc-highlight">[1] Define roles and assign widgets:</a></li><li><a href="#-edit-template" class="table-of-contents__link toc-highlight">📄 Edit Template</a></li><li><a href="#-document-page-controls" class="table-of-contents__link toc-highlight">📄 Document Page Controls</a></li><li><a href="#save-template" class="table-of-contents__link toc-highlight">Save Template</a></li></ul></li><li><a href="#step-3" class="table-of-contents__link toc-highlight">Step 3:</a><ul><li><a href="#viewing-and-managing-templates" class="table-of-contents__link toc-highlight">Viewing and Managing Templates</a></li></ul></li><li><a href="#additional-information" class="table-of-contents__link toc-highlight">Additional Information</a></li></ul></div></div></div></div></main></div></div></div><footer class="theme-layout-footer footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/help/intro">Help</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/API-docs/v1.1">APIs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/contribute/intro">Contribute</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/self-host/intro">Self-host</a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.com/invite/xe9TDuyAyj" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li><li class="footer__item"><a href="https://www.linkedin.com/company/opensign%E2%84%A2/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li><li class="footer__item"><a href="https://www.twitter.com/opensignhq" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li><li class="footer__item"><a href="https://www.facebook.com/profile.php?id=61551030403669" target="_blank" rel="noopener noreferrer" class="footer__link-item">Facebook<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.opensignlabs.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Official Website<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li><li class="footer__item"><a href="https://github.com/opensignlabs/opensign" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2026 OpenSign™. <br>The best Open Source DocuSign alternative.</div></div></div></footer></div>
|
||
</body>
|
||
</html> |