Redirecting to “Thank You” Pages with Contact From 7 for All Browsers

When you want your CF7 form to do something more than flash a message on the same page, you may want it to redirect to a proper thank you page for many reasons including analytics, metadata, and letting the user know that the contact process has been completed.

Normal redirects using an event listener

CF7 recommends this line of code to be placed wherever your JS will be set.

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'http://example.com/';
}, false );
</script>

This will work for browsers that handle multiple types of scripts well such as Chrome and Firefox. However, not all browsers were created equal.

Issues with Safari and IE when redirecting with event

Normally, when you want to redirect to any page after an action or event is made, javascript/jquery can help you with that. Yet in the cases of select browsers such as Safari or Internet Explorer, they may not take to the code as easily as other browsers can. This unfortunately happens when attempting to redirect with the event above. In some cases, the form page will refresh and clear itself even though an email has been sent. This then becomes an issue for the user, as while an email will still be sent to the intended recipient, the customer will not know unless they too receive a copy. Even still, they might re-fill the form out again and again and merely assume the form is broken if it never gives them a confirmation or thank you for submitting to the form.

There are many ways we have attempted to fix this “bug” and all scripting options either wouldn’t work or would result in an email not sending. For example, a script that listens to the click of the submit button can redirect to another page, however it must wait for the email to send before going to a new page or else the email can be skipped altogether which would be bad. So we could go through some loops in the additional scripting, or we can use a simple solution in the form of a plug in.

A plugin for your plugin

It might sound silly, but there’s no shame in a WordPress plugin asking for help from other plugins. Contact Form 7 forms never had an intention to redirect after completion, although they do suggest code to help with that they have no inherent setting or feature to make it simpler. Contact Form 7 Redirection does all the heavy lifting for you, using support code to help establish and event that will help you redirect to any WordPress page you have created or any external site of your choice by simply editing the form and going to a new tab that should be created called “Redirect Settings”. It does come with a couple extra settings and chances to add scripts if you wish, but the only step you would need to take is choosing which page to redirect to after the form is completed. We highly recommend using this plugin for anyone that has CF7 installed, as it is will make your redirections easier but also get the message across to your users that would like to know if they have completed their requests/submissions. Best of all, it works in all browsers! The plugin code has been tested and we can confirm that it is safari and internet explorer compatible.

Just remember that if your plugin is giving you trouble or having issues in select cases, there may also be a companion plugin out there to solve your troubles.

Featured Snippet Guidelines

Being an expert in a field is a wonderful thing. Applying that expertise and sharing it with others is even better. By now we’ve all been searching for something Google and seen a Featured Snippet (like the ones in this post) at the top of their organic search results. In looking at these snippets that 3PRIME has helped clients create you will notice that each one provides the best answer to the very specific search query or question in the most succinct and informative way possible. These are just a few of the examples of Featured Snippets that 3PRIME has helped develop. They include very specific car transportation routes, a niche mechanical device for filtering light, and answering what it means to be eligible for SSDI. Featured Snippets don’t replace organic search results and aren’t necessarily directly related to the first or even second organic result of any search. What Featured Snippets do is seek to best answer a search query and show that above any website search results, allowing a user to get a short answer without having to visit a site at all.

How to Get Noticed and Featured by Google

  1. Use long-tail and highly targeted keywords
  2. Be mindful of page titles and descriptions
  3. Create in-depth content with easily digestible and structured information

Use long-tail and highly targeted keywords. Oftentimes Google will show a snippet for very specific keywords or a question that a user searches for. The more specific and targeted your content is to a keyword or query, the more likely you are to get a Featured Snippet. Identifying and utilizing long-tail keywords within your content will ultimately provide Google with more opportunities to feature your content.

Be mindful of page titles and descriptions. The titles and descriptions of your pages provide Google and other search engines with insight into the content of your page. Page titles provide some of the best opportunities to provide Google with highly relevant keyword data and information about page content. Optimizing page titles to include unique and relevant keywords that a user is searching for holds tremendous weight with Google. Optimizing content for all aspects of Google is important for obtaining a Featured Snippet. While it is true that a Featured Snippet does not necessarily correlate to the first organic search result, being on page 1 does help boost the likelihood of being featured.

Create in-depth content with easily digestible and structured information. When writing content that you hope to be featured by Google the first thing is to make sure that you are thoroughly answering the query. Signaling to Google through the use of hyper-focused, long-tail keywords is a great place to start, but certainly not the only thing that matters to Google. Two other pieces that are often missed when writing highly specific content is ensuring that it can be displayed as a Featured Snippet in such a way that it answers the question that someone types into Google. The other piece is to fully develop content. While you want Google to be able to pull a list or short piece of content to fill in a Featured Snippet, the page itself should be robust and full of well-developed and informative answers to the search query. Long-form content is important to Google insofar as ranking a page for providing a thorough answer to a search query or question. What is generally meant by long-form content is a page with over 1,500 words, with very thorough, well-written, and exceptional content.

