In this tutorial I am going to show you how you can create an anchor ad with an effect, like fade-in or slide-in.
Video (3:18 min)
Setup used in this tutorial
- Advanced Ads v. 1.6.12
- Advanced Ads – Sticky Ads v. 1.4.5
- WordPress 4.3.1
In this tutorial I want to show you how you can create an Anchor Ad or a Sticky Ad with a small effect. First, you need to make sure that you have Advanced Ads and Advanced Ads Sticky Ads activated in your plugins. For Sticky Ads we need at least version 1.4.5.
Creating the ad
Head over to our Ad section. In order to create a new ad, we’ll just call it Anchor Ad and choose the image ad as the ad type. Now select an image and a url to link to.
There’s nothing else you need to set up in order to create an anchor ad from this. So you can already publish it.
Create the Anchor Placement
Go to Advanced Ads > Placements and choose the Footer Bar from the available placements. As a name, you can also choose “Anchor Ad”. You should also select the ad that and save the placement.
If you head over to the front end, you would now see an anchor ad.
Adding the effect
In order to add the effect, you need to open the advanced options. There you can see two sections. The first one lets you choose the trigger, the action that is triggering the ad to show up.
You can either show up the ad right away, using an effect or whether to display the ad after a few seconds.
The next section is about the effect itself. The Show action is more or less showing the ad directly. You can also fade it in or slide it in.
To see how each of them looks like, you can check “Fade in“. You also need to choose how many milliseconds the effect will last. You can experiment with this.
Choosing 1,000 would mean that the effect will happen over a period of one second.
If you save the placements again and go to your frontend, wait a (few) seconds, the ad is fading in.