![]() Now, you can either upload your Play Button image directly to your theme's folder or you can add your Play Button image to your site through Drupal's file manager. If you're having trouble with this tutorial, you can always look into a Drupal consulting expert. Feel free to use it for your own project. This Play Button is a simple triangular button that is 40x40 pixels. Today, I am using a Play Button that I previously created. They’re many options available, and you may want to consider your site design palette or CCD when planning and designing your Play Button. ![]() Whether you create your own, purchase one online, or hire a designer to create one for you, you must have a Play Button image to complete your new video image style. Creating a Play Button overlay with ImageCache Actions I am using Media module 7.x-2.0 alpha 4 Media: YouTube module 7.x-2.0-rc5 and ImageCache Actions module 7.x-1.5 in this tutorial. You'll need to use Drupal 7 to follow this tutorial. I'm working under the impression that you already know how to download and install modules through Drush or manually. If using Drush, execute this command to install ImageCache Actions and ImageCache Canvas Actions submodule: drush en imagecache_actions imagecache_canvasactions -yįor those not using Drush, be sure to enable the relevant modules as depicted: I'm also using the Media and Media: YouTube modules to create a use case for this tutorial (video thumbnails in need of play overlays). Be sure to grab any dependencies, too. Download and Install the ImageCache Actions Moduleįirst, head over to and the project page of ImageCache Actions. This is especially relevant when used in combination with the Colorbox module or another process which opens the video in a lightbox. ![]() You can apply CSS to create a Play Button overlay in many instances, however I find that utilizing the ImageCache Actions module provides a swift solution. The ImageCache Actions module actually provides a suite of additional image affects that can be used in combination with the core Drupal image styles. We'll use the ImageCache Actions module to automate the process. In this Drupal tutorial, I’m going show you how to apply a Play Button overlay to your YouTube preview images. Getting Started with the ImageCache Actions Module The ImageCache Actions module let's us automate this process. However, its flexibility allows you to customize your YouTube thumbnail through Drupal image styles. The YouTube video thumbnail does not apply a Play Button overlay to distinguish video content from regular images nor does it trigger a call to action for users. If you recall from my Drupal Media module tutorial video, Media: YouTube module provides a way to display the YouTube video thumbnail while giving you the flexibility to style the thumbnail with your site's image styles. Having an image with a play symbol overlay in your email marketing campaign can increase click through rates as much as 200%-300%. It should be no surprise that the concept of the Play Button is a powerful marketing tool, which is why you should also be utilizing it in your Drupal 7 website. Although I’m going to primarily focus on utilizing play buttons on your Drupal 7 website, the power of the Play Button can be utilized in email marketing campaigns and on social media where the content strategy has shown proven results. Utilizing the Play Button to guide users towards a specific goal or action through persuasive design and by triggering a psychological response touches on a content strategy known as Conversion Centered Design (CCD). Play Buttons Increase Click Through Rates Now that you’ve successfully added video to your content strategy and to your Drupal 7 website, we need to utilize a universally recognized call to action: the Play Button. Use play buttons to guide users to your video content. ![]() In my previous Drupal tutorial video I showed you how to add YouTube videos to your Drupal 7 website using the Media and Media: YouTube modules. First, why is this valuable for your web presence? Video Call to Action for Conversions Whether we are promoting a product line, telling our story, selling tickets to an event, or like me-providing tutorial videos-we want to reach users. Utilizing the Power of the Play ButtonĪs content strategists and business professionals, we strive to engage users with our content. Create automatic call to actions in this tutorial. I'm going to show you how to add media overlays or watermarks with Drupal's ImageCache Actions module.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |