In this video tutorial, we follow through the steps of customizing WooCommerce product page templates without coding.
Do you want to customize your WooCommerce product pages? You’re in luck!
Elementor makes it that much easier to visually drag & drop different elements of your product pages, customizing the design however way you like.
In the past, these sort of WooCommerce design tutorials involved dozens of lines of code.
Luckily, those days are over – thanks to Elementor WooCommerce Builder.
Now, you get full control over your product page design and layout with the power of Elementor Pro. No need to incorporate actions or hooks, or delve into the various PHP files. Every design customization is done right from the Elementor editor.
With Elementor, you can play around with the layout of the product page template however you like. In this guide, you will learn to create this product page design:
Because you’ll be using Elementor’s single product template, once you finish creating the template you’ll be able to apply it across your products, as well as for specific categories or other conditions.
In this tutorial, the focus is on customizing the product page, so we’ll skip the basic WooCommerce setup and adding of product. Kinsta has a great tutorial on the
After several years of working on WordPress and accessibility and being part of the accessibility team, Rian Rietveld has taken the very difficult decision to leave the WordPress accessibility team. Here she explains why she have made this decision and how she hope things can improve for the future.
This post is written with the Gutenberg editor version 3.9.0. Disclaimer: This post is my opinion and mine alone.
After several years of working on WordPress and accessibility and being part of the accessibility team, I have taken the very difficult decision to leave the WordPress accessibility team. I owe it to the team to explain why I have made this decision and how I hope things can improve for the future.
The last year, especially the last few weeks have been too politically complicated for me. It’s better that someone else takes the lead now.
In this post I’ll try to give an analysis of what the WordPress Accessibility Team (wpa11y team) did during the development of Gutenberg and what the problems are with working on its accessibility.
When the development of Gutenberg started, the wpa11y team followed its progress and tested what was there. And we discovered there is much to improve. So Andrea Fercia started to open tickets and tried to find solutions. And that was a huge task.
We had four big problems:
The codebase of Gutenberg is difficult for all of us, because no one in the wpa11y team is a skilled REACT developer. So it was hard to implement
In this post, we’ll look at a number of stellar plugins, and discuss what makes them so great. Before that, though, let’s give you some advice on how to choose a top-drawer plugin
WordPress and plugins go hand in hand. However, because there are literally thousands available, it’s incredibly tough to whittle them down to the most essential. Once you have that list, you’ll need to skim off the cream of the crop in order to run a site that’s stable, secure, and ultimately functional. It’s a good idea to think of the different ‘categories’ you’ll need, and work from there. For example, you’ll likely want to carry out some Search Engine Optimization (SEO), which may also include reducing the loading time of your site using caching or image optimization. As such, you’ll eventually have a framework in order to pick the very best plugins currently supported by the latest version of WordPress.
In this post, we’ll look at a number of stellar plugins, and discuss what makes them so great. Before that, though, let’s give you some advice on how to choose a top-drawer plugin!
What to Look for in a Quality WordPress Plugin
As we’ve intimated, choosing a plugin isn’t all about picking the first one you come across. In fact, there are a few key criteria that you’ll need to consider. For example:
A quick interview with the creator of the popular plugin Widget Options Jeffrey Carandang.
Hi could you tell us a little about yourself and background? My name is Jeffrey Carandang, also known as `phpbits` in the WordPress community. I am the creator of Widget Options, one of the top-rated WordPress plugins in the directory with more than 60k active install. I do have other awesome free plugins which you can see here: https://profiles.wordpress.org/phpbits#content-plugins I’ve been creating and supporting plugins full-time for more than 3 years now.
When did you first stumble upon WordPress?
I discovered WordPress in 2010 when I was in college. Back then, I was freelancing at Odesk and saw a lot of WordPress job posts and decided to take a look at them. I’ve been working on WordPress since then.
What product / website of yours are you most proud of and why?
I’m very proud of Widget Options because it’s the best plugin I’ve created so far. Being able to get positive reviews from customers is one of the best rewards a developer/creator can get. It’s also one of the main reasons why I’ve become known in the community.
Have you had any epic fails so far that you’d like to share with us?
Yes for sure! Lots of us probably did. It’s
First up, Gutenberg is entering the final development phase and is almost ready for its first release candidate version. Beyond that, the official AMP plugin was upgraded and optimized towards a more user-friendly interface, while our own Pirate Forms moved on to become part of WPForms. And if you like dark interfaces, “dark mode” might be coming to WordPress!
AMP for WordPress Plugin to Introduce User-Friendly Theme Support Settings in Upcoming 1.0 Release Google’s open-source project AMP (as in Accelerated Mobile Pages) will get significant improvements in the upcoming release. This should be great news because the official WordPress plugin is used on more than 300,000 websites. The new features AMP for WordPress aims to introduce are extended theme support and a more user-friendly settings approach. This re-orientation is essential since, in the first stages, the tool was primarily built for developers, and hence required non-intuitive actions from regulars users.
In the forthcoming version, users can enable native AMP or Paired mode on the settings page; moreover, the beta release adds granular controls for selecting supported templates. And these are not the only changes in the plugin’s functionality.
The 3-year-old tool aims to improve your website’s mobile performance and is used on 25 million domains worldwide (beyond WordPress). We’re using it on this very blog too.
After weighing pros and cons, Page Builder Sandwich moved to monetize their WordPress product with Freemius in January 2017. They wrote this article explaining why and how.
When Page Builder Sandwich was launched in 2016, we were using Easy Digital Downloads. In 2017, we moved to Freemius. Here’s why we switched: What is EDD and why did we choose it?
Easy Digital Downloads (EDD) is a popular self-hosted eCommerce / WooCommerce alternative for WordPress. Out of the box, you can’t really sell a WordPress product using EDD, but its Software Licensing extension makes it perfect for selling plugins. The extension handled the creation and verification of license keys, too.
EDD also worked well because it allowed customers to purchase our product directly from the website, while also giving them their own account page where they can log in and view their purchase history.
Since it worked well, and since we’re a big fan of Pippin Williamson, this was Sandwich’s first option.
How does it work compared to Freemius, and when did we switch?
In 2016, Vova Feldman, lead developer and co-creator of Freemius, emailed us a rundown of Freemius, explaining that it’s more than an eCommerce solution — It provides other features like analytics and insights solution, a marketing automation tool, and built-in support tool so customers could
Accessibility guru Joe Dolson shares his thoughts on Gutenberg's rocky road so far. It still has a long way to go in order to be accessible to all.
Rian Rietveld resigned from the leadership of the WordPress Accessibility team today. When I first started talking about Gutenberg, I touted it as a future for creating a new, more accessible experience for both authors and website visitors. I was very optimistic – nervous, and aware that this was going to be a challenge, but optimistic.
Part of what I hoped for has happened – but far from all of it. There are good things about Gutenberg. Monitoring the hierarchy of headings in your content is great. The internal color contrast testing is valuable. But there are many more important things that have not been addressed.
I’ve hardly had any involvement in the last year. The development of Gutenberg was radically different from the rest of WordPress. It’s been an exclusionary process from the beginning – requiring people to learn new tools, new ways of working with WordPress, and new languages just to have the opportunity to be involved. It’s been hugely destructive for people who have already committed a lot of time (at their own expense) to the current system. This has prevented me from being able to participate. (Along with a number of unrelated issues
If you work with WordPress and make any money with it this is your group! We discuss all things related to the CMS and how you can make a living!
This group is set up to gather affiliate marketers who...
In this podcast, we interview the maker of ACF, and analyze how he got to build one of the most successful WordPress plugins and what are the next challenges he faces.
Please explain about the Advanced Custom Fields plugin without using jargon. ACF, or advanced custom fields, is a WordPress plugin that allows you to tailor, customize, and design to your liking any kind of edit page in the back end of WordPress. Primarily it’s for adding different fields to a post, but it’s bigger than that now and you can actually add fields to users, widgets, and other kinds of data objects within WordPress.
Can you share a bit about yourself, like how it got started, how you came up with it?
My story of developing ACF has got pretty humble roots in that I built ACF because I simply needed it for the work I was doing at the time, which, back then, I was doing freelance work, freelance web design, web development. We were using WordPress, or I was using WordPress at the time, which I found out about through the client that I was working for. They already had a WordPress website, and I was gonna do some updates for them. They’d designed, or they’d had designed, this new section of their website that I think it listed out in tiles quite a few different products that they had, but they weren’t using an eCommerce plugin at the time. I don’t
A fresh batch of comics for anyone working in tech. Why you should never work with armed clients, a map of the pitfalls of product development, a sympathy card for anyone who ever lost a function during the rush to update, and a guide to the emotions of product development.
Hey guys! It’s another great day because it’s the day of tech comics! I just love the smell of tech comics in the morning, which is perhaps why I find myself waiting all month for tech comics day to roll around! But enough of me and my quirks; today, our tech comic grab bag of banter includes problems with language / weaponized clients, a map to the pitfalls of product development, a sympathy card for anyone who ever lost a function during the rush to update, and a guide to the emotions of product development.
If you like these chuckles then you’ll be happy to hear that we release a fresh batch of comics every month. Check out our archive whenever you need a boost during the day.
Once again, the lion’s share of the praise goes to our illustrator João Santos, who works with us on the ideas and the illustrations every month.
So, I think that’s just about enough from me! Let’s browse through October 2018’s tech comics. I have a favorite already, but drop us a comment and let us know which one tickled your fancy the most.
October 2018 Comics with CodeinWP: Screen-Shots, Map of Product Development, Stages of Product Creation, Deprecated Functions
Here are our picks of the most unique and beautiful sites for September 2018. Browse through them and get inspired (we wrote a short description why we liked them)
In this month’s showcase, I’m excited to feature a website created using Elementor’s Woocommerce builder. Another unique selection of ours is a recipe website that utilizes Elementor’s integration with ACF. It’s fantastic to see how quickly our community members embrace new capabilities and features that we release, and implement them successfully in their projects. We certainly hope it will inspire other users to build more advanced sites with Elementor.
So, here we go.
Let’s WP is a new blog dedicated to helping the WordPress community with valuable information. In this blog, WordPress specialists share methods and best practices to make web development more accessible.
The vivid color palette, combined with a simple blog layout, produces a friendly and inviting blog. Their use of Custom Post Fields in the blog posts enables them to share more helpful information with the readers; improves the overall user experience.
The Institute of Aesthetics is a beauty and wellness spa, as well as a training center for facial aesthetic treatments, based in Scottsdale Arizona. The designer’s use of light soothing colors, in addition to the choice of an
Guest blogger and eCommerce expert, Chris Lema, shares his advice for preparing your online store for the holidays.
eCommerce shows no signs of slowing its growth. At least not anytime soon. According to data from Statista and eMarketer, eCommerce in the US will approach $521 billion in 2018, and more than $750 billion by 2021—and that’s just in the United States. It’s that kind of growth in eCommerce that puts the same question into the heads of every store owner—will our store be ready for the holidays?
When asking this question, there are three parts to think about—the website itself, your payment processor, and the tools/processes you use for shipping products.
Will our website handle the holiday traffic surge?
Will our payment processor be able to handle our holiday traffic?
Will our fulfillment processes buckle under the increased holiday traffic?
Today we’re going to dig into the first question and make sure you’re doing everything you can to make sure that your online store is ready for a large jump in traffic and transactions.
The Name of the Game is Performance
There are a lot of different statistics that help us understand customers who visit online stores.
When pages within the store take longer than 2 seconds to load, session lengths can drop
In this post, we explain about a brand new VISUAL process to add custom fields content coming from plugins like ACF, Pods or Toolset, and visually design them using Elementor. The great advantage here is that the entire process is without handling PHP files, functions, hooks or actions.
There are two ways to build a website: static and dynamic. Static sites are built one page at a time, constructing individual pages separately. Building sites dynamically is the smarter way to go, because it enables you to use templates that generate multiple pages. Blog posts and portfolio templates are good examples of areas on your site that you should build dynamically. Modify the blog post layout just once – and WHAMMO! multiple posts will instantly get the new design. This helps you complete projects faster and saves you valuable time (which you can use to read our blog
Our clients have need and deadlines. Here are some things we do to ensure that we deliver their WordPress website projects on time.
The past month, I have been watching from my home office the comings and goings of an array of contractors at my neighbor’s house. They are building an addition to their home, preparing for the birth of their first child. I have watched the frenzied movements with curiosity and, I am not afraid to admit, a bit of anxiety knowing that her due date was quickly approaching. As a Project Manager, I started to think this is very similar to the way our clients come to WebDevStudios (WDS). Much like my neighbors, our clients have a need and a deadline to go with it. Perhaps their timeline for a new website corresponds to an upcoming event or a new fiscal year. Regardless, we respect these due dates and deliver their website projects on time. Here’s how: We obtain assets early.
First, we ask for all assets, third-party integrations, hosting information, etc. early on in the project life cycle. If we wait till we get to the point in development when we actually need them and there is a hiccup, it inevitably would set us back. By simply asking upfront, we eliminate those disruptions. Even if our clients don’t have this information at the start, it gets the ball rolling sooner
At WDS, we respect our clients' budgets. Here are the things we do to ensure that website projects are completed on budget.
Today, my office is on board a Megabus from Las Vegas to California for my 30th birthday weekend. I’ve set aside a budget and planned for the various activities I want to do in California that are within my budget. My ideal vision for my trip may be to splurge on a $2,400 VIP Disneyland Tour, but my budget will dictate what I can actually afford to do. This is what it’s like for clients that come to WebDevStudios (WDS). You have a vision for your website and a rough idea on how much you can spend. Our team then has a thorough discovery with you in order to determine what can be built within that budget. Creating a budget during the initial phases of the project helps to manage expectations, set realistic goals and deliverables, and prepare for unexpected costs. WDS respects clients’ budgets and as a Project Manager, my goal is to bring your vision to life by completing your website projects on budget. Here are the ways we do that: We Perform a Client Discovery
Once you’ve gone through the discovery and design phase of the project life cycle, your Project Manager will begin preparing for the development phase. At this point, your Client Strategist has created
Problems producing content for your website? Check out this post with 10 types of WordPress content that will attract great traffic!
As a WordPress content writer myself, I have questions that keep bugging me before writing a new piece, one of those is “Where am I aiming at?” In every circumstance, before any further aims, my very first answer would be “To attract as much traffic as possible!” Writing with a purpose not only motivates you but also gives you the clues you might need. For example, when I am set to write for great traffic, the next question is always “Well then, what kind of content should I put into?”
Of course, it must be something informative, intriguing, earning shares & likes, and differentiates me from others! Producing such content is not an easy game as writing depends a lot on inspiration. When it comes to work, however, you have to pull off an article even if you’re in the mood or not! So, work systematically! Know what types of posts that will draw traffic, and just follow the rules while adding a few of your own colors!
Not yet to know those content types, or should I say the rules? Here I am to show you the 10 types of WordPress content that will attract great traffic!
Ready to be a game changer? Here we go!
It makes sense, doesn’t
Google+ enhances brand visibility on Google search results, thus providing better lead over other distinct social media platforms. Google+ provides you the best platform to boost traffic to your website.
It’s high time you shouldn’t overlook Google+ because its demands are soaring high and stands beneficial in your social media marketing efforts as an ideal addition. Google+ enhances brand visibility on Google search results, thus providing better lead over other distinct social media platforms. When focusing on SEO strategy, many more brands are clinging to Google+. Though adding followers are an integral part, but brands are into taking out that superfluous SEO link juice from Google+.
As the number of visitors increases because they get engaged with you via Google+, thus the prospective traffic channels to multiply vigorously. If the engagement is with Google+, then it signifies a new set of methods and excellent practices. Here are the 10 best ways to drive more traffic to your website through Google+, that are discussed below.
1. Optimize your Web Page Info: You should firstly edit your Google+ web page information so that it matches with Google’s directory. You should add Meta title (tag-line) and description with related links (intro) in the ‘About’ tab on the web page with 1-2 keywords.
2. Include Google+ Buttons to Your Website: In order to progress
Check out the common ways of moving a website from one platform to another and learn why automated migration is the best way to move Joomla to WordPress!
Choosing the right CMS is a significant step in managing the process of further website performance. It’s never easy; every platform has its pros and cons. Consistently, after spending time handling the content management system, which doesn’t give the full list of opportunities, the dilemma of the CMS shift appears. As the website is growing bigger, the question of the future platform becomes a priority to keep it developed up-to-date. The reasons for transferring the website from Joomla to WordPress can be various. Let’s shortly overview why WordPress is so popular and what is the secret of its success in comparing to other platforms, including Joomla:
an amazing website functionality. The ease of website management is delightful not only for the beginners but even pros;
a diversity of the plugins and themes. It empowers the platform possibilities and gives the WordPress an endless opportunity of customization;
an incredible SEO-optimization. A platform is stuffed by different search engine capabilities like on-page SEO, permalinks, title tags, headings, etc. As it was mentioned, the assorted specialized plugins will make your website ranks fly up;
the platform updates.
WordPress is an easy to use and fully customized CMS platform ever. Here you can find some notable points Why you should consider WordPress for your business website development.
You might have heard and come across WordPress, the content management system, though few may not have used it yet. The web design professionals are using the WordPress excessively that assists in running your website, business page or blogs. You should actually pick WordPress because its cost is reasonable, the setup procedure is quite easy, wide ranges of best WordPress plugins are accessible, magnificent templates are designed, and content management is creative and simple. We’ve discussed below few notable points why you should choose WordPress business website?
Open Source Platform: WordPress is considered as an open source and can be used freely for personal as well as commercial business purposes. There is no charge for it or no limitations for coding because you can work on a small web page or large news magazine free of cost and no pauses will come in between.
Brilliant Theme Choices: Web design experts craft superb free and premium WordPress templates that are accessible online. Whichever template you like, you can download them and execute them for your own website. Professional web designers come up with ample eye-catchy themes that appeal to the visitors. If you want
This is an in-depth step by step guide to adding CPT to WordPress without code. In the past, you had to manually code CPT content you created using CPT plugins like ACF. Now, you can use Elementor to visually edit and style your dynamic content.
WordPress is not just a blogging platform. By using Custom Post Types, you can build all kinds of complex websites, turning WordPress into a full content management system. There are several plugins, including Elementor, which help you manage custom post types and build content that is custom fit to your needs.
Whether you are interested in adding movie reviews, real estate listings and even WooCommerce products, all this functionality is possible thanks to custom post types.
Post Types are “types of content”, grouped in a structured way within WordPress. Because WordPress’ most famous post type is called “Posts”, it is easy to make the mistake of thinking that Post Types are inherently about WordPress Posts. But a Post Type is a generic term that encompasses all types of content.
Currently, there are 8 default WordPress post types.
User Data Request
Most users are familiar with the two most common post types: Posts and Pages. Although similar, Posts are time-based listings while Pages are hierarchical in structure, with Parent > Child relationships. Also, Posts make use of taxonomies
The Millennial market an important one, but often difficult to attract using old school practices. Learn how to use your website to attract Millennials.
Did you know that Americans aged 25 to 34 had the highest monthly internet usage recorded in 2017? It’s no secret that with more and more people going online globally, we’re more connected than ever before. But the one group you should be considerate of are the Millennials. It’s an important market that is often difficult to attract using old school practices. In this article, we’ll go over how you can use your website to attract Millennials. Classified generally as individuals born between 1980 and early 2000s, Millennials are not only utilizing the internet the most, but they’re known for expecting transparency, personalized experiences, and a deeper social impact from brands with whom they engage. The big question is, is your website built to speak to them? And if not, how are you going to build a website to attract Millennials and engage with them in an authentic way? Think about the statistics below to orient you to the way a Millennial thinks and operates.
They touch their smartphones 45 times a day.
They are far less likely to buy something because it’s convenient, something many companies capitalize on. Rather, they’re
Learn how you can import Blogger to WordPress making no harm to the blog. Fast, uncomplicated and fully automated solution!
Although Blogger is a good starting point for your blog, if you are serious about your web project development, you’d better leave Blogspot and move forward to WordPress, undoubtedly #1 CMS platform in the web-world. Many users choose Blogger as a home for their blogs just because this platform is free and all who have a Gmail account, on default become an owner of a Blogspot-powered website. But free rarely means good. In case you want your blog to be a fully-functional, eye-catchy and interesting place to spend time on, you’d have to pay “a cent” for its expansion in order to get “a dollar” as a reward.
In this post, you will learn how to import Blogger to WordPress with minimum efforts made and with putting no harm to your website.
The first step on your Blogger to WordPress journey is signing up to CMS2CMS automated migration service. For this provide your name, email, choose a password and that’s it. You can also log in via Facebook or Google+ account if you have one.
After that, you have to indicate the website you are going to migrate FROM. Obviously, in this case, it will be Blogspot. Choose Blogger from the list of the provided
The usability issues we've encountered in Profile Builder and how we solved them by acting on user feedback. Graphs included.
Improving your product’s user experience is an ongoing task. Or at least, it should be. Adding feature after feature in the hope of attracting more customers can easily become the norm and usability starts suffering. Without focusing on the big picture and constantly asking why, it’s easy to get off track. We’re guilty of it as well.
Usability, or simply put, ease of use, should be your number one priority. Trying to be everything for everyone is a clear path to disaster.
This is of course, easier said than done.
In this article, we’ll summarize the usability issues we’ve encountered in Profile Builder , our first and most popular plugin, and how we solved them.
Keep in mind we’re by no means usability experts, just constantly trying to improve our products.
How do you know you have a usability problem?
In order to fix it, you first need to be aware it exists.
So we did something we should have done a long time ago, which is ask users who install, use and then remove Profile Builder from their website, what’s the reason for it.
Just ask people why they stopped using your product and you’ll be surprised by how many are willing to share
Mike “Shredder” Schroder is joining GoDaddy as a full-time WordPress core contributor alongside Aaron Campbell.
Contributing back to WordPress WordPress powers a third of all websites on the internet, and it’s used far more than any other CMS. The crazy thing? It’s entirely free, thanks to the amazing work of volunteers.
We have WordPress because of volunteers, who contribute millions of hours by:
Writing the core software
Creating themes and plugins to extend WordPress
Writing translations and documentation
Organizing WordCamps and meetups
Running WordPress.org and the WordPress Foundation
…and a lot more.
The community of volunteer contributors is what makes WordPress great.
At GoDaddy, we have millions of customers using WordPress — more than any other traditional host. Over the years we’ve contributed back to WordPress through:
Sponsoring Aaron Campbell, the WordPress Core Security team lead, as a core contributor.
Creating and contributing ten themes to the community, some of which are on WordPress.org’s Most Popular themes list.
Contributing the Contact Widgets plugin to the community, which now has over 500,000 active installs.
Contributing translations to WooCommerce, Beaver Builder, Ninja Forms & more.
Contributing user research to WordPress UX,