Blog

Published

How to Set Up the Marketo Forms and Tracking WordPress Plugin

The Hutchhouse Marketo Forms and Tracking WordPress Plugin is a great, free plugin that will allow you to embed your Marketo forms into your WordPress website.

While you can use the form embed code provided in Marketo, this option does not pre-fill your forms for returning visitors who have previously filled out forms.

Setting up the plugin can be a little tricky, however, since the settings in the plugin don’t exactly match the terminology in Marketo.  But, that doesn’t mean the plugin doesn’t work.  It does!  You just need to know where to find the required settings in Marketo.  Luckily, we’ve figured it out.  Below are some screen shots to help you set up this plugin.

  1. Marketo Account ID
    1. This is simply your Munchkin ID found In Marketo at ADMIN ~> MUNCHKIN ~> MUNCHKIN ID
  2. Marketo Base URL
    1. This is the domain found in Marketo at ADMIN ~> LANDING PAGES ~> DOMAIN NAME
  3. Marketo User ID
    1. Since this plugin uses Marketo’s SOAP API to talk to your Marketo subscription, it needs to know the User ID associated with your login to the API.  As such, you will need to provide your login credentials to the API.  You can find the Marketo User ID at ADMIN ~> WEB SERVICES ~> SOAP API ~> USER ID
  4. Marketo Endpoint URL
    1. Whenever you make a call to a server using a SOAP API, the script that is making the call needs to know where to direct the request.  Well, that’s the Endpoint URL found at ADMIN ~> WEB SERVICES ~> SOAP API ~> ENDPOINT.  See screen shot in step 3 above.
  5. Marketo Secret Key
    1. To ensure that you are authenticated as an authorized user making a call to the server, the SOAP API requires a unique secret key. This can be found at ADMIN ~> WEB SERVICES ~> SOAP API ~> ENCRYPTION KEY.  See screen shot in step 3 above.
    2. If your Encryption Key is empty, then you need to create one.  Markeo will not create this for you.  Instead, you can use an online generator to create one.  Note that Marketo requires the key to be at least 10 characters with at least one number and letter.  We suggest using the CodeIgniter Encryption Keys method found on this page.  Note that new, random keys are generated every time you refresh the page, and you only need one string of characters.

 

 

Published

What is an EPS File?

EPS stands for Encapsulated Post Script.  It is an image designed as line art rather than pixels.  Imagine painting a line with a paint brush.  That line can be blown up to the size of the Empire State Building and never lose its integrity.

Now imagine painting the same line, but with millions and millions of tiny little dots instead of a brush stroke.  Once you start enlarging that image…guess what happens…you start to see the dots.  These are referred to as pixels.  JPEGs, GIFs and PNGs are pixel images or more commonly referred to as bitmaps.  They have been optimized for the Web to reduce file size.  If you enlarge them, eventually you will see the dots and the images becomes grainy.

Where Do EPS Files Come from?

All logos are first created as line art in programs like Adobe Illustrator or Corel Draw and saved as an EPS – its native form.  Web browsers like Internet Explorer, Firefox and Safari (or any browser or mobile device for that matter) cannot read line art.  Browsers are built to read pixels.  That’s because when you place something on the Web, it’s broken up into a million tiny little pieces and interlaced.  Once the image is called by the Web page, the browser pieces all those pixels back together to form the image (remember Willy Wonka?)  It does this because tiny pieces are much smaller in byte size and can be quickly uploaded and downloaded by your Internet connection.  EPS files are line art, so there aren’t any pixels to piece back together.

What is a JPEG, GIF or PNG File?

So how do you take an EPS file and make it readable for the Web?  That’s easy.  Save (optimize) it as a JPEG, GIF or PNG – all the file types that browsers can read.  Programs like Illustrator use two different types of algorithms when optimizing images:  lossless and lossy.

JPEG (Joint Photographic Experts Group) images are compressed using lossy compression and are most commonly used for photographs and video – no limit on colors.  During compression, a certain amount of information will be permanently removed from the image to reduce file size.  The browser detects the lossy and makes up for it with screen resolution – so, many times you barely notice the loss of data (unless printed).  JPEGs do not support animation or transparency.

GIF (Graphics Interchange Format) images were first introduced by CompuServ in 1987 and are compressed using lossless compression.  GIFs are limited to 256 colors – most effectively used in scanned images that don’t require many colors.  During the compression process, all of the data that is removed from the file is restored once the image is uncompressed.  However, because of the color limitation and because PAPER can’t uncompress a file, GIF is not suitable for printing.  It, too, is made for the Web.  GIFs DO support animation and transparency.

PNG (Portable Network Graphics) are similar to GIFs but with a higher quality form of compression.  PNGs support transparency, but not animation.

JPEGs, GIFs and PNGs  were created specifically for the Web.  EPS files were created specifically for print.

How Do You Open an EPS File?

Although an EPS file can only be opened by postscript programs like Illustrator and Corel Draw, Microsoft Word can actually parse the file.

You can view an EPS file with your computer by simply opening a new, blank Word document.  Go to Insert – Picture and select the EPS file on your computer.  Once embedded, it will look grainy and pixilated.  But that’s just because the graphic viewer in Word can’t accurately piece the information together for the screen – whereas, Illustrator is built to do that.

Go ahead, print the document.  You will be astonished to see that the image prints beautifully.  That’s because printers use postscript drivers!  Remember…EPS was made for PRINTING!

Tips

  1. Whenever you request a logo, always ask for the EPS file.  If it is to be used for the Web, the graphics team can optimize it as a JPEG and at the needed size.
  2. You CANNOT take a JPEG, GIF, PNG or TIFF file and save it as an EPS.  These formats are optimized images.  They started as an EPS and were saved DOWN to bitmaps.  Remember, we save images into these formats to reduce file size and make them viewable on the Web.  They are now pixel images.
  3. TIFFs are not viewable on the Web.  They are optimized images at a higher resolution than JPEG, GIF or PNG.  For this reason, sometimes a client doesn’t have an EPS, but they might have a TIFF – that’s the next best thing, although it still will become pixilated when blown up.