Elegant Themes Blog

Stay up to date with our most recent news and updates

Four Creative Ways To Use The Integration Tab In Our ePanel Theme Options

Whenever you need to add functionality to your theme, the first thing you should do is search for a plugin that can do the job for you. Using a plugin will make it easier to change themes in the future, and they are often maintained for you which means less work on your end. In a perfect world, there would be a great free plugin for every situation, but sometimes there just isn’t a good solution. In these cases, you have no choice but to get your hands dirty and code something yourself. Editing theme files and creating custom plugins, however, can prove a daunting task.

This is why we added the “Integration” tab in our ePanel Theme Options. This tab lets you add custom code to key areas of your theme without having to edit any files yourself! Furthermore, these changes are saved to the database, which means they are never lost when you update your theme. Let’s go over a few creative ways that we can use this feature.

Adding A Feedburner Subscribe Form To Posts

The best way to build a relationship with your visitors is to get them to subscribe to your blog. Building an RSS & Email readership is a must for any online publication. There are many options out there, but one of the most popular free ones is Google Feedburner. Once you setup Feedburner, you will need to give your visitors a way to subscribe. The best way to do this is to allow them to subscribe via Email through an online form. This form should be placed on your website in a prime location, my favorite of which is right below each of your posts. If a visitor has read your entire article, then there is a good chance that they are interested in your blog, and whiling to subscribe. There are a few Feedburner plugins out there, but I couldn’t find one that would place the opt-in form in the correct location!

To add an opt-in form at the bottom of your posts, you can use the “Add code to the bottom of your posts, before the comments” field under the ePanel > Integration tab. Add the following code while replacing “BLOGNAME” with your Feedburner website name.

Adding Floating Share Icons To Your Website

There are many social sharing plugins out there, but sometimes they just aren’t exactly what you are looking for. Another option is to embed the social sharing icons manually using our Integration tabs. In this example, I will go over how to integrate the AddThis icons without using their plugin. This same technique could be applied to other services as well, or to code that you have created yourself.

You can go to AddThis.com to create your own social sharing bar. Once you have gone through the creation process, the website will give you a code that needs to be embedded into the BODY of your website. For this, we can use the “Add code to the < body >” field under the ePanel > Integration tab. Simply paste the code given which, depending on the layout and buttons you chose, will look something like this:

Once added, the share icons will appear on every page of your website.

Add Advertisements To The Top Of Posts

Sometimes you will want to place advertisements on the top of your posts. This is a prime viewing area with high engagement, and it will often sell well. There are many ad networks out there, such as Google Adsense and BuySellAds, and sometimes it’s hard to find a plugin that will put your advertisement in the right spot. In these cases, our Integration tab can come in handy. Depending on your ad network, you will be given a snippet of code to add to your website. If you are using Adsense, then it might look something like this:

This code can be placed within the “Add code to the top of your posts” field within the ePanel > Integration tab. Once added, your advertisement will be displayed on each post before the post content. You can also add ads below your posts using the “Add code to the bottom of your posts, before the comments” field.

Installing Website Analytics Services

There are many tracking sites out there that you can use the collect data about your visitors. Whenever you use of these services, you will need to copy and paste and piece of code into every page of your website, and there isn’t always a plugin for the particular service you are using. One example of a tracking website is Google Analytics, which is a great way to observe your website’s traffic statistics. In order to install Google Analytics on your website, you must first place the tracking code on every page of your website. This can be done easily using the BODY integration area in ePanel. Under the ePanel > Integration tab, locate the “Add code to the < head > of your blog” field and paste in the code that Google has given you. It will look something like this:

That’s it, you’re done! Google will now track every visitor that hits any page on your website. This same method can be applied to other services as well, or to any code that needs to be integrated site-wide into the head of your page.

Applying These Techniques To Other Services

There are countess other ways that these Integration settings can be used. Hopefully these examples, even if they were not applicable to your website, showcase how similar features might be integrated.

By Nick Roach

I am the founder and lead designer at Elegant Themes. When I'm not hard at work on new themes, I enjoy writing an article or two on our blog!

Oops, my mistake. Google has two version of their tracking code, and it’s the legacy version that should be placed into the body. I have updated the post to instruct users to input the code into the head field of ePanel.

One of the key differences is that the new code is still in beta and won’t allow you to update it to include demographic & interest based info. Here’s the link to how to implement this with the old GA tag. Note that you’ll need to update your privacy T’s and C’s on sites you do this to.

Nick, my theme (Aggregate) advises in epanel to put Google Analytics code in the body under “Code Integration”. I have no idea if my code is Legacy or not (I’ve had my code in this spot for almost 2 yrs).

I just moved it to the field that says “head”. Was this correct or should I move it back to “body”?

Thanks for another great article Nick! I got my share icons and google analytics integrated through the ePanel. In the past, I had a share buttons plugin installed on my blog before I realized it was slowing down my site. It’s much quicker now. I am planning to have ads in the future so thanks a lot for the tip.

I may be exposing my WordPress ignorance. I worked with HTML sites for years. However, from day one I have never assumed that I can do anything that I used to do in the old days in the “Integration” fields. And until I read THIS post — I STILL did not know what I could do there.

We see posts all the time about using this plugin or that. Making a change to the function PHP file.

Some of us need examples to see what we can do — that’s why I *LOVE LOVE LOVE* this post. Can’t wait to implement all of these. Okay — not all but I’m definitely going for a couple of them.

Great post Nick, would be great to see an ongoing series of these kinds of post leaning more towards beginner developers. I often find there’s a tendency to really overcomplicate things that turn out to be pretty simple once you see how it could / should be done.

I’ve been using and customizing wp themes for over 3 years, this is the first premium theme I’ve had to work with and it’s the most non-intuitive and complicated theme I’ve ever encountered. over 6 hours with support and I can’t even change the header image. All the great wp features you’d expect are tweaked beyond recognition. I can’t even function as a developer here.

I work hard and acquire houses one at a time, learning
as I go. The pros and cons identified above are certainly not meant to be an exhaustive compilation of all
the issues that you should consider when purchasing an investment property.
EST for Jo – Jo and Christopher’s question and answer session on Google Plus
you will be even more prepared for house hunting.

Hi Nick, I’m running the Divi theme and posted my Google Analytics tracking code into the section of the Integration tab, and now my analytics data is showing up on the actual pages of my website where visitors can see it. I don’t want it to display on my pages, I just want the tracking code to be working in the background gathering data for my eyes only. Can you help?

I’m trying to put the Pinterest code that it says to put into the “HEAD or equivalent” section to verify my site with them. However, I tried putting their code in both the HEAD and BODY sections and neither seem to work.

Does anybody seem to have an idea where to put the Pinterest meta info? The code Pinterest gives me looks like this: <meta name="p:domain_verify" content=yaddayadda"

Problem. Every time I try to put in a code into the head section of epanel’s integration, it converts some of the < to < and most importantly, my script doesn't work, it shows up as code at the top of the page.

Is there a special way we're supposed to be inputting the script code?

I have issues with the GA code. I just upgrade my site to use the Divi Theme, which I love, but no matter if I put the code in the body or in the head, it keeps taking the .. tags off the code, so the codes displays on the page.
Any ideas?