This is a public Forum  publicRSS

Topic

    Mike Kramer
    Image in place of Submit ButtonAnswered
    Topic posted July 14, 2017 by Mike KramerApprentice 
    60 Views, 4 Comments
    Title:
    Image in place of Submit Button
    Content:

    Hi All,

    We have a great marketing guru.  He created a really nice looking mailing using an outside product.  He copied the HTML into the mailing object and it looks great.  The problem is that he created a fancy image to encourage the customer to take the next step (ex. an image that entices the user to click here to request a sample).  From what I can see, the main trigger in the campaign side of OSC to go from this mailing to another OSC document is the form "submit" button.  

    Has anyone ever replaced the button with a nice image in the HTML?  

    Here is what I tried:

    I put this code in my header of the mailing:

    <style type="text/css" xml:space="preserve">
    INPUT.button-add {
            CURSOR: pointer; BORDER-TOP: medium none; HEIGHT: 159px; BORDER-RIGHT: medium none; WIDTH: 750px; VERTICAL-ALIGN: middle; BACKGROUND-IMAGE: url(http://www.airborn.com/images/OpenAccessProvider/oracle-email-images/series-360-promo-final_02.gif?Status=Temp&amp;sfvrsn=4); BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: medium none; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT: medium none; BACKGROUND-COLOR: transparent
    }
    </style>

     

    Then I added a form to the body and included this bit of code within the existing table:

    <tr>
    <td><input aria-describedby="submit_btn_desc" id="submit_btn" class="button-add" type="submit" value=" " name="submit_btn" mtsubmit="true" /></td>
    </tr>

    It shows up in the editor/preview beautifully.  It's gorgeous and perfect.  But when I send a proof, it cuts the button out.  I'll attach two images to show the difference between what I see in the editor and what I see in the proof.  Any ideas on how best to accomplish this concept?  I'm very open.

     

     

    Image:
    File:
    proof.png (253KB)

    Best Answer

    Keri

    If your next page (after this click) is a campaign web page, you should have toolbox options from the mailing to link to 'web page' - and select. You probably need to switch to source to get it as an image versus as a text link, but it should work great! Make sure your web page document is 1) set for web viewing (document setting); 2) in a campaign on a web page element; 3) the campaign is set to launched. Then you should be able to link this easily.

    Answer

     

    • Pramod V

      Interesting,

      This might happen because mailer may cut-off elements that are too big to reside in them. Try reducing the font weight of other elements, might fit in the email.

      ~VIP

    • Ryan

      Many mail clients expressly do not support <form> elements (I suspect you're not really wanting to submit a form here anyway).  Swap it out with a hyperlinked image (<a><img></a>) and give it another whirl.

    • Mike Kramer

      Actually, a hyperlink would be our preference.  But we couldn't see how to hyperlink to the Document from the Mailing.  It appears that the Campaign functionality only has connectors in the workflow editor for "Submit" buttons.  

      Am I missing something?  How do I hyperlink from the mailing to the document?

      Thanks for the help.  

    • Keri

      If your next page (after this click) is a campaign web page, you should have toolbox options from the mailing to link to 'web page' - and select. You probably need to switch to source to get it as an image versus as a text link, but it should work great! Make sure your web page document is 1) set for web viewing (document setting); 2) in a campaign on a web page element; 3) the campaign is set to launched. Then you should be able to link this easily.