Back to Top

E-Signature Integration: Multivendor Marketplace App for Shopify

Updated 26 February 2024

In today’s fast-paced e-commerce landscape, staying ahead of the curve is essential for success. That’s why our E-Signature Feature app in the Multivendor Marketplace App for Shopify is a game-changer for your online business. Unlock the potential of e-signatures, empowering you to streamline transactions, foster trust among customers, and elevate the overall shopping experience.


Using our E-Signature Feature app in the Multivendor Marketplace App for Shopify, admins, and sellers can effortlessly create E-Signature documents. These documents can be connected to seller products, allowing customers to sign them before adding items to their cart, streamlining the shopping experience.


The E-Signature feature app will have an additional charge of USD 20 per month over & above your current Multivendor Marketplace app plan.


Enable the E-Signature feature app by following the below steps:

Start your headless eCommerce
Find out More
  • Go to Multivendor Admin Panel
  • From the Dashboard, hover over the three dots on the top-right of the page
  • Click on Feature Apps
  • Search for ‘E-Signature‘ & click on ‘Enable
  • After accepting the charges, you’ll be good to configure the app.

Need to add code to allow customers to e-sign on pdf on the product page

Copy the following code and add it into product.json >> sections/main-product.liquid template

{% if product.tags contains 'wk_esign_document' %}  
<div class="wk_esignate_document_active " data-productid ="  
{{ }}" data-variantid ="  
{{ }} 
" style="display:none; ">
{% render "wk-esignature-document" %}
{%- endif -%}

Copy the below code and add it into templates >> customer/order.liquid template

{% if property.first == 'wk-esgin-document-id'%}  <span id="wk-esign-product-  {{ }}" ">
{%- endif -%}

Select and copy the below-given code and add it into Checkout Settings>> Additional scripts

<div  class="section wk-cus-esign-document" ">

Add class to your quantity selector. Copy the code and add it into product.json >> sections/main-product.liquid template


Add class to your add to cart button. Copy the code below and add it into product.json >> sections/buy-buttons.liquid template


NOTE: These codes are also accessible in the Multivendor Marketplace Admin Panel under Configuration >> Instructions For Marketplace in the E-Signature Document section.

If the admin wants to enable sellers to add documents to their products for E-Signature, they can do so by following these steps:

  1. Go to Multivendor Admin Panel.
  2. Navigate to Configuration.
  3. Select Product Configuration from the dropdown options.
  4. Locate/search for “ALLOW SELLER TO ADD E-SIGNATURE DOCUMENTS” and Enable it.
  5. Save the changes.

Add Document for E-Signature: Admin End

  • Go to Multi-Vendor Admin Panel
  • Navigate to Products
  • Click on E-Signature from the dropdown options.
  • On the E-Signature page, you’ll find a ‘+ Add Document’ button on the right-hand side. Click it to upload the document on which you’d like to take e-signatures.

On the Add E-Signature Page, you’ll find these options:


  • Choose Specific Seller: This choice allows you to pick an individual seller for whom you want to create or associate an E-Signature document. To do this, you need to enter the seller’s email address, and the document will be linked to that particular seller.
  • Choose For All Sellers: If the admin wants to add an E-Signature document that applies to all the sellers in your marketplace at once, you can select the “Choose All Sellers” option. This means the document will be available for every seller.

2) DOCUMENT NAME: The admin can name an e-signature document for easy reference.

3) UPLOAD DOCUMENT: After the admin has filled in the necessary details and uploaded the document, they’ll promptly receive a popup notification, confirming the successful upload.


You can upload a PDF document for e-signature with a maximum of 5 pages, no more.

After this, a new page labeled ‘Edit E-Signature Document’ will appear. Here, the admin can make three types of edits:

  • Document Name
  • Custom Fields – We support 6 types of custom fields
    1) Image Type
    2) Text Type
    3) Textarea Type
    4) Signature Type
    5)Date Type
    6) File Type- In the file type custom field, customers can upload a file of 10 Mb or less.
  • Place Custom Field

Within the Document name section, you can easily edit or update the name of the E-signature document.

In the Custom Fields section, you have the flexibility to incorporate custom fields into the e-signature document and choose the custom field type that suits your requirements.

NOTE: You can create a maximum of 40 custom fields for the e-signature document.


As for the Place Custom Field section, it offers a selection of all the custom fields you’ve added, allowing you to place them in your uploaded document at your preferred location for e-signatures.


You have the flexibility to edit, delete, disable, and change the uploaded document.


Assign a document for E-signature in your products

When adding a new product, you’ll conveniently find the option to select an existing e-signature document from a dropdown menu. This streamlined process makes it easy to apply the chosen document to the product.


Admins have the ability to review e-signed documents for any specific order by simply editing that order at any time.


Seller End

After the admin enables the ‘ALLOW SELLER TO ADD E-SIGNATURE DOCUMENTS’, sellers gain the ability to include E-signature documents within the Products section. This allows sellers to seamlessly integrate E-signature documents into their products according to their specific preferences.

Sellers can also edit, delete, disable, and change the uploaded document for e-signature.


Customer End

On the Product page, buyers/customers will find a ‘Sign & Add To Cart’ button, as illustrated in the image below:


When customers click the “Sign & Add To Cart” button, a document will open for them to sign, as depicted in the image below. Once they’ve signed it, they can submit the signature and will be provided with the option to ‘Add to Cart’.


After placing an order on the checkout page, customers have the option to preview and download the E-signature document.


Also, the customers can log in to their account and preview and download the document from the orders.


Need Help?

If you have any questions or encounter issues, please open a ticket at or send an email to [email protected].

Thank you for reading this blog!

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content