DocuSign's Ryan Schwartz shows how to expand B2B marketing with social and mobile add-ons for Eloqua. Ryan shares actual tips, tricks, and coding to implement these techniques in your Eloqua environment. Presented at the 2013 B2B Modern Marketing Roundup.

1. Expanding Your Universe:
Add-ons Bring Social and Mobile
into the Mix
Ryan Schwartz
Sr. Manager, Marketing Automation &
Operations
DocuSign
#MMR

2. Part 1 – Going Social
#MMR

3. Go Social with Eloqua
#MMR

4. 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

5. Live Example
http://esign.docusign.com/b2b-roundup-demo
#MMR

6. Part 2 – Mobile Design
#MMR

7. Two Primary Methods of
Mobile Design
• Responsive Design
– Layout of email automatically changes based off of
rendering device
• Consistent Design
– Layout of email is consistent across rendering
devices
#MMR

8. Responsive Design
• Use one of the Eloqua
Mobile Responsive Design
Templates
• Comes pre-built with
responsive CSS
#MMR

9. Responsive Design Result
Gmail
iPhone
#MMR

10. 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

11. Consistent Design Result
Before After
#MMR

12. #MMR
• Ryan Schwartz
• Sr. Manager, Marketing Automation &
Operations
• DocuSign
• @schwartzrw

13. Appendix: Additional Steps for
Cloud Connectors
• Required: Create an Eloqua Cloud Connector Login
https://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

14. Appendix: Cloud Components
Tips & 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.
#MMR