Paste the link you copied on CountdownMail.Ĭlick Get and you’ll see your timer. On the next step, switch to Import and click Website. Switch to the Appearance tab and click Edit to open the image settings. Select a template with an image at the top, for example, and click Continue. If you don’t have a widget yet or want to design a new one, click Create widget. Once you finish designing your timer, you only need to copy the image source URL Their animated GIF images are dynamically generated by the server in real-time, each and every time an image is requested. In Getsitecontrol, you can easily add a countdown GIF image generated by a third-party service. You literally show your website visitors that they’re out of time. The GIF-encoder tricks the email client into thinking the php link is actually a GIF.If you’re running a sales campaign, a countdown timer makes it feel more real. So you take that link and whack it in an image tag to add it to an email, like this: īut Alex, you can't use that PHP script as an image src in email!!!Īctually, yes I can. Hopefully you can see how it's working there. This will countdown until Christmas 2014. Open a browser and go to: YOURHOST/countdown/gif.php?time=YOUR-TIME-TO-COUNTDOWN-TO Ok, now we've got all our variables set up it's time to generate the image. Now to define the font: 'file'=>'./GillSans.ttc', // Font pathĪnd finally to colour the text: 'color'=>imagecolorallocate($image, 55, 160, 130), // RGB Colour of the textīoom, we're done! Move on to the next stage, adding your image into an email. Same as above, but the verticle alignment.
#TIMER COUNTDOWN GIF TRIAL#
Then the y-offset: 'y-offset'=>30, // The vertical alignment, trial and error between 20 and 60. It can be fiddly to get this where you want it. Now the x-offset: 'x-offset'=>7, // The larger the number the further the distance from the left hand side, 0 to align to the left.Īs you can see by the comments, it's the distance from the left hand side. I'm guessing most of the time you'll leave this at 0, unless you're doing a crazy angled banner or something. Then the angle of the text: 'angle'=>0, // Angle of the text You'll just have to get as close to what you need as possible. Unfortunately, as this is a PHP script we don't have huge control over font size. Lets run through them one-by-one.įirst up, the font size: 'size'=>23, // Font size, in pts usually. Now is the important part, the variables that control the text style. Next up is: $image = imagecreatefrompng('images/countdown.png') įor the sake of this tutorial we'll leave that as it is for now, but when you add more images you'll need to change this. The first thing you'll want to change is this: date_default_timezone_set('Europe/London')
#TIMER COUNTDOWN GIF CODE#
A lot of the code here you don't need to worry about and I have added comments to help you with the parts you do. Don't worry, we'll get through this! Open up gif.php in your editor of choice. Now, this is where it can get a tiny bit scary. For this tutorial we'll use the one that comes with the code: save this in the images folder.
Next, you'll want an image to impose the countdown onto. Add them all to a folder such as Countdown.
#TIMER COUNTDOWN GIF DOWNLOAD#
The font you want to use's font file (eg futura.ttc)įirst of all, download all the files from this link.* Displays first frame of animated GIF only. The likelyhood of a user watching it reset is very low. However, if they leave the email and return it will have adjusted to countdown again. When a user receives it in their inbox, they'll see it loop for 1 minute and reset. It takes a flat PNG and super imposes the countdown based on your variables in the PHP script onto it. This works by taking a PNG and using a PHP script to create a looping GIF counting down to a time. This can help create a sense of urgency for events or product offers you may be using email for. We'll be making a nice little GIF like this that counts down to a specific date. How to: Add a Countdown Timer to your Email
0 kommentar(er)
