4 Replies Latest reply on Nov 7, 2017 6:10 AM by WILDCAT54

    How to insert a copyable text coupon within .jpg

    davidr61025641

      Hi there everyone :-)

       

      I'm new to Photoshop and have a question that might be really easy to solve, but can't find it anywhere. Here I go.

       

      I have a long image I've designed on Photoshop to send to my subscribers.

       

      At the beginning, I give them a brief description of the reason why I'm sending them this promotional email, and a rectangle with an alphanumeric coupon inside (something like: U982PWE).

       

      I would like to make the alphanumeric cuopon as text, so that the user can highlight or double click, and copy it to paste it into our online store payment process.

       

      How could I do that on Photoshop?

       

      I'm running CS5 version.

       

      Thanks a lot in Advance!

        • 1. Re: How to insert a copyable text coupon within .jpg
          charles designer Level 3

          To my knowledge, this is not possible – As you’re saving it as a .jpeg this will flatten the image and any text will essentially become an image, not text.

           

          What you’re referring to, I’ve done before however when I’d created it I’d done my background image in Ai and where the coupon code text is I would have that as HTML and a little bit of CSS

          1 person found this helpful
          • 2. Re: How to insert a copyable text coupon within .jpg
            Abambo Adobe Community Professional

            Any picture file format (JPEG, GIF, PNG, TIFF) will show your text flattened. No way to select. charles designer solution is the only viable system: using HTML and CSS to format the code-text and placement. and having the image as background.

            • 3. Re: How to insert a copyable text coupon within .jpg
              WILDCAT54 Level 4

              Basically you will need to design around this text field. In my example I have created an image that I will slice into three images with the middle being my text field and the outer two being images.

               

              Insert this snippet below into your table. You can then style your text td to your liking

              <tr>

                              <td align='center' class='mobileHide' style='text-align: center;'><img src="IMAGE PATH HERE"/></td>

                              <td align='center' class='mobileHide' style='text-align: center;'><div style="background-color: #354871; height: 37px; color: white; text-align: center; padding-top: 15px;"># Put this text on banner</div></td>

                              <td align='center' class='mobileHide' style='text-align: center;'><img src="IMAGE PATH HERE"/></td>

                                          </tr>

               

              1 person found this helpful
              • 4. Re: How to insert a copyable text coupon within .jpg
                WILDCAT54 Level 4

                excuse the classes I have listed in that snippet of code as they are referring to CSS classes I call with in my emails