Typically, this issue occurs because of a problem with the cookie that WordPress tries to set to authenticate a login session. This guide shows you how to solve it once and for all.
If you’re experiencing the “WordPress keeps logging me out” error message frequently, you’ve come to the right place. Typically, this issue occurs because of a problem with the cookie that WordPress tries to set to authenticate a login session. It could also be an issue with some WordPress URL settings that are mismatched.
Regardless of the cause, here’s how to troubleshoot and fix the WordPress session timeout problem.
1. Clear Your Browser’s Cache
The “WordPress keeps logging me out” issue could originate from your browser. The page may be cached in your browser and could be trying to authenticate the session through an expired cookie.
Clearing your browser’s cache will fix the issue if this is the case. For details, check out How to Clear Browser Cache for All Major Browsers.
2. Clear Your Browser’s Cookies
Similarly, the issue could be with the cookie that’s already saved in your browser for the site. If the cookie has expired but mistakenly overrides your recent login, it can cause the error.
Fortunately, you can clear your browser’s cookies to fix it.
In Chrome, go to the top, right-hand corner and click the
Learn how to turn your WooCommerce Thank You Page into a marketing tool that will drive more sales
In this article, we’ll take a look at creating a WooCommerce custom Thank You page – turning the default page into a powerful marketing tool. We’ll cover what the Thank You page is and why you might want to customise it. Then we’ll look into some of the possible elements you would want to add to the page – and how they will benefit your business.
Finally, we’ll look at some short tutorials on how to add and configure different components on your Thank You page.
We’re going to look at:
Some specific components of a WooCommerce custom thank you page
Why those components are effective
How to add extra components to your thank you page
How to specify different thank you pages depending on the products in the customer’s orders
If you want to jump ahead, use the menu below.
WooCommerce Thank You Pages plugin
For the tutorial section, we’ll be using the WooCommerce Thank You Pages plugin.
What is the WooCommerce Thank You page?
Let’s take a moment to look at the standard Thank You page in WooCommerce.
There’s nothing wrong with it – it provides the customer with some basic information about the order they’ve just
As an online store owner, there are several reasons why you might want to connect your WooCommerce store with Mailchimp. A WooCommerce Mailchimp integration allows you to track your products and orders directly in Mailchimp, sync WooCommerce customer data and automate order processing, gather leads into Mailchimp to automate email campaigns,and automate the sales email sequences and the customer onboarding process. This article shows you how to connect WooCommerce to Mailchimp in two different ways. Firstly it explains how you can set it up with the basic, native integration and secondly how to set up with WP Fusion.
As an online store owner, there are several reasons why you might want to connect your WooCommerce store with Mailchimp. A WooCommerce Mailchimp integration allows you to: Track your products and orders directly in Mailchimp.
Sync WooCommerce customer data and automate order processing.
Gather leads into Mailchimp to automate email campaigns.
Automate the sales email sequences and the customer onboarding process.
With this in mind, in this article, we’ll show you how to connect WooCommerce to Mailchimp – in two different ways. We’ll explain how you can set it up with the basic, native integration and WP Fusion. This post will be your complete guide to a robust WooCommerce Mailchimp integration.
Method 1: Using the native store connection
With the basic, native Mailchimp for WooCommerce integration, you can connect your e-commerce store to Mailchimp to sync store data and send targeted campaigns to existing customers.
For example, you can use it to communicate with customers by sending out product follow-ups, collecting feedback immediately after a purchase, or re-engaging customers who’ve abandoned their shopping cart.
In addition to this, you can benefit from
An SQL injection vulnerability gives an attacker complete access to your application’s database. Find out how you can prevent this situation.
SQL (Structured Query Language) is a language that allows us to interact with databases. Modern web applications use databases to manage data and display dynamic content to readers. SQL injection, or SQLi, is an attack on a web application by compromising its database through malicious SQL statements.
As it’s a common attack, let’s try to learn more about what it is, how it happens, and how to defend yourself from it.
Ready? Let’s dive in!
What is SQL Injection?
SQL injection, or SQLi, is a type of attack on a web application that enables an attacker to insert malicious SQL statements into the web application, potentially gaining access to sensitive data in the database or destroying this data.SQL injection was first discovered by Jeff Forristal in 1998.
In the two decades since its discovery, SQL injection has consistently been the top priority of web developers when designing applications.
Barclaycard estimated in 2012 that 97% of data breaches initiate with an SQL injection attack. An SQL injection is prevalent even today and the severity of injection attacks in a web application is recognized widely. It is one of the top ten most critical web application security
The WordPress REST API opens up plenty of opportunities within the WordPress ecosystem. Learn how to get the most from it!
The WordPress REST API is in the process of changing WordPress. You may not have noticed, as a lot of it is under the hood, but the implications of the REST API make a huge difference to the future of WordPress, both in terms of its codebase and its uses. If you haven’t worked with the WordPress REST API, you might be wondering just what it is. So let’s kick off by looking at what the REST API is.
What is the WordPress REST API?
REST stands for Representational State Transfer and API stands for Application Programming Interface. Let’s take a look at what each of those means.
An Application Programming Interface, or API, is defined as:
“An interface or communication protocol between a client and a server intended to simplify the building of client-side software.”
If you aren’t familiar with APIs, that may not help very much. To put it more simply, an API is a set of code that allows one system to interact (or “interface”)
Learn how to use Intersection Observer API to create scrolling animation.
The IntersectionObserver interface of the Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document’s viewport. The ancestor element or viewport is referred to as the root.
Let’s Build an Observer
After much back and forth in building, testing, building, testing, and reviewing we are super excited to announce that wd_s is now a Gutenberg-first theme!
They have done exactly that.
For quite some time now, our wd_s starter theme has been powered in part by Advanced Custom Fields. Using the Flexible Content Field, we were able to create a page builder-esque experience for users. This experience lived on the backend when editing posts and pages. We didn’t set out to create a full-on page builder or content builder like the ones we’ve used in the past. We simply understood the need for users to have full control over their content, the placement of that content, and the overall structure of their posts and pages.
And it worked! It worked for a long time. In fact, it still works beautifully.
With the advent of WordPress 5.0, Gutenberg became the hot topic when discussing the CMS. Some absolutely loved the new experience while others reviled it for myriad reasons, such as it felt rushed, it
Despite its miniscule size, a WordPress search form holds a lot of power. In this guide, you'll learn how to improve search on your website and speed it up.
Why do people use website search forms in the first place? It’s because they’re looking for immediate and relevant results they can’t get by browsing a website or using the navigation. Sometimes those search results provide answers to their questions (like information on a company’s return policy) or a list of matching products or content (like blog posts related to page builder plugins). Regardless of what they’re looking for, though, one thing is for certain:
Visitors expect your WordPress search form to deliver results quickly and accurately.
It makes sense when you look at consumer behavior as a whole. Google has set an almost impossible standard when it comes to online search. According to findings from SparkToro, over half of all searches in Google are zero-click. Basically, Google has made search so efficient that people often don’t need to visit a website to get answers to their questions.
Of course, your website visitors aren’t using internal search expecting or wanting a zero-click result. They’re using search in order to find other parts of your website to explore. But what your WordPress search and Google search do have in
In-depth guide on creating a multilingual WooCommerce store, including how to translate shop page, products, carts, checkouts and more.
Thanks to the web, online shoppers can choose to buy products from almost anywhere in the world. Want a pair of shoes you can’t find locally? Buy them from another country. Need a replacement part for your foreign-made car? Hop online and get it in a couple of days. But while the web has made the world smaller in a lot of ways, language barriers continue to add friction to the online shopping experience, particularly for non-English speaking consumers.
According to a Common Sense Advisory survey, 75% of people want to buy products in their native language. Across the 10 countries surveyed, 56% either spend more time on sites in their own language than they do in English, or boycott English-language URLs altogether.
That’s why it’s important ecommerce businesses invest in creating a multilingual WooCommerce store, one that provides quality translations and localized currencies, sizes, shipping, and more.
But how do you create a multilingual WooCommerce store? Let’s take a look.
Why Have a Multilingual WooCommerce Store?
Expanding your business into other countries is the natural next step when you’ve achieved local success. Creating a multilingual WooCommerce
Want to know more about headless CMS, Gatsby, and WordPress? Learn how to create super-fast websites powered by Gatsby and WordPress with this tutorial.
How does a typical dynamic website, like those based on WordPress, work? When a visitor enters the URL on a browser or visits your website through a link, a request is sent to your web server. The server gathers the required data through necessary database queries and generates an HTML file for your browser to display. Static sites, on the other hand, store these responses into flat files on the server that are instantly delivered to a visitor.
Static site generators have been around for a long time, but they have grown in popularity recently. In this step-by-step guide, we look at the integration of WordPress with Gatsby, a static site generator.
WordPress creates dynamic websites, which need a stack of PHP, MySQL, and Apache or Nginx on the server to run. It is possible to create a static version of WordPress by generating a list of HTML pages for all the content on your site.
This static version of WordPress is called headless WordPress or serverless WordPress. This conversion process is done just once so that the same page can be served to visitors multiple times. How do you convert your WordPress site to a static version? This is where Gatsby comes into the
All FTP clients are different but the important thing to know is that you want a client that works on your Operating System.
Building a website requires files and folders. Building a complicated website requires a seemingly endless supply of files and folders. If you’re a developer or designer it becomes incredibly overwhelming. You may forget where a media file was moved to or maybe a theme folder has gone missing or didn’t transfer to the server properly. Regardless of your problems, you need one of the best FTP clients to help you stay organized. What’s the Point of an FTP Client?
FTP stands for File Transfer Protocol, and it allows you to connect your local files on a computer to an online server. For instance, you may be creating a WordPress site. In that case, you could build a website on your computer, then eventually move all of the files to your server and launch your website for the world to see. In short, it gives you the opportunity to organize your files, make edits in a private environment, and also check to see if anything is going wrong.
All FTP clients are different but the important thing to know is that you want a client that works on your Operating System and you’re looking for a user interface that’s easy to move around and sort out the folders.
WordPress maintenance is crucial for any type of website. Learn how to take care of your WordPress site or hire WordPress professionals who can help you!
Creating a WordPress site isn’t enough. You also need to pay attention to some good ol’ WordPress maintenance. When you’ve put lots of time into creating your site, it can be disheartening to think that the work isn’t over. In fact, it’s only just begun. But it doesn’t have to be a burden.
In this post, I’ll go through some WordPress maintenance best practices and give you some tips to make it more effective. I’ll also include a guide to paying someone else to do it and review some of the best providers of WordPress support services.
Putting Your WordPress Site into Maintenance Mode
Plenty of the work you do to maintain your WordPress site won’t involve putting it in maintenance mode, but sometimes you’ll need to do this—so it pays to know what it means.
When your site is in maintenance mode, it means that you’re telling visitors and search engines that it’s currently unavailable, but that unavailability is planned and temporary (i.e. your site hasn’t gone down).
When you update WordPress, or you update a theme or plugin, WordPress will automatically go into maintenance mode (stuck in maintenance mode?
WordPress 5.3 includes lots of great new features, enhancements, bug fixes! Improved blocks, new Site Health Tool, Twenty Twenty theme, new APIs and more.
WordPress 5.3 is getting closer (now we’re at WordPress 5.3 RC1) and we can’t wait to see all the upcoming new features and enhancements in action. So what can we expect from WordPress 5.3?
First and foremost, a whopping number of releases of the Gutenberg plugin is going to be merged into the core, from 5.4 to 6.6. This means we’ll see a huge number of features and enhancements for both users and developers, as well as an important boost in performance.
But there’s much more than Gutenberg in WordPress 5.3.
In fact, 5.3 features several improvements related to the Site Health Tool, a brand new default theme (TwentyTwenty), enhancements in the Admin User Interface, better support for PHP 7.4, improved accessibility, and much more.
That’s a lot of amazing stuff, right? So, let’s buckle up and dig deeper into WordPress 5.3.
At the time of this writing, the next Major Release of WordPress is far from being stable. We can still expect several bug fixes before the final release, scheduled for November 12, 2019, but no more commits for any new enhancements or feature requests are admitted.
23 September 2019: Beta 1
30 September 2019: Beta 2
8 October 2019:
In WordPress, templates are usually used in themes. But there are plugins like WooCommerce and EDD that use template files to display content as well. In this article, Delicious Brains explains how you can do this too in your own plugins.
When we talk about templates in WordPress we are normally referring to page template files in the theme. However, there are plugins that use template files to display content, and that becomes another consideration when it comes to building WordPress themes. Can you override plugin template files? If so, how? If you are building a plugin that renders HTML, how can you make it easily altered by themes? In this article I’ll answer these questions.
What Are Templates?
The WordPress templating system is one of the most important pillars of the WordPress architecture. Template files are “PHP files that contain a mixture of HTML, Template Tags, and PHP code.”
Template files are loaded in a specific manner, governed by the WordPress template hierarchy. Specific template files are looked for in the theme, and fallbacks are used if they don’t exist. For example, a car listing site has registered a custom post type of ‘car’. When a user visits a page on the site for a specific car, WordPress will look in the theme for a template file called single-car.php. If it doesn’t exist, it will fallback to the single.php template for displaying generic posts.
It’s important to remember that there’s more to creating a fully translated WordPress site than just the text on the page — images also play an important role in creating a multilingual site
If you’re planning to translate your WordPress site, it’s important to remember that there’s more to creating a fully translated WordPress site than just the text on the page — images also play an important role in creating a multilingual site. With the right WordPress translation plugin, you can translate images so that you’re able to display different images, text, and image metadata, based on a visitor’s language.
This helps you create a better, more localized user experience, make your website more accessible in all languages, and improve your multilingual SEO, especially when it comes to ranking images in Google image search.
In this post, you’ll learn how you can use Weglot to fully translate images on your WordPress site with a simple step-by-step guide for localizing all aspects of your site’s visual media (including videos).
How to Choose a WordPress Translation Plugin for Images
When you’re looking for a WordPress translation plugin to translate images, it’s important to remember that there are multiple considerations for fully translating an image:
The image file itself. For example, using a different image URL for
Getting ratings for your plugin is one of the keys to success. I show here what I do to get more ratings with a subtle notification.
The WordPress Plugin Directory is the main source where users find plugins. For most plugin authors, it’s the battle arena that can make or break a plugin. I’ll show in this article how I got almost 200 plugin ratings for my plugin Stackable.
There are a lot of tactics to become number one in there. And a lot of people have been trying to figure out how to get the edge.
You can surely get ahead by carefully crafting your ranking high in the search rankings, but if you’re number but your competitors’ 5-star ratings tower over your measly 10 ratings, then it won’t matter.
Needless to say, one of the best ways to get more users to is to get a crapload of plugin ratings.
It’s quite hard to get ratings though.
Users – the one doing the ratings – are quite delicate creatures.
The only time users will rate your plugin a 5-star is when your plugin performs extremely well. Otherwise, they won’t let you know about it..
..Except when they find something a teensy bit wrong, then they rain 1-star ratings on your plugin
Kidding aside, all I mean is that users will go out of their way to rate your plugin if it’s extremely amazing.
Tutorial focusing on automatic translation as a great starting point to building multilingual WordPress sites faster and cheaper.
Creating a multilingual WordPress site is a pretty laborious task. You first need to figure out what languages you want your site to be available in, then find the best translation plugin for your project. Only after this you’ll get to the part where you actually translate your site content. This process is probably the most time consuming of all the above. Automatically translating your WordPress site is a excellent way to speed up the translation process and use automatic translations as a starting point for your multilingual content. You can have everything translated in minutes, not days or weeks.
In this tutorial we’ll go through how to automatically translate WordPress sites fast and with minimal costs by using TranslatePress.
TranslatePress offers both automatic and manual translations. What sets TranslatePress apart from other multilingual solutions is that you can to translate all your site content directly from the front-end, by using a visual translation interface.
Let’s get started…
Why you should Automatically Translate WordPress Site
Translating your WordPress site automatically is an excellent choice that will allow you to go multilingual, while
There's lot of friction when trying to translate slider content (text, buttons, links etc.), mostly because it exists outside the WordPress editor. This tutorial focuses on how you can achieve this easily and for free, independently of the slider plugin used.
Love ’em or hate ’em, sliders and carousels are a popular design choice for a lot of WordPress sites. But if you’re looking to create a multilingual WordPress site, figuring out how to translate sliders in WordPress can be difficult because slider content exists outside the WordPress editor. You might be using a dedicated slider plugin or the slider widget in a page builder plugin like Elementor. Either way, you’ll need to be able to translate those sliders to ensure a cohesive multilingual experience for your visitors.
To help, we’re going to show you how to translate sliders in WordPress using a simple, non-technical interface like this:
This method will work with all slider plugins and you’ll be able to follow this tutorial for free – no need to purchase a premium plugin just to translate your WordPress sliders.
What You Need to Translate Sliders in WordPress
To follow this tutorial and create multilingual sliders on WordPress, you’ll only need two things:
Your slider – we’ll create an example slider with the free Smart Slider 3 plugin, but the method that we’ll outline will work with any slider plugin/widget including
With the holidays in full swing, you might be looking for a way to start selling WooCommerce gift cards at your store. Unfortunately, WooCommerce doesn't come with a built-in gift card feature. But we're going to show you how to fix that!
With the holidays in full swing, you might be looking for a way to start selling WooCommerce gift cards at your store. Gift cards are a win-win – not only does it make it easy for gift-givers to check off their shopping lists, it also lets you lock in sales at your store.
Unfortunately, WooCommerce doesn’t come with a built-in gift card feature. But we’re going to show you how to fix that using a WooCommerce gift card plugin.
In this post, we’re going to cover two things:
We’ll show you step-by-step how to start selling WooCommerce gift cards with Smart Coupons. It costs $99 and is our recommended solution.
If you’re on a budget, we’ll also share some free (or cheaper) WooCommerce gift card plugins that are viable alternatives, though we won’t share full tutorials for each plugin.
Ready to sell your first WooCommerce gift card? Let’s set it up…
How to Sell WooCommerce Gift Cards With Smart Coupons
Smart Coupons is a popular plugin listed at the official WooCommerce plugin directory, where it’s maintained a near-perfect 4.8-star rating on 55+ reviews.
Beyond being popular with reviewers, Smart Coupons is also our recommended
Learn how to automatically translate your WooCommerce store fast and with minimal costs using TranslatePress.
If you want to create a multilingual eCommerce store, learning how to automatically translate WooCommerce can save you a ton of time and money. Rather than painstakingly translating each product details from scratch, you can use machine translation to create your baseline translations and then go back and manually refine them as needed.
In this post, you’ll learn how to automatically translate your WooCommerce store using the Google Translate API and a free WordPress translation plugin.
You’ll be able to create static, SEO-friendly translations for each product and shop page. And if needed, you can also go back and manually edit any of your machine translations using a simple visual translation interface.
Ready to start translating? Let’s dig in…
How to Automatically Translate WooCommerce
To automatically translate a WooCommerce store, you can use the free version of the TranslatePress plugin.
TranslatePress lets you translate your entire WooCommerce store using automatic machine translation powered by the Google Translate API or DeepL. It will then store those translations locally and let you manually edit them using a simple visual translation management interface.
A tutorial on how to use React Router to load posts from a site. This tutorial follows after the previous one where the posts were loaded and paginated through a function.
In the last tutorial we have loaded articles when clicking a pagination button. If you would like to load articles even from a page parameter from URL, we need to implement a route. We will use the React Router to paginate through pages. If you have not yet completed the previous tutorial, you can check it out here: https://www.ibenic.com/headless-wordpress-loading-posts-pagination/.
To start with the React Router, we need to install it. Once you have positioned yourself in the folder we have created in the previous tutorial (through the command line), type this command:
npm install react-router-dom
Once installed, let’s start editing and adding code. First, we will import components from the React Router at the begging of our App.js file.
Adding Router to your App
We will now wrap our App JSX with Router so we can use Router components inside of our App. Be aware that once this code is added, you will get errors because of undefined components. We will define them next.
So, we have wrapped all our JSX with the Router components and using the Switch component so that Routes can be switched when the URLs are matched.
The first route that we have defined is /page/:page. This will
If you want to customize how your WooCommerce store looks and/or functions, understanding WooCommerce hooks is going to make your life a whole lot easier. We’ve included two videos which allow you to follow along step-by-step. Hooks make it easy to insert content or change behavior at specific parts on your store, like the checkout page, shopping cart page, etc. What’s so great about WooCommerce hooks is that they let you do this without needing to edit any of the underlying theme template files.
Looking to add a WordPress Language Switcher to your website? This tutorial highlights three easy methods and best practices for displaying an effective and eye-catching language switcher in WordPress.
No matter what kind of site you have, the easiest way to let visitors view your content in their preferred language is with a WordPress language switcher. In a nutshell, language switchers can be text, a button, or a dropdown on a page that users can click (or tap) to translate the content into another language. Generally, you’ll find WordPress language switchers in the header, footer, or navigation.
It doesn’t matter what form your language switcher takes, the important thing is giving visitors a convenient way to switch to their preferred language. It’s essential for improving the overall user experience of any multilingual website.
In this tutorial, we’ll take a look at some examples of language switchers on popular websites and cover how you can add one to your site with TranslatePress.
Let’s get started.
5 Examples of WordPress Websites with Language Switchers
Language switchers can take many forms, from language codes and flags to dropdowns and localized text.
Let’s take a look at a variety of real-world examples of language switchers.
The official WordPress.org site displays a prominent green text box in the middle of the homepage
Learn what WordPress version control is plus some of the solutions you can use to start tracking changes at your WordPress website.
WordPress version control helps you track changes to your WordPress site to monitor what’s happening and roll back those changes if needed. Those changes could be simple tweaks like edits to a post or more technical changes like edits to your site’s codebase. In this post, we’ll explain more about what version control is and how it applies to WordPress. Then, we’ll dig into some of the tools that you can use to implement version control on your WordPress site.
What is WordPress Version Control?
A version control system tracks changes to a file (or files) over time so that you can see how things have changed and, if needed, revert to a previous version.
Applied to WordPress, version control lets you track changes that you, or others, make to your site.
In a WordPress context, version control can track actions like:
Updating or publishing a post.
Installing or uninstalling a new plugin.
Changing your WordPress theme.
Updating your core software or any theme or plugin.
Not only you can see these changes, but you can also undo them or roll back to a previous version if needed.
In a development sense, version control can also help developers manage changes to the