Create Pretty Social Share Buttons

[Anonymous]

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

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"

App Settings: Button Styling

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

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

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

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

Share Flow: Social Networks

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

Share Flow: Facebook Message

Fill out the text you're looking to complete

Share Flow: Confirmation Message

Update the confirmation text

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.

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

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!

[Halid_Delkic]

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]

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]

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.