SOLVED

Email - Trying to add icon to a CTA button

Go to solution
Highlighted
Anonymous
Not applicable

Email - Trying to add icon to a CTA button

Hello All the Marketo People!

Happy Wednesday- trying to figure out how to get add an icon to the CTA button.

1) I want to add a "download icon" to the button

Where will I add this code in the HTML part of the email or actually "edit the code"

I wanted this style.....

download-button.png

thanks

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Level 6

Re: Email - Trying to add icon to a CTA button

Hurray, looks great, glad I could help here.

Would you mind marking my answer as correct when you've got a minute, it'd help my score in the community.

Thanks Nimisha and best of luck!

-Dave

View solution in original post

5 REPLIES 5
Highlighted
Level 6

Re: Email - Trying to add icon to a CTA button

This can depend on how your email is built, but for the sake of example, lets assume you've got a button that looks something like this:

    <td style="a bunch of styles here">

        Button Text

    </td>

You'd want to add an image before the button text, inside the same element (<td>) as the button text, like so:

    <td style="a bunch of styles here">

        <img src="" style="image styles here" /> Button Text

    </td>

You'll want to make sure your image is sized correctly (I'll usually match the height to the font-size) and that it's not any bigger than the line-height of the Button Text, you might notice it getting cut off in email clients like Outlook.

Highlighted
Anonymous
Not applicable

Re: Email - Trying to add icon to a CTA button

Hi Dave,


Amazing! You don't know you saved me so much time with this tip! I was looking for this for few hours. I appreciate it. Looks like this now:

button email 3.PNG

Highlighted
Level 6

Re: Email - Trying to add icon to a CTA button

Hurray, looks great, glad I could help here.

Would you mind marking my answer as correct when you've got a minute, it'd help my score in the community.

Thanks Nimisha and best of luck!

-Dave

View solution in original post

Highlighted
Anonymous
Not applicable

Re: Email - Trying to add icon to a CTA button

Thank you Dave! I have no idea how to say answer correct here?

Highlighted
Level 10 - Champion Alumni

Re: Email - Trying to add icon to a CTA button

Looks like you found the icon - but you should actually mark the answer that he gave you as "correct" - not his reply/request asking you to mark the correct answer.  Every one of his replies should include this icon:

pastedImage_0.png