When creating a page to answer a question and hopefully obtain a Featured Snippet, don’t be afraid to research and provide a long, thoughtful, fully fleshed out answer- it’s exactly what Google wants. Combined with best SEO practices and targeting highly specific keywords and queries you’ll position yourself much better in Google search engine rankings and be that much closer to getting a Featured Snippet and improving traffic to your website. Focus and speed are essential in today’s world, with the average attention span dropping from 12 seconds to 8 seconds over the past 15 years it has become more paramount than ever to give quick, easily processed and understood information. Google wants to provide its users with easy to read and identify information, so the next time you are creating new content or adding to your web presence in any way ask us how to optimize for a Featured Snippet. It will help guide you to positive results. Whether you’re looking for website design, web development, or you’re not sure what you need to take your site to the next level 3PRIME is here to help you figure it out.

Divi WordPress Theme

Divi Mobile Menu Displays “A” Instead of Hamburger Menu Icon

Does you Divi mobile menu show an “A” instead of the traditional hamburger icon? We recently came across this problem with a few of our Divi-based websites.

After an update we noticed an “A” appearing in place of the hamburger icon on mobile menus. Once the issue was inspected in the browser, it became clear that some core theme files were requested from the child theme folder – but they were not present there.
Read more

WordPress and 3PRIME Web Solutions

When A WordPress Theme Isn’t All It’s Cracked Up To Be

While we can custom build any type of website, like most web agencies, 3PRIME takes advantage of pre-designed WordPress themes in order to help save our clients’ money and speed up the development process. After our initial discovery process, we determine what WordPress theme may work best for your business and then further customize it to suit your needs.

But sometimes one is not aware of the pitfalls that may occur once you get your hands “dirty” with a theme and begin to customize it. Though our decision on choosing the best theme is based on researching, testing out the demo version, and reading the theme’s documentation, there still may be some roadblocks encountered once development is underway.
Read more

Authorize.net terminating low-volume resellers

We got this email today from authorize.net reseller support:

Authorize.Net LLC (“Authorize.Net”) is engaged in a strategic initiative to allow us to more effectively work with our referral partners. Authorize.Net has reviewed its current agreements and has decided to focus on its most active partners. As part of this change in strategy, Authorize.Net will be terminating your existing partnership agreement within 90 days of the date of this email. You will no longer receive residual payouts once the partnership is terminated.

We thank you for your partnership.

We’ve been a reseller for a number of years and while we don’t make a lot on it, the customers we referred and helped setup are still active so we make a small residual each month, enough to offset our own authorize.net fees. It was enough that they were our first recommendation and as a result we have lots of experience working with them.

This email, out of the blue, is a surprise to say the least. I am sure they are going to save a significant amount on affiliate fees but I have to say, I expect to do a lot more recommendations of Stripe in the future.

Just sayin’.

 

Learn How to Target Both Online and In Store Customer Moments with Google Partners Connect 8/16

If you are a current retailer or business and are wondering how you can drive up sales, then be sure to pay close attention to the steps from the recent Google Partners Connect event on 8/16. One of the biggest problems that retailers have been complaining about if the recent decline in foot traffic at stores. What is happening is that more customers are using online shopping than ever before. You have to be there for your customers wherever they are: both online and in store.

As a retailer, you need to make an online strategy that helps to drive your mobile website to better connect with customers. Even though foot traffic has declined with retailers, this does not necessarily make it a bad thing. In fact, when people actually do shop at a store, they are spending more money. People are now 25% more likely to make a purchase in store, since they are shopping less. In store, people are also spending 10% more on purchases than they were before.

The good side about customers being connected with mobile is that they are prepared before they even get into the store. The can learn all kinds of information about your business from it’s location to it’s current sale items. Stores are assuming people want to be educated in stores, but people are doing that themselves with online research and learning about the hottest trends. Mobile queries have increased by 25%, which makes it so important for retailers to be present on and offline.

Mobile has now become the center of shopping whether it is researching, browsing or in-store shopping for an item. Retailers need to be there for both online and offline moments to connect with their customer. Since trends are driving customer behavior, a retailer must build towards these trends to grow their business. They would rather want the retailer that is there for them in their moment of need rather than be loyal to a particular brand. They also would rather receive a personable and tailored message from a retailer than a one-size-fits-all message.  The shopping experience should also be seamless, since 53% of users leave a site that takes longer than 3 seconds to load. Make sure the shopping journey is a great experience so you will have return customers.

