Embed Adobe eSign services Agreements to Sign into Adobe Muse Projects

Have you ever hosted documents that people need to sign on your website? For many people, the solution has often been to upload and link to a PDF to a website. The user would then have to download the PDF, print it out, sign it, then send it back via scanning, fax, or worse: mail. This is not an ideal digital experience.

What if you could embed documents for people to sign directly into your web projects that you design in tools like Adobe Muse? You can! Adobe eSign services, as part of Adobe Document Cloud, allows you to embed signable documents for signature directly into any webpage using widgets. Post your documents online for people to sign on any device.

Here are instructions on how you can easily embed an eSign widget into your richly designed web pages in Adobe Muse.

Not using Adobe Muse? No problem. Widgets can be embedded into any website by using the embed code provided when creating a widget using the instructions below.

What You Will Need

Before you get started, make sure that you have the following:

  • Adobe Muse or Adobe Creative Cloud subscription
  • Adobe eSign services Business or Premium subscription
  • The eSign widget for Adobe Muse. Download here
  • Document(s) you would like to convert into a widget
    Word, Excel, PowerPoint, PDF, etc. A full list can be seen here.

Create a Widget

First, you need to create a widget within your eSign services. In this example, we are using a Model Release form for a Photo Studio who needs models to sign the release on an iPad before the shoot.

You can do this by doing the following:

  1. In your web browser, navigate to http://secure.echosign.com/public/login and log into your Adobe eSign service.
  2. On the main dashboard, click on Create Widget.Createwidget
  3. In the Widget Name field, enter the name of the widget.
    Ex. Model Release Form.Widgetname
  4. Upload your documents you need signed by clicking Upload or drag and drop documents into where it says Drag files here.
  5. Depending on how your documents are tagged, you may want to use Preview, position signatures or add form fields to add interactive fields to your document(s). You can see more information about this here.
  6. Click Create.
  7. Copy and paste the widget ID (wid).Embed

You have now created a new widget. Using the <script> provided, this embed information can be placed into any web page. For Adobe Muse, we are going to need the widget ID that appears in the embed code and URL.

Embed into Adobe Muse Project

  1. Download the file from here.
  2. In Adobe Muse, go to File > Place.
  3. Select the mucow file.
  4. Click Open.
  5. Place the widget in the appropriate location and resize as needed.
  6. In the widget fly-out menu, paste the widget ID that was copied from the embed code in the eSign dashboard.WidgetID

If you preview the page in the web browser, you should now see an embedded document for signature within your webpage.

Conclusion

Adobe Document Cloud eSign services provides the ability for you to easily create and embed documents that need to be signed directly from your website. Adobe Muse provides the first-in-class tools for users to design rich media experiences. In combination with each other, these allow to create rich user experiences for your document processes.

Source: Adobe

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

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