Sneak Preview: ClickBump “Magnetic” 8 Pack

NEW: Live Demo Site for Magnetic

Warning: This template package will give you a completely UNFAIR advantage against others in your niche. If you are sensitive to the feelings of your competitors, read no further.

But, if you want to crush the competition with one of the most unique and “Sticky” WordPress premium templates available anywhere, read on.

“Magnetic” Premium Skin for ClickBump 5

Today I’m releasing the ClickBump “Magnetic” 8-in-1 template/skin pack. All 8 templates feature a “magnetic” menu across the top which holds the site menu (featuring WordPress new “Custom Menus” that combine posts, pages and categories into a single menu complete with flyouts) as well as the ClickBump exclusive Google Search widget.

The unique thing about it is that this menu stays anchored at the top of the user’s browser while they scroll down the page. This means that your site menu, and most importantly, the Google search widget, is always in view and accessible. That alone would be enough to boost CTR, but there’s much more to magnetism than stickyness. These templates are designed to give a sense of depth and dimension to showcase the main ad block like never before. This one really makes the ads Pop!

Like all ClickBump premium templates, all 8 skins in the magnetic 8 pack feature clean, SEO optimized, w3c-validating html5 compatible markup for some friendly Google love.

With the “Magnetic” template pack, I’ve taken it a few steps further. Each template has a unique background image. The background image gives the template its unique look and character. “Smile” for example, resembles a smile. “Clouds” features a unique 3D parallax effect that makes the clouds appear to part when the user scrolls the screen (video demo to come, you really have to see this to appreciate it).

Here’s a preview of a few of the template/skins available in this pack (click the images for full size previews):

“Magnetic Smile” Premium Skin for ClickBump 5 – Greet your visitors with a smile

“Magnetic Helix” Premium Skin for ClickBump 5

“Magnetic Uncorked” Premium Skin for ClickBump 5 – Care for some bubbly?

“Magnetic Chill” Premium Skin for ClickBump 5 A crisp fresh look to entice your viewers to stay longer

“Magnetic Helix Too” Premium Skin for ClickBump 5

All skins in this series are hand-crafted with a unique blend of cutting edge CSS design (including a few tasty morsels of CSS3 background, shadow and border effects for modern browsers), html5 compatibility, as well as the ability to morph into any color scheme you can envision, using the ClickBump 5 point and click color options.

You could literally build hundreds of unique looking websites with this template pack

Just add your unique custom headers, logos and your matching color options to create an infinite number of designs to suit your tastes.

You can easily add a custom header graphic (to replace the default avatar character) and I’ve included a layered .pxd file with the package so that you can easily create your own custom header image to make this your own. You can open the .pxd image at, edit it, then save it as header.png for uploading to your site. If you don’t care to use a header graphic, you can easily disable the header graphic with one click at “ClickBump 5 > Images > Header Image > Disable

The template also features a vast array of color customization options. Here is the help overlay that you will see at “ClickBump 5 > General Settings > Show Help” (click the image for full size preview)

By default, the color values are preset to match the examples. However, you can easily customize these colors, along with the header image to instantly transform this template into your vision. As you can see in the screenshot below showing ClickBump 5’s point and click color swatches (1-4) that you will use to set those colors:

Adding the ClickBump Google Search Widget to the template

At the top right corner of the screenshot, you can see the Google Search Widget, specially formatted and anchored to the top right corner of the template’s header area. Its a snap to add this to your ClickBump enabled site.

1) Go to “Appearance > Widgets” and drag “Google Search Widget” (a ClickBump 5 exclusive widget not found elsewhere) over into the widget area labeled “Sidebar“. Once you’ve done that, it will look like this:

As you can see from the screenshot, I’ve already pasted in all of the default script for you. All thats left for you is to place your Adsense Pub ID into the space provided. You’ll get this from your Google search widget code at your Adsense dashboard. You can also see that at the bottom of the widget panel you have even more control over where the widget appears on your site via the “Widget Visibility” panel, another ClickBump exclusive. You can selectively show/hide the widget depending on whether its being shown on the home page, on posts, on pages, on category pages, on the search page, on 404 pages or on tag pages. No one else gives you this level of control right out of the box.

Adding Your Ad Code to the template’s Main Content Ad Area

