#MMR

Expanding Your Universe:Add-ons Bring Social and Mobile into the Mix

Ryan SchwartzSr. Manager, Marketing Automation &

OperationsDocuSign

#MMR

Part 1 – Going Social

#MMR

Go Social with Eloqua

#MMR

Add Cloud Components in 3 Steps

• Enable Cloud Components in your Environment

• Add the Cloud Component to your Landing Page

• Configure the Cloud Component

• Note: Additional details in Appendix

#MMR

Live Example

http://esign.docusign.com/b2b-roundup-demo

#MMR

Part 2 – Mobile Design

#MMR

Two Primary Methods ofMobile Design

• Responsive Design– Layout of email automatically changes based off of

rendering device• Consistent Design– Layout of email is consistent across rendering

devices

#MMR

Responsive Design

• Use one of the Eloqua Mobile Responsive Design Templates

• Comes pre-built with responsive CSS

#MMR

Responsive Design Result

GmailiPhone

#MMR

Consistent Design

• Simply add the following CSS to the Page Snippet Tools on the Email Designer Canvas.

<style type="text/css">html {-webkit-text-size-adjust:none}</style>

#MMR

Consistent Design Result

Before After

#MMR

• Ryan Schwartz• Sr. Manager, Marketing Automation &

Operations• DocuSign• @schwartzrw

#MMR

Appendix: Additional Steps forCloud Connectors

• Required: Create an Eloqua Cloud Connector Loginhttps://cloudconnectors.eloqua.com/Default.aspx

• Optional: If you intend to use any Facebook components, you’ll need to create a Facebook Application through their Developer Portal.http://developers.facebook.com/

• Optional: If you intend to use the LinkedIn Sign In feature, you may want to consider creating a custom LinkedIn Application to control the thumbnail and title.http://developer.linkedin.com/

• Your Eloqua user must be a part of the API Users security group.

#MMR

Appendix: Cloud ComponentsTips & Tricks

• While editing a landing page, the social components are not rendered, they instead use a sample image as a place-holder. If you adjust the design of the social component in the component’s configurations, these changes will not be displayed in the editor, you must look at the site in live mode to view the rendered social component, and adjust placement as necessary.

• When using a “sign in with” social component, use the “additional fields to ask” section to retrieve any additional parameters the component does not natively provide.

• At times the default container for a social component is smaller than the amount of space needed for that component, resize the container as needed so it renders properly.

• Social components do not copy when copying landing pages, so if you edit a social component after copying it from an original asset, it will modify the component on the original asset. You need to delete and re-add the social components.