Seamless Signatures: Docusign for Salesforce Lightning Custom Button Guide

Streamline Salesforce Lightning with DocuSign: Creating Custom Buttons

In today's fast-paced business environment, efficiency is key. Salesforce Lightning, with its intuitive interface and powerful features, has become a go-to platform for sales teams. However, to truly maximize productivity, integrating DocuSign for seamless document signing and management is a game-changer. This article will guide you through creating custom buttons in Salesforce Lightning to launch DocuSign, enhancing your sales processes.

Understanding DocuSign for Salesforce

DocuSign, a leading eSignature solution, seamlessly integrates with Salesforce. This integration allows you to send documents for signature, track their status, and store completed documents directly within Salesforce. By creating custom buttons, you can make DocuSign functionality easily accessible within your Salesforce Lightning interface.

Prerequisites

  • DocuSign for Salesforce integration must be set up and active.
  • You should have the necessary permissions to create custom buttons in Salesforce.
  • Basic understanding of Salesforce Lightning and DocuSign is recommended.

Creating a Custom Button for DocuSign

To create a custom button for DocuSign in Salesforce Lightning, follow these steps:

an illuminated blue power button on a black circle with a white outline in the center
an illuminated blue power button on a black circle with a white outline in the center

Step 1: Create a New Lightning Component

In your Salesforce org, navigate to the Lightning App Builder. Click on 'New' and select 'Lightning Component'. Name your component (e.g., 'DocuSign_Send_Document') and click 'Next'.

Step 2: Design the Component

In the design editor, create a button using the 'Aura: Input' component. Set its 'Label' to 'Send for Signature' and 'Value' to '{!v.documentId}'. Click 'OK'.

Step 3: Add JavaScript Controller

Click on 'Add JavaScript Controller' and name it 'DocuSignController'. In the controller, write a function to handle the button click event:

a black and yellow lightning symbol on a round button with the word lightning written below it
a black and yellow lightning symbol on a round button with the word lightning written below it

({
  handleClick : function(component, event, helper) {
    var docId = component.get("v.documentId");
    var docuSignUrl = '/apex/DocuSign_Send_Document?id=' + docId;
    window.open(docuSignUrl, '_blank');
  }
})

Step 4: Save and Activate

Save your component and activate it. Now you can add this custom button to your Lightning pages.

Adding the Custom Button to Lightning Pages

To add the custom button to your Lightning pages, follow these steps:

  • Navigate to the Lightning App Builder for the page where you want to add the button.
  • Drag and drop the 'Custom: DocuSign_Send_Document' component onto the page.
  • Set the 'Document Id' field to '{!Record.Id}'.
  • Save and activate the page.

Benefits of Using DocuSign with Salesforce Lightning

Benefit Explanation
Increased Efficiency Quickly send documents for signature without leaving Salesforce.
Improved Compliance Ensure documents are signed by the right people with real-time tracking.
Better Visibility Monitor document status directly within Salesforce.

By integrating DocuSign with Salesforce Lightning and creating custom buttons, you're empowering your sales team to work faster, smarter, and more efficiently. Embrace this powerful combination to drive your business forward.

diseño de logotipo de botón de enfriamiento moderno para su empresa o negocio
diseño de logotipo de botón de enfriamiento moderno para su empresa o negocio
a blue and pink lightning bolt in the middle of a black background with lightening
a blue and pink lightning bolt in the middle of a black background with lightening
three different colored buttons on a black background with the same button highlighted in red, green and orange
three different colored buttons on a black background with the same button highlighted in red, green and orange
the flash logo is shown on a dark background with blue lights and a black circle around it
the flash logo is shown on a dark background with blue lights and a black circle around it
Power Button Drawing, Power Button Tattoo, Power Button Svg, Power Switch Icon, Power Button Graphic, Power Button Icon, Power Off Button Png, Power Button Symbol Design, Power Button Symbol
Power Button Drawing, Power Button Tattoo, Power Button Svg, Power Switch Icon, Power Button Graphic, Power Button Icon, Power Off Button Png, Power Button Symbol Design, Power Button Symbol
a bright blue lightning bolt in the middle of a dark background with some lightening
a bright blue lightning bolt in the middle of a dark background with some lightening
the lightning stars logo is shown in blue and grey with an arrow pointing up to it
the lightning stars logo is shown in blue and grey with an arrow pointing up to it
the logo for lightning bolt, a pure source
the logo for lightning bolt, a pure source
glowing buttons with the text glowing button below them on a dark background,
glowing buttons with the text glowing button below them on a dark background,
the lightning logo on a black background
the lightning logo on a black background
Start Button PNG Image, Tech Style Start Button Element, Blue Button, Illuminated Button, Tech Wind Button PNG Image For Free Download
Start Button PNG Image, Tech Style Start Button Element, Blue Button, Illuminated Button, Tech Wind Button PNG Image For Free Download
Botão Botão Colorido Botão Arquivo De Origem Botão Iniciar PNG , Colorido Imagem PNG e PSD Para Download Gratuito
Botão Botão Colorido Botão Arquivo De Origem Botão Iniciar PNG , Colorido Imagem PNG e PSD Para Download Gratuito
Editting ideas
Editting ideas
Start Button PNG Image, Tech Style Start Button Element, Blue Button, Illuminated Button, Tech Wind Button PNG Image For Free Download
Start Button PNG Image, Tech Style Start Button Element, Blue Button, Illuminated Button, Tech Wind Button PNG Image For Free Download
Glowing 3D Icon with Semi-Transparent Elements
Glowing 3D Icon with Semi-Transparent Elements
Badges Twitch Celestial Star Sub, point de chaîne de streaming
Badges Twitch Celestial Star Sub, point de chaîne de streaming
Your Cookie Banner Means nothing without this
Your Cookie Banner Means nothing without this
a fist punching with lightning bolt in the background royalty illustration stock images and clippings
a fist punching with lightning bolt in the background royalty illustration stock images and clippings
four different type of letters with blue ink
four different type of letters with blue ink
an arrow symbol is shown in the center of a diamond shape with a black background
an arrow symbol is shown in the center of a diamond shape with a black background
green glowing power button on black background with glow effect stock photo - 1307982
green glowing power button on black background with glow effect stock photo - 1307982
Lightning Bolt Emoticon Icon Pin
Lightning Bolt Emoticon Icon Pin