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!

2640
3
3 Comments
Halid_Delkic
Level 3

Hi Allison,

Thanks for this info, it's helpful.

In your screenshots I see you used small round images for your custom buttons.

I’m using bigger images for my custom buttons (550x76px) but Marketo doesn’t appear to allow for larger images. Although it allows me to select my chosen file, once it comes to approving the social asset the system throws me out and removes my selected image.

Marketo guide doesn’t have any specific info on image size constrains so I’m curious if you came across any limitations in your experience of using this work around.

https://docs.marketo.com/display/public/DOCS/Customize+Social+App+Button

Thanks,
Halid

Anonymous
Not applicable

Hey Halid, it's probably too big of an image. I don't see any reason why you'd need a social image that size. I would definitely try making the image smaller, and see if that works! It could also be the type of file?

Debroop_Garai
Level 2

Hi Allison Sparrow

I am trying to use the social button for the first time. Went through your detailed post which was really helpful. However, with this way we can add only one social icon with one social button asset. Does that mean i need to create 3 social button asset separately if i want 3 social buttons with custom social icon-@images?

If so, how do i align them in the landing page? A solution would be highly appreciated.

Thanks,

Debroop.