{"id":160158,"date":"2016-10-26T13:00:10","date_gmt":"2016-10-26T13:00:10","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=160158"},"modified":"2018-08-03T20:44:15","modified_gmt":"2018-08-03T20:44:15","slug":"halloween-wordpress","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/halloween-wordpress\/","title":{"rendered":"10 Fun Ways to Halloween-ify Your WordPress Site"},"content":{"rendered":"<p>Halloween is one of the best times of year to shake things up and have some fun. If you love this time of year as much as I do, then you\u2019ve already decorated your house and office with cobwebs, candy bowls, and crazy-spooky characters. But who says spreading the Halloween spirit needs to stop there?<\/p>\n<p>If you run a WordPress website, there\u2019s never been a better time or an easier way to \u201ctrick\u201d out your site Halloween-style. (Or to start planning how to dress it up for the <a href=\"https:\/\/wpmudev.com\/blog\/free-wordpress-christmas-plugins\/\" target=\"_blank\">other approaching holidays<\/a>, if Halloween doesn\u2019t do it for you.)<\/p>\n<p>There are more than enough tools you can use to Halloween-ify your WordPress website this year. Mind you, a complete overhaul isn\u2019t necessary in order to pull this off. Sometimes it\u2019s the smallest touches that work the best!<\/p>\n<p>Whether you prefer to trick your visitors or give them a treat this Halloween, any extra effort you put into Halloween-ifying your site is sure to get you noticed \u2013 and potentially earn you an extra look.<\/p>\n<p>Here are just some of the ways you can add the perfect hint of Halloween to your WordPress website.<\/p>\n<h3>#1: Update Your Logo \u00e0 la Google<\/h3>\n<p>We all know what Google\u2019s logo looks like. It\u2019s simple, clean, and colorful. But every now and again\u2014usually around a major holiday or event\u2014Google will switch things up and throw up a temporary logo design for our viewing pleasure.\u00a0<a href=\"https:\/\/www.google.com\/doodles?q=halloween\" rel=\"noopener\" target=\"_blank\">Halloween<\/a>\u00a0is one of those special occasions.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670 size-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/10\/google-halloween.gif\" alt=\"Google updates its logo every year for Halloween.\" width=\"670\" height=\"269\" \/><figcaption class=\"wp-caption-text\">Google updates its logo every year for Halloween.<\/figcaption><\/figure>\n<\/div>\n<p>While you might not be able to pull off a full redesign of your logo like\u00a0<a href=\"https:\/\/www.google.com\/doodles\/halloween-2008-designed-by-wes-craven\" rel=\"noopener\" target=\"_blank\">Wes Craven<\/a>\u00a0did for Google in 2008, you can make smaller alterations to it in the spirit of Halloween:<\/p>\n<ul>\n<li>Change the color scheme to include orange, black, or a blood red.<\/li>\n<li>Swap out a letter for a Halloween icon that resembles the original letter (\u201co\u201d and \u201ci\u201d are always good ones).<\/li>\n<li>Use a font or new letter styling that looks like your favorite Halloween movie\u2019s title screen.<\/li>\n<\/ul>\n<p><b>Tools to Use<\/b>: If you used a design program like Photoshop or Illustrator to create your logo, you can use it now to get really funky with this. If you don\u2019t have one,\u00a0<a href=\"https:\/\/www.canva.com\/\" rel=\"noopener\" target=\"_blank\">Canva<\/a>\u00a0is a free and easy-to-use design tool.<\/p>\n<h3>#2: Alter Your Theme\u2019s Color Scream (Scheme)<\/h3>\n<p>Earlier this year, I wrote about the\u00a0<a href=\"https:\/\/wpmudev.com\/blog\/color-psychology\/\" target=\"_blank\" rel=\"noopener\">psychology of color<\/a>\u00a0in website design. Color consideration is something you carefully plot out and define when first developing your brand\u2019s color palette. But when it comes to holidays like Halloween, it\u2019s okay to throw some of those rules out the window.<\/p>\n<p>Luckily for us, WordPress themes make it easy to update color settings. So if you want to change your font colors, your theme\u2019s background, or even the colors of your calls-to-action, go for it. Just make sure they don\u2019t clash too much against the surrounding color palette and imagery. You want to give your visitors a startle&#8211;not a total fright.<\/p>\n<p><b>Tools to Use<\/b>: Most WordPress themes allow you to make updates to your color palette\u2014that you can see reflected on your site in real time\u2014within the <strong>Appearance &gt; Customize<\/strong> panel.<\/p>\n<h3>#3: Go Spooky with Your Font<\/h3>\n<p>Again, when it comes to something so ingrained in your brand\u2019s identity like a font, it can be tough to break away from your pre-defined styles. However, with plenty of free fonts available online, this is a fun (and temporary) way to give your site a subtle hint of Halloween.<\/p>\n<p>When it comes to changing up your fonts for Halloween, remember that less is more. Many of the fonts that look cool for Halloween are a tad dramatic, so try to relegate these to header text on your website\u2014or in specific locations, like pop-ups, calls-to-action, and hero images.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670 size-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/10\/halloween-too.png\" alt=\"Add a spooky font to your site for a bit of fun!\" width=\"670\" height=\"226\" \/><figcaption class=\"wp-caption-text\">Add a spooky font to your site for a bit of fun!<\/figcaption><\/figure>\n<\/div>\n<p><b>Tools to Use<\/b>: There are many free fonts available that all claim to be \u201cscary,\u201d \u201cspooky,\u201d or straight-up \u201cHalloween.\u201d To help get you started, I\u2019ve picked the ones that are simple and clean enough to still look professional, while offering a unique twist on the typical Halloween-style font:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.dafont.com\/cf-haunted-house.font\" rel=\"noopener\" target=\"_blank\">CF Haunted House<\/a><\/li>\n<li><a href=\"http:\/\/www.dafont.com\/shlop.font\" rel=\"noopener\" target=\"_blank\">Shlop<\/a><\/li>\n<li><a href=\"http:\/\/www.fontspace.com\/blambot\/cryptcreep-bb\" rel=\"noopener\" target=\"_blank\">Crypt Creep<\/a><\/li>\n<li><a href=\"http:\/\/www.dafont.com\/halloween-too.font\" rel=\"noopener\" target=\"_blank\">Halloween Too<\/a><\/li>\n<li><a href=\"http:\/\/www.fontspace.com\/jester-font-studio\/wild-wood\" rel=\"noopener\" target=\"_blank\">Wild Wood<\/a><\/li>\n<\/ul>\n<h3>#4: Vamp Up Your Social Icons<\/h3>\n<p>The devil is in the details, right? For those of you with a heavy social media presence, it would make sense to give your site\u2019s social icons some extra character. Think about it: if you know your site\u2019s visitors will head over to your social links to share content or follow your page, this is the perfect place to add a touch of Halloween.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670 size-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/10\/kellys-halloween-icons.jpg\" alt=\"Using Halloween inspired designs for your social media icons are another way to Halloween-ify your website.\" width=\"600\" height=\"154\" \/><figcaption class=\"wp-caption-text\">Using Halloween inspired designs for your social media icons are another way to Halloween-ify your website.<\/figcaption><\/figure>\n<\/div>\n<p><b>Tools to Use<\/b>: Use free Halloween icons from the web (see more on that below) to custom-design your own social icons or you could use pre-made ones like these\u00a0<a href=\"http:\/\/www.designbolts.com\/2015\/10\/21\/20-free-halloween-social-media-icons-2015-vector-ai-pngs\/\" rel=\"noopener\" target=\"_blank\">pumpkin vectors<\/a>.<\/p>\n<p>The\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/easy-social-icons\/\" rel=\"noopener\" target=\"_blank\">Easy Social Icons plugin<\/a>\u00a0will enable you to upload those icons into WordPress and swap them out for the standard ones on your site.<\/p>\n<h3>#5: Make a 404 Error Even Scarier<\/h3>\n<p>Obviously, you don\u2019t ever want someone to encounter a broken link on your site.\u00a0<em>But<\/em>, if it should ever happen, why not give them an entertaining 404 page to land on?<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670 size-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/10\/zombie-404.png\" alt=\"Why not change up your 404 page to feature a spooky design?\" width=\"670\" height=\"191\" \/><figcaption class=\"wp-caption-text\">Why not change up your 404 page to feature a spooky design?<\/figcaption><\/figure>\n<\/div>\n<p><b>Tools to Use<\/b>: I\u2019m a big fan of this\u00a0<a href=\"https:\/\/themeforest.net\/item\/zombie-animated-404-page\/9599753?s_rank=4\" rel=\"noopener\" target=\"_blank\">animated 404 page<\/a>\u00a0available on ThemeForest. It\u2019ll cost you a couple bucks, but I think it\u2019s worth it if you want to give your lost visitors a random spook.<\/p>\n<h3>#6: Grab Your Visitors\u2019 (Attention) Before They Leave<\/h3>\n<p>Let\u2019s say, hypothetically speaking, a visitor was thinking about leaving your website without taking any action (gasp!). You\u2019d want one more opportunity to grab their attention and at least get an email address before they jump ship, right?<\/p>\n<p>Why not take this opportunity to add an exit-intent,\u00a0<a href=\"https:\/\/wpmudev.com\/blog\/wordpress-conversion-tips\/\" target=\"_blank\" rel=\"noopener\">newsletter opt-in message<\/a>\u00a0to your site? With most plugins these days, you can change the colors, fonts, animation, and other settings to whatever you want, so this would be easy to update as a new holiday approaches.<\/p>\n<p><b>Tools to Use<\/b>: When you want to make that last-ditch effort count, use the WPMU DEV\u00a0<a href=\"https:\/\/wpmudev.com\/project\/hustle\/\" target=\"_blank\" rel=\"noopener\">Hustle plugin<\/a>.<\/p>\n<h3>#7: Create Seasonal Content<\/h3>\n<p>If you\u2019re already in the habit of writing content for your website and social media regularly, throw in some Halloween-inspired or seasonal topics, too.<\/p>\n<p>An example of this would be\u2026 well, I guess, this post. But your Halloween-related content doesn\u2019t have to be an educational roundup. If you want to go for pure entertainment, do it! Perhaps you run a website that sells children\u2019s shoes. If that were the case, you could write a blog post about the scariest kids to ever hit the silver screen (and then recommend the shoes they should wear if they want to catch the adults they\u2019re chasing more quickly).<\/p>\n<p><b>Tools to Use<\/b>: Your imagination. And\u00a0<a href=\"http:\/\/www.imdb.com\/\" rel=\"noopener\" target=\"_blank\">IMDB<\/a>\u00a0is a big help if you want to write about movies.<\/p>\n<h3>#8: Run a Halloween Promotion<\/h3>\n<p>If you\u2019re in a giving mood this Halloween, how about running a special Halloween offer for your visitors? Here are just some promotion types to consider:<\/p>\n<ol>\n<li><b>Contests<\/b>: Invite your site\u2019s visitors and social media followers to share their Halloween photos. The photos should be related to your business, demonstrate their Halloween spirit, and include your handle and promotional hashtag.<\/li>\n<li><b>Surveys<\/b>: Create a new survey or poll on your website. The question\/subject doesn\u2019t need to be related to your business, so long as it gets your visitors interested and willing to take time out to interact with you on this holiday.<\/li>\n<li><b>Special Deals<\/b>: Use strategic pop-ups on your website to advertise secret promotional offers for Halloween-related products or services. This would be similar to the exit-intent newsletter pop-up, but would be more focused on Halloween deals.<\/li>\n<\/ol>\n<p>There are a few things to keep in mind before launching any special promotion:<\/p>\n<ul>\n<li>How will you deliver the message on your site?<\/li>\n<li>Who will you target?<\/li>\n<li>What service or product will this support?<\/li>\n<li>What is the actual deal\/discount?<\/li>\n<li>How will you monitor for the participants or winners?<\/li>\n<li>When will the deal or offer take place?<\/li>\n<li>Are there any restrictions on eligibility?<\/li>\n<\/ul>\n<p>Once you\u2019ve sorted the details out, use the following tools to launch your promotion.<\/p>\n<p><b>Tools to Use<\/b>: Try the WPMU DEV\u00a0<a href=\"https:\/\/wpmudev.com\/project\/the-pop-over-plugin\/\" target=\"_blank\" rel=\"noopener\">Popup Pro<\/a>\u00a0or\u00a0<a href=\"https:\/\/wpmudev.com\/project\/slide-in\/\" target=\"_blank\" rel=\"noopener\">Slide-In<\/a>\u00a0plugins to produce well-timed, strategically placed, and fun-looking announcements around your website.<\/p>\n<h3>#9: Play Hide-and-Seek<\/h3>\n<p>Want to have a little fun with your visitors? Consider hiding Halloween-related imagery around your website. If someone happens to stumble upon the random, spooky icons, they can click them open and receive a special \u201ctreat\u201d of your choosing.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670 size-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/10\/smashing-magazine-halloween-icons.jpg\" alt=\"Smashing Magazine has some fantastic hand drawn spooky icons.\" width=\"670\" height=\"404\" \/><figcaption class=\"wp-caption-text\">Smashing Magazine has some fantastic hand drawn spooky icons.<\/figcaption><\/figure>\n<\/div>\n<p><b>Tools to Use<\/b>: If you\u2019ve got a specific style of icon or character set you want to use, a simple Google search should help you find what you\u2019re looking for. If you want some inspiration, check out the following free sets of icons that would look great hidden around your site:<\/p>\n<ul>\n<li><a href=\"https:\/\/handdrawngoods.com\/spooky-icons-free-12-free-halloween-icons-vector\/\" rel=\"noopener\" target=\"_blank\">Hand-Drawn Goods spooky icons<\/a><\/li>\n<li><a href=\"http:\/\/www.freepik.com\/free-vector\/pumpkin-emoticons-for-halloween_743541.htm\" rel=\"noopener\" target=\"_blank\">freepik pumpkin emoticons<\/a><\/li>\n<li><a href=\"http:\/\/iconka.com\/en\/wicked-wall\/\" rel=\"noopener\" target=\"_blank\">Iconka jack-o-lanterns<\/a><\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2015\/10\/halloween-icon-set-ai-eps-pdf-svg-png\/\" rel=\"noopener\" target=\"_blank\">Smashing Magazine Halloween icon set<\/a><\/li>\n<\/ul>\n<h3>#10: Encourage Trick-or-Treating<\/h3>\n<p>Even if you don\u2019t have a brick-and-mortar shop, you can still offer customers and other passers-by the opportunity to trick-or-treat on your website on Halloween.<\/p>\n<p>Young or old, everyone loves the thrill of going from porch to porch to gather up their treats. You can recreate that feeling of \u201cIs this going to be another toothbrush-and-toothpaste kind of stop?\u201d or \u201cJackpot! I got a super-sized Milky Way!\u201d by advertising your trick-or-treat event ahead of time. Then watch as the visitors pass through on Halloween to discover the \u201ctreat\u201d you\u2019re offering.<\/p>\n<p><b>Tools to Use<\/b>: Social media is a good place to start promoting this special on-site event. And for the people who already come to your website, you\u2019ll want to have promotional messages in place either directly on the site or in pop-up messages.<\/p>\n<p>Once you\u2019ve got the messaging established, figure out what sort of treat you\u2019re going to offer (a site-wide discount or free giveaway would be neat). Then find the right tool to make it easy to process the treat. The\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-bulk-discount\/\" rel=\"noopener\" target=\"_blank\">WooCommerce Bulk Discount plugin<\/a>\u00a0is a good one to use if you\u2019re offering a Halloween-only discount.<\/p>\n<h2>Trick or Treat?<\/h2>\n<p>So there you have it. Ten ways you can keep visitors on their toes and have them pay more attention to your brand\u2014simply by adding a little Halloween flavor to your website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Halloween is one of the best times of year to shake things up and have some fun. If you love this time of year as much as I do, then you\u2019ve already decorated your house and office with cobwebs, candy bowls, and crazy-spooky characters. But who says spreading the Halloween spirit needs to stop there? [&hellip;]<\/p>\n","protected":false},"author":344989,"featured_media":160209,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[10557],"tutorials_categories":[],"class_list":["post-160158","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-halloween"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/160158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/344989"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=160158"}],"version-history":[{"count":12,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/160158\/revisions"}],"predecessor-version":[{"id":204383,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/160158\/revisions\/204383"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/160209"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=160158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=160158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=160158"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=160158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}