The power of online shopping with Google is helping retailers to be discovered by new customers from all over. When you are present for your customers, you are 3 times more likely to engage in top positions. If you plan ahead for big events like holiday shopping, you will be better prepared to handle more customers. Plan ahead large promotions and sales, such as planning Christmas promotions right after Halloween ends. Make your whole inventory available on Google shopping during your campaign, to make sure you aren’t losing any business. Stand out by offering promotions like free shipping or coupons. For marketing, remarketing, customer match and marketing similar audience will increase conversion rates. By planning ahead for new customers and offering them a seamless experience online and in store, you will be sure to keep customers and target many more.

Changes to Tracking Contact Form 7 Submissions

With over 3 million downloads and counting, Contact Form 7 is one of the most popular tools for creating a variety of forms on the WordPress platform. When using Contact Form 7 it’s easy to see why this plug-in has become a favorite of developers and website owners. The ease of use, flexibility, breadth of options, customization yet simplicity all combine to make up one of the most comprehensive and widely used plug-ins to date.

One of the great things about Contact Form 7 has always been the easy and effective way of tracking form completions through either a redirection to a “thank you” page or once the form is submitted or just redirecting users to a new page to encourage further action. For anyone familiar with the way that Contact Form 7 works these two settings for assigning Javascript may look very familiar:

  • on_sent_ok
  • on_submit

However, these settings are in the process of being phased out completely by the end of 2017. One of the only ways to track form submissions going forward will be to use event tracking. Luckily this is relatively simple, especially for Google Analytics users, to implement. In fact, by putting an event tracker similar to the one we suggest below, you can track form completions in much the same way as always but with even more accuracy.

The 3PRIME Solution
When adding event tracking to contact forms, there are a few checks that need to be made beforehand. The very first thing is to check to see if Google Analytics code exists in the header of your page. Without this, nothing else will work as intended. Once that is confirmed, we can get into the scripting/functionality.

We will need either to add a script to the page/template or we can find a dedicated javascript file to handle the work, which I would recommend. A common file such as a main.js or default.js, something that already exists on the page as a source. If there is no js file on the page then we would need to create one and link it, or we can go with the alternate method of just adding script to the page/footer.

Wherever you put your script, make sure there is a way to detect on click events. One common way is with jquery which exists on many sites and in many forms. If jquery is not on the site then we can either have the site start referencing jquery or make a more basic reference for a click event. Then check to see if any “document ready” code is in the js file. If not, you will need to state that this will happen when the document is ready to ensure that the script is not loaded before the form is.

Now in the template/page that has the form, find the submit button and add a class to it in the class field. it can be any name you want that fits the guidelines of a class name but for this example we will call it “contactEmail”. Once a class is set we can start referencing it in our script on document ready. IDs also work but classes are more consistent and user-friendly when used on the same or even multiple pages.

In the script we just have to make sure that the class is targeted correctly now. We can do this through testing. A common method is by using console.log for javascript to print a message to the inspector console when an event occurs. Add an “onclick” event handling function behind the “contactEmail” button class being clicked and simply put console.log(“ok”) inside it. If you click your button now, then the console should print out “ok.” If this isn’t working as intended then you will need to reevaluate your javascript/class/function as any of those could be the issue.

Once an onclick function is set and confirmed as working, simply add the google analytics event handling code inside the onclick function. A basic analytics function works like so:

  • ga(‘send’, ‘event’, { eventCategory: “”, eventAction: ‘click’, eventLabel: ””});

We are now sending a new event to Analytics to record, giving it a category, action, and label. These are important as they help discern and differentiate every action you wish to record in analytics. More details on how the code works can be found here. Putting it all together, we will get a function like this inside of our “main.js” file that is included on our site and on our contact form page.

EXAMPLE USING JQUERY
$(‘#contactEmail’).click(function (){
ga(‘send’, ‘event’, { eventCategory: ’emailclick’, eventAction: ‘click’, eventLabel: ’emailContactPage’});
});

When you click on the submit button with the “contactEmail” class at any point in time when on the page, an event should be tracked and recorded on your analytics dashboard, under the category “emailclick” and labeled as “emailContactPage”. Remember to test extensively and clear caching if your code is not saving/updating properly!

For more information and other form tracking solutions straight from Contact Form 7’s developer click here.

Panera Bread - Order Catering Online

Finding The Best eCommerce Solution for Your Catering Business

WooCommerce POS - Point of Sale IntegrationIf you’re looking to bring your catering business online, and provide ordering through your website, there are many options to consider for the best solution. 3PRIME recently started working with two local caterers to help them offer their food and platters to customers. We researched the latest technologies and came across popular platforms such as WooCommerce, Magento, Shopify, and BigCommerce. Read more

Highlights from the Google Partners Livestream on 4/19

After watching the Google Partners Livestream, we were able to gather some of the important tips for companies to help their business this year. Technology is now at the heart of business, and everything around us is connected to the web. As trends are continually impacting industries, it is important to follow them in order to still be in business in the near future. Many companies are closing their retail stores, but many people do not realize that they are doing this to enter the digital world. Online shopping has become so prevalent that stores are closing down in order to put their focus on where  consumers spend their time.

Traditional Business Models are Being Challenged

With changing consumer behavior, our industries are being challenged. Traditional business models are changing, and we must be aware of technology shifts in our field. For example, Blockbuster used to be the place that everyone bought their movies. People took their car to a location to browse through VHS and DVDs. Nowadays, movies can be streamed through TVs, laptops and cell phones with just the click of a button. Now people are using companies like Netflix, which allows you to watch shows and movies without leaving your couch. Talk about a business model that changed pretty rapidly within the past 15 years!


Consumer Behavior is Changing

Consumers behavior is changing along with technology. They have 24/7 access to mobile devices, which means that they have access to an unlimited amount of information. So what does this mean for companies? It means that consumers are more informed and aware, creating higher expectations. This is creating more pressure for companies to meet the demands of consumers. All companies today are being challenged, and it is up to them to do something to stand above the competition.

Retail is Changing in the Digital Age

Retail visits are declining as more business moves to eCommerce. From 2013 to 2016, retail visits dropped in half, which is a significant loss. So what can your business do to survive in this new digital age? Instead of using the old mantra “Do whatever to get the customer to the dealership,” imply a new mantra, “Do whatever  to bring the dealership to the customer.”

 

How Can I Prepare for the Digital Future?
One way to keep up with the digital age is to keep ad spending in sync with consumer behavior. Are you using ads on platforms that have been surpassed by digital ads – such as TV ads? Another thing to consider is being open 24/7.  Making ads profitable is key by knowing when consumers visit your company.  For example, consumers may visit a lawn service company mostly in the Spring and Summer months, which means your companies ads should run according to the influx of customers. Being available for your customers when they are looking for you is a crucial way to get customers.  If you are not available at the time your customers need you, they will look for another company in the same industry that is available. Other things to incorporate to make your business tech-savvy in the future are: keyword research to target your customers, using ad extensions and forms, creating a great mobile experience and using a Google my Business page.

From the Google Livestream, we learned that technology is changing the way we do business. Businesses must keep up with the times in order to engage more customers and generate more sales. Since 1 in 3 adults watch at least one Youtube video per month, it’s safe to say that engaging online with customers – especially through social media outlets – can help to increase your website traffic. To make sure your company is up-to-date with the digital world in 2017, contact 3PRIME today!

If you wanted to see what Google had to say, watch the Livestream below. Be up-to-date with the latest in business and find out how to connect your business to the ever-changing world.
 

Comparing Google Pagespeed Insights and Test My Site with Google

 

Our score from The new Test My Site web application by Google.

Google Insights analyzes web performance, gives feedback and suggestions to improve your web page. This test lets you enter your website URL and gives you your performance on both mobile and desktop. If there are problems that need your attention, a yellow exclamation point will pop up telling you to ‘consider fixing’ and will show a list of the things to improve on. A checkmark in green will highlight the aspects about your website that you have passed. Google released a new site performance application called Google Test My Site. As both interfaces provide advice to website users, there are still many differences that separate both website apps apart.

 

With both the pages, the scores remain the same. Test My Site has the option to email your test results, but Google Insight does not. Test My Site also has pretty visuals, such as bright colors and interesting videos, making it user friendly. It also displays your results on one page, where Google Insights displays results on 2 different tabs – one for mobile and one for desktop. To test if your site is mobile friendly on Google Insights, the website will have you click on a link and send you to another page.

Our results from Google Insights with scores and explanations of how to fix results.


What was nice about the old site, Google Insight, was that it displayed all of your scores right away, and was not separated by large tabs and graphics. They also explain how to fix the issues they identified on your site, where the new site does not. This can be frustrating to any user wanting to get right to the changes Google is recommending, like
implementing browser caching, but not having ready access to resources and recommendations. Insights will show you, for example, if an image is too large what size to make it.

This highlights that the new Test My Site web app is for non-technical users, while the pagespeed insights is the more useful resource for developers, so we hope they don’t take it away!

Since more people everyday are using the internet, page speed is becoming increasingly important. Page speed can determine if a user stays or leaves your website. Whether you have large graphics and videos, or issues with Javascript, you need to consult to consult with a high-end tool like these that monitor your website performance. Once you find out that your website is lagging with page speed, the next step is developing a plan to improve issues.