To add your Main Ad code to the template, you have two options (for Adsense), you can use your Adsense Client ID and Slot ID or you can paste your entire Ad code block. I’m using a combination of both in my example, so that I can rotate ads between the two. However, you can use one or the other. Of course, you are not limited to Adsense. You can use ANY AD NETWORK, such as Chitika, Amazon, Ebay, ClickBank or whatever. Just paste your Ad code or script into the spaces provided at “ClickBump > Ads” and you are all set to go with global control over your ads.

To enable the stacked 336×280 ads as you see in the screenshot, open your site’s admin dashboard and click on the theme options panel (ClickBump 5). Once you have that open, just click on the “Ads” tab and click the “Default to Stacked Ads” option and paste in your Google Client ID and Slot ID for your saved large rectangle ad like so (click the image for full size preview):

Note that I have a few extra options selected in my example. These are all optional (as all of the ClickBump 5 settings are). By placing ad code into the “Alternate Ad Code” block, and checking the “Turn on Ad Rotation Script” option, I’m enabling ClickBump 5 to rotate the ads that the viewer sees between the Adsense main ad (the one I’ve specified at the top with the Client ID and Slot ID) and the “Alternate Ad Code”.

What’s cool about this feature is that I can place ANY ad code I want into the “Alternate Ad Code” box, and I’m not limited to Adsense. I can, for example, rotate between my stacked 336 Google Adsense blocks, and a high commission ClickBank product with affiliate link (or whatever). You get the idea. This is very powerful.

Adding Custom Menus to ClickBump 5 Templates

The Magnetic series (and almost all premium templates) is pre-configured to present the WordPress custom menus as you see in the screenshot, with the current post or section automatically highlighted. It also will display any posts you’ve flagged with the top-menu category and place them in the blue bar across the bottom portion of the header area. If you built your site with JumpStartPro!, the installer automatically created a custom menu for you. However, if you did not, click on “Appearance > Menus” to create and configure your menu similar to this (click the image for a full size preview):

The custom menus are flyout enabled, so that if you drag and drop them under one another, they will automatically orient themselves as flyout menus on the live site.

To flag specific posts to appear in the blue bar below the custom menus, just add the “top-menu” category to the post and ClickBump 5 takes care of the rest. To do this, click on “Posts”, then for any post you want to appear in the blue bar menu, click “Quick Edit > Categories” and click to select the “top-menu” category. Then click “Update” to save the setting. That’s all there is to it. The menu is now set as a top menu item and will appear in the submenu under the main header menu.

Adding the footer boxes

The four boxes you see at the bottom are optional. However, these are great areas to showcase special Amazon or ClickBank products that relate to your niche. Or, you can just place additional content into them. To create them, just go to “Appearance > Widgets” and drag a few “ClickBump Box x” widgets over into the “Footer” sidebar as you can see below. You can use as many or as few box widgets as you want. Magnetic will auto adjust the boxes to fit equally in the footer area alongside one another!

Note from the screenshot above, one of the unique capabilities of the ClickBump 5 theme that set it apart from other themes, the ability to set widget visibility. For example, in this case, the widget will only be seen on the home page.

Feel free to use the comments are below to ask any questions you may have about setting up the new “Magnetic” template pack for ClickBump 5.

4 Responses to “Sneak Preview: ClickBump “Magnetic” 8 Pack”

  1. James says:

    Hi Scott,

    I’ve been following your offerings for some time, but this might just be the theme that makes me buy! It’s actually very similar to my own in layout, which is something I’ve come to after extensive A/B testing.

    Just one question: is there a setting to allow “pushdown” images in the same way that you can in you CTR Plus theme?


    • Scott says:

      @James, thanks for your comments. The answer is YES.

      All templates support pushdown images as well as Ads, Ad rotation, Sidebar Ads, Social Media, Related Posts, Featured Images, etc, etc

  2. Scott says:

    Wow! Thanks Jeff. I appreciate it.

  3. Jeff says:

    totally impressive stuff, scott. with the value, leverage you offer, you save me hundreds of hours, thousands of dollars in programming and graphic work. your solutions are core to the way i build and promote my sites. lightweight, flexible, and totally user friendly for me and my visitors. thank you.

☝ Back to Top