Menu

Expand
Rate this page:

The 1:1 SMS Lightning Component

With Twilio for Salesforce, you can send 1:1 messages to contacts and leads directly from your Salesforce instance. You don’t need to reveal your personal number, and conversations are visible on the contact record.

The component can be be set up under Lightning, but it can also be added with Classic.

Your recipient must have a mobile phone number on their record to use this feature — other phone numbers can’t be used.

Video Tutorial

This short video will show you how to set up the 1:1 SMS component using Lightning, but you can also jump down to a step-by-step guide.

Lightning Setup

  1. Open an individual Contact, Lead, Person Account, or Case record.
  2. Under the gear icon in the top right corner, click on Edit Page. You’ll be brought to the Lightning editor:
    Step2.png
  3. In the menu on the left-hand side, scroll down to Custom — Managed. Drag and drop the Lightning component into the page layout:
    Step3.png
  4. Click Save in the top-right corner:

    Step5.png

  5. You’ll now need to assign this layout as the organization’s default. To do this, click the Activation... button:

    Activation.png

  6. Click on the Assign as Org Default button in the Activation: Contact Record Page panel that appears:

    OrgDefault.png

  7. Click the Close button.
  8. Verify that the 1:1 Component is appearing correctly by clicking the Back button at the top of the page. You’ll see the 1:1 Messaging Component on the record’s layout.

If you don’t see any custom custom components in Step 3, you probably need to enable MyDomain for your Salesforce Organization. You can read more about enabling MyDomain by checking out Salesforce’s documentation.

Classic Setup

  1. Click on the Setup button in the top-right corner Salesforce:
    ClassicStep1.png
  2. In the side bar under Customize, click on the object that you would like to add the 1:1 Messaging Component to. Twilio for Salesforce currently supports Leads, Contacts, Person Accounts, and Cases. In this example, we’re customizing our Contacts layout, so open that entry:
    ClassicStep2.png
  3. Clock on Page Layouts and select the layout that you would like to customize for your object. In this example, we’re customizing the general object layout, Contact Layout, but you could also only customize the sales or service layout for your organization:
    ClassicStep3.png
  4. On the layout editor page, click on Visualforce Pages. You’ll see Twilio – Two Way Messages as a visualforce component that you can add to the layout:
    ClassicStep4.png
  5. Drag and drop the visualforce component onto the layout page where you would like to have it be displayed to users:
    ClassicStep5.png
  6. Once it is in the right spot, click Save.
  7. Configure the height of the visualforce component by clicking on the wrench icon in the top-right corner of the component:
    Screen Shot 2019-08-13 at 4.25.19 PM.png
  8. Set the component's height to 600 pixels so that the message thread is visible, then click OK:
    Screen Shot 2019-08-13 at 4.25.01 PM.png
Rate this page:

Need some help?

We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd by visiting Twilio's Stack Overflow Collective or browsing the Twilio tag on Stack Overflow.

Thank you for your feedback!

Please select the reason(s) for your feedback. The additional information you provide helps us improve our documentation:

Sending your feedback...
🎉 Thank you for your feedback!
Something went wrong. Please try again.

Thanks for your feedback!

thanks-feedback-gif