Author Archive

jasonherzog

This information box about the author only appears if the author has biographical information. Otherwise there is not author box shown. Follow YOOtheme on Twitter or read the blog.

Conditional Content Basics for Emails in Tourism Engine™

This will show how to create content that shows for specific conditions. You can show content based on the data in Tourism Engine™. That includes all the data imported into Tourism Engine™ as well. 

Why You’d Use It

Being able to control what content shows based on conditions allows you to understand what engages your audience. Are they more invested in deals or video content? How early in the season and they planning? 

How It Works

Tourism Engine™ reads script inside curly brackets: {}. These scripts will control what content shows to whom and where. You can use any variable from the user profile (so first_name, email, statefield, or any other custom field you created). These are case-insensitive.  You can use these operators:

  • = (which means equal)
  • != (which means not equal to)
  • > (greater than, think revenue)
  • < (less than)
  • ~ (contains the string)
  • !~ (does not contain the string)

 

Examples

#1. Show a special offer to in-state People.  

{if:statefield=CO}Hello Locals! To show you how much we love you, here’s an offer just for you. Take 15% with this link: 15% Off. {/if}

 

#2. Display text based on the user’s interests 

If you create a custom field with checkboxes to capture a user’s interests, you should then use the operator “~” as a user may have several interests.

{if:interests~skiing}{/if}

#3. Display text according to the list subscription

If you want to display some text according to the list subscription, you can use the tag giving all lists the user is subscribed to. Then search if your list name is inside: 

{if:var.{list:names}~your first list name}Message for your first list{/if}
{if:var.{list:names}~your second list name}Message for your second list{/if}

Creating an Animated Slideshow GIF for Use in Email

We’ve been using animated GIFs in email marketing for over a decade. It’s still an easy way to stand out a little and provide some movement in the otherwise static medium of email. There are virtually no drawbacks to using GIFs, other than the short amount of time it takes to create them. They’re compatible with just about every email client out there, and for users of Outlook 2005, they fail gracefully and simply show the first frame of animation.

Here, we’ll show you how to create a simple slideshow of four header images using Photoshop.

Create a file with four photos in four layers:
Screen Shot 2018 03 08 at 4.16.01 PM

Bring up the Timeline palette by clicking on Window > Timeline, and then create 3 more animation frames by clicking on the little “Page” icon in the Timeline palette:
Screen Shot 2018 03 08 at 4.19.56 PM
Screen Shot 2018 03 08 at 4.21.48 PM

Select the first frame in the Timeline and then “hide” all of the layers in the Layers palette:
Screen Shot 2018 03 08 at 4.26.09 PM

Select the second frame in the Timeline and then “un-hide” Layer 2 in the Layers palette:
Screen Shot 2018 03 08 at 4.27.53 PM

Do the same thing with Layers 3 and 4, so that each frame in the Timeline corresponds with a Layer in the Layers palette. Then change the Frame Delay from “0 sec.” to “2.5 sec” by clicking on the tiny triangle and selecting Other and entering “2.5”:
Screen Shot 2018 03 08 at 4.31.38 PM

 You should also change your Loop from “once” to “forever” (unless you want to end the animation on a specific frame):
Screen Shot 2018 03 08 at 4.34.01 PM

You can test the animation with the Play button (right-pointing triangle). To finally save the file, click on File > Save for Web:
Screen Shot 2018 03 08 at 4.37.09 PM

From the Save for Web dialog, select “GIF” as the image type, then click “save”:
Screen Shot 2018 03 08 at 4.39.06 PM

You can then upload the image to Tourism Engine and treat it the same as if it were a JPG or PNG file. We’re going to use this one in the header section of an email. Here’s the result:
seaside animation

Note: Animated GIFs are limited to 256 colors. If your animated GIF looks too “grainy”, then you can reduce the number of animation frames, or use images that have more similar colors, fewer colors, or less color variation.

Pro-Protip: Transparent colors don’t add to the filesize, so feel free to use layer transparency in your animations.

 Here’s something fun that Bobby created for his personal website:
super mario footer background

AGENCY Tourism Marketing

Portland, OR | Bend, OR | Denver, CO

[email protected]