pastedImage_0.png

Create Pretty Social Share Buttons

Anonymous
Not applicable

After a while, looking at Marketo's Social Share button gets old:

pastedImage_0.png

Neon green, *with* a gradient? Could be a button from the 90's.

Here's how you can make social sharing buttons that are in line with your website branding, while still utilizing Marketo's social sharing feature.

In this example, we'll create a social sharing button for Facebook.

Pre-work

First, upload your social image you want, then create a Social sharing button. Call it "FB Social Button"

pastedImage_2.png

App Settings: Button Styling

Button Styling: Deselect Display Icons, and for Button Style, select "Upload Images"

pastedImage_3.png

Before-Click Style: Change image to the new file you uploaded

After-Click Style: Change image to the new file you uploaded

pastedImage_5.png

App Settings: Advanced Options

Share Flow: I like to use On Mouseover, but choose whichever option you'd like

Share URL: I place share buttons on confirmation pages, but I like for users to promote the gated form

pastedImage_18.png

Share Flow: Social Networks

Only select one network for this button. In this example, it's going to be FB.

pastedImage_20.png

Share Flow: Facebook Message

Fill out the text you're looking to complete

pastedImage_21.png

Share Flow: Confirmation Message

Update the confirmation text

pastedImage_23.png

Finish

Approve & Close

Finally, embed the social button into your LP. I create a Program token and add it in there to make things easier.

pastedImage_25.png

Now you'll be able to have a nice FB button that looks like this!

pastedImage_28.png

Let me know if you are having trouble embedding your social button onto your responsive or guided landing page, I would be happy to walk you through how we tokenize it!

2638
3
3 Comments