Dashways Logo

Elementor is the number one and perhaps the most famous page builder for WordPress. If you are looking for a reliable page building plugin to build your WordPress website, the free version of Elementor is probably my number one recommendation over all other popular page builders. The Elementor builder plugin is perfect for beginners, but also provides powerful functionality and customization for advanced users. Elementor saves you so much time no matter if you are new to building websites, or if you have been building websites for years and require creating complex layouts.

Elementor Pro on the other hand, is not something that everyone needs. The free version of Elementor has all tools you need to create a complete and custom website. With Pro, there are some feature additions to it that gives you the ability to easily create more powerful websites. Is Elementor Pro worth it? It really depends on the type of website you are building.

Rather than looking at how others are using Elementor Pro, I analyzed own usage and picked out biggest effect elementor Pro has on the way I build websites.

Is Elementor Pro Worth It?

Let me start of by saying that Elementor Pro is very well worth it if you are trying to create websites that require dynamic functionality, conditional display, custom page templates and cool animations and effects. It also comes into handy if you need to do modifications to the theme, WooCommerce and even WordPress itself. It is loaded with plenty of advanced options that lets you create really cool and functional websites.

However, if you are creating a basic 5-page business website, Elementor Pro is really not necessary. You don't need the premium features such as custom templates for this. In fact, I have built more websites with the free version of Elementor than the pro version.

Rather than going into too much details, let me show you how I would use Elementor Pro and give you some examples of the kinds of websites that can be built with Elementor Pro.

Dynamic Functionality

Dynamic functionality helps to link your entire website together in a cohesive manner.

If I am looking to build a website that is able to display frequently updated content, that's when I will consider adding in dynamic functionality and advanced features.

Take for example, if I often run promotions and events for my business and want to showcase them on my website, I will want a system that makes it easy to update the information and content on the backend (with the help of custom post types and custom fields), while having it automatically display all these latest content into different areas on my website, such as the homepage and my dedicated promotions and events pages. This is called dynamic functionality.

There are some basic dynamic functions you already have in the free version of Elementor. One example is that you are able to add a "Latest Blog Posts" section into an area of your homepage. However with the pro version, you can do much more than just blog posts. You can even customize precisely how each dynamic content is being displayed.

Elementor Pro unlocks dynamic functionality within the page builder itself, making it really simple to create such advanced websites.

Custom Page Templates / Theme Builder

Besides dynamic functionality, the theme builder function is one of the pro features that I frequently use with Elementor Pro.

You now have the ability to customize almost any part of your website, such as your single post templates, single page templates, single product templates, blog post templates, product archives, blog post archives and more, which you have to otherwise do so by custom PHP code.

There are many uses for the theme builder. It is very customizable. Here are some specific examples of what I can do:

  • Display ads on selected pages
  • Display specific ads or even no ads on selected blog categories
  • Remove my header at the checkout page to reduce distractions
  • Add a call to action or disclaimer notice to selected blog posts
  • Enhance my WooCommerce product page with a video hero
  • And many more…

With some some of my clients that require very specific functionality, I find that Elementor Pro is able to help me do the job with ease.

Cool Animations & Effects

The free version of Elementor comes with basic CSS entrance and exit effects, which is good enough for most website owners, depending on their needs. In fact, I tend to go light on animations and effects especially for business websites, where practicality and ease of use have more priority.

However, if you are trying to create a highly interactive visual masterpiece, Elementor Pro is an awesome tool that will help you achieve that. You have access to more advanced effects such as mouse tracking, scroll effects and more, without the need for extra coding.

Ever seen a website where things fly across, comes in and out of focus and dazzles you with their interactive effects? Elementor Pro has the capability to help you create such websites with relative ease.

Developer Friendly Features

If you are a Pro user, you also have access to a custom CSS editor within the page builder itself. You no longer have to create custom stylesheets for the smallest of adjustments. Website building is much more efficient and enjoyable when everything can be done in just one single tool. Pro widgets are also available for pro users, such as flip boxes, a contact form builder, countdown timers, custom sliders and more. This minimizes the need for additional third party plugins.

My favorite of them all is the ability to create custom sliders. Previously, I had to use additional plugins to create my custom sliders. With Elementor Pro I can create these sliders with ease and have full customization ability with the Elementor page builder itself.

As a bonus, Elementor Pro also comes with a basic popup builder tool too which you can use as a marketing tool to build an email list. It has several cool features like exit intent and other triggers. It is not the most advanced popup tool in the market, but it does the job. However, I do find myself using other popup tools most of the time though.

More Reasons Why Elementor Pro is Worth It

Here are other reasons that may also make Elementor Pro well worth it for you.

Access to Kits Library

Elementor Kit Library

The Kits Library by Elementor is simply awesome! If you like your websites to have a modern feel with a designer's touch, you will not go wrong with this kit. The designs here have very fresh styling, with sophisticated design elements and beautiful color palettes. The subtle animations in some of their designs give it a very refined touch too.

Also, unlike section and page templates, these are pre-design templates for your entire site. If you ever piece together different pre-designed sections and pages for your website, you will find that you end up with a website that is not cohesive and consistent in design. Since the Kits Library provide you the template for your entire site, you can avoid this mess in just one quick import.

Lower Development Costs

Custom PHP Code

With Elementor Pro, you can build a website that rivals other websites built entirely from code (which are way more expensive to build due to the expertise required). This lowers your development costs, giving you a bigger profit margin.

Or, you can pass on the savings to your clients, putting yourself in a more competitive position.

Minimize Custom Coding

A fair amount of knowledge in PHP and Javascript is required if you want to replicate what Elementor Pro can do with custom code. With the pro version, you no longer have to rope in a programmer to help you with custom coding, which once again lowers your development costs.

Build You Own Functionality (Rather than using a special theme)

Before Elementor Pro, we would build websites by finding a theme that has the closest functionality to what the website requires. We usually find the functions we need across several themes. However, just can't seem to find the perfect theme that does it all.

The beauty of Elementor Pro is that it lets you build your own functionality with the theme builder, so you never have to settle for a rigid theme again.

Who is Elementor Pro For

Elementor Pro is generally suited for more complex websites that require more functionality. A website running the free version of Elementor could even move over to Elementor Pro if an "upgrade" is needed. Here are a few scenarios where Elementor Pro is likely to fit you well.

For Website Owners that Update Content Regularly

If you update content regularly on your website, then it makes sense for you to have Elementor Pro to help you display your latest content to the most important places, such as your homepage.

Examples of where Elementor Pro works well are listing and directory websites. Once example would be a music school where you want to display a list of music teachers.

To Create a Visually Interactive Website

If the goal of your website is to impress your viewers with interactive visuals, Elementor Pro is a great tool for this. They have plenty of advanced animations and effects that adds magic to your website.

For Websites that Require Very Specific Functionality

Majority of the WordPress website that I have created requires some form of custom coding to the CSS or theme files. There's no one perfect tool that does all. However, Elementor Pro makes it really easy to achieve lots of these requirements without the need for any code.

Whether it's modifications to my WooCommerce cart page, or my blog archive pages, I am able to do it with ease using Elementor Pro.

Who is Elementor Pro Not For

Elementor Pro is a powerful tool, and it's really not required or even meant for basic websites. Here's where Elementor Pro is not needed.

If You Are an Absolute Beginner

If you are a beginner to website building, chances are you will not be building a dynamic website as your first website. There are many other web design techniques you should learn and master before moving on to learning and creating dynamic websites.

If It's for Simple Business Websites

If you are only creating a simple website for a business, you will likely not utilize the additional functionality that comes with Elementor Pro.

If You Seldom Update Content on Your Website

Some websites are just created to display business information, like your location, opening hours, services, etc. These are information that hardly changes. The free version of Elementor is all you need to create such websites.

Elementor Pro Pricing

Here's Elementor Pro's pricing at the time of writing. Do check back on their pricing page to ensure the most updated prices.

Elementor Pro Pricing Table

Elementor Pro Pricing Table

My Take on Elementor Pro's Pricing

With their price of $49 per year for a single site, it's not just a good deal, but an amazing deal, considering the amount of third party plugins that you not only have to obtain / purchase, but maintain and ensure their cross-compatibility everytime you run your updates.

But the real value is where Elementor Pro can easily save you thousands of dollars on custom coding. You can create functionality only imaginable in a fully custom theme created from scratch by a theme developer, built specially for you.

Remember Elementor Pro is not just about their premium widgets (which I really love too), but the ability to transform your website into a custom one that feels like it was designed from scratch by a programmer.

Pros & Cons

As much as I love Elementor Pro and use it myself, I find that there are certain areas that are lacking. There are, however, other plugins to fill in the gap. Here's some pros and cons to give you a quick rundown on Elementor Pro again.

Pros

  • Ability to create dynamic websites
  • Ability to build a "custom theme"
  • Access to beautiful pre-designed templates
  • Advanced animations and effects

Cons

  • Lack of ability to custom design a loop item (solvable with the free Elementor Custom Skin plugin)
  • Lack of built-in custom post types (solvable with Custom Post Type UI or JetEngine plugin)
  • Lack of advanced filtering functionality (solvable with FacetWP or JetSmartFilters)
  • Known to be slightly bloated especially if website is not optimized (caching, minifying, etc)

Final Words

Elementor Pro has lots more features and functions that I have not mentioned in this article. What I have discussed so far are they ways Elementor Pro has impacted the way I build websites the most significantly.

I'm sure you'll be able to find more uses of Elementor Pro, and find out what's important when you try it out on your own.

Ultimately, I feel that Elementor Pro is very worth it if you have the proper usage for it. It will help you to cut down on many other third party plugins, and even do things that only can be done through custom coding.

I no longer recommend custom PHP coding as the default approach for my own clients' websites. Instead I work on their requirements with Elementor Pro so that I can complete the website much faster and at a cheaper price point, as I no longer have to pair up with a programmer to create basically the same website.

Check out Elementor Pro here.

What is Responsive Web Design? How Does Responsive Web Design Work?

Modern web design trends have focused on responsive web design. To put it simply, responsive design is the practice of designing web sites in a way that makes the site look good on whatever device is being used.

This might mean that the layout, features, content and media of a site looks different on a mobile phone than it does on a tablet or a desktop computer, but the site should still be usable and responsive to the device being used.

Increasingly, sites are being created that are responsive to the screen size of the device being used to view them. These are known as Responsive Web Design or RWD sites.

The term 'responsive web design' is also used to describe a design approach that adapts the presentation of a website to the device or platform being used to view it, usually on the fly and without requiring the user to refresh the page or click a link. For example, if you’re viewing a website on a mobile device, your browser will probably detect that the page is being displayed on a mobile device, and automatically render it using a mobile-specific style sheet.

This gives you a less cluttered view of the page while still showing you all the content, without having it being cut off or otherwise look and feel bad.

Why is Responsive Web Design Important?

Responsive Web Design

I've written an entire blog post about this topic about why responsive design is important. In short:

  • It improves your SEO rankings
  • It makes it usable on all devices, especially on mobile which has the biggest share of traffic
  • It improves lead generation, sales and conversion rates

The Two Main Methods of Responsive Web Design

Over the years, responsive web design has evolved into an intuitive approach. How we design responsive websites today is very different from how we do it in the past. Let me explain how this is done in the past, and now.

In the Past: Serving Two Different Sites Depending on Device

Previously, websites were designed based on fixed pixel sizes. This was done with the desktop user in mind, since they were the majority share of web traffic back then.

When mobile usage started to rise, web developers started to cater to this group, by creating a mobile version of the same site, usually with highly stripped down features. The mobile version will then only be served to the visitor if it's detected that the visitor is on a mobile device.

This meant that there were actually two deployments of the site, the main site and the mobile version. And if your website does not have a mobile version, it is a big pain trying to use it.

During this period, mobile users were still relatively low in percentage, simply because the experience of surfing the web on a mobile device was not great.

However today, with almost everyone owning a powerful smartphone, mobile web surfing is a whole new ballgame. And developers started to realise that were many disadvantages or creating a mobile version of a site, which I will be going through later.

Now: Serving One Site that Adapts to the User's Device

Responsive Website Animation

Today, responsive web design heavily relies on CSS, a style sheet language, to make the very same website responsive to all devices based on a fluid layout.

The web designer needs to understand that it is important to design websites with responsiveness in mind, and not be fixated on a single screen size, especially with so many devices and variations on the market today.

With this method, there is only a single deployment of the site, which brings about so much more benefits as compared to how it was previously done back then.

Now vs Then: Advantages of Modern Responsive Web Design

Modern responsive design comes with so many more benefits over the outdated way of serving two different sites depending on the device. Let me list the benefits here.

Easier Maintenance, Saves Time, Eliminates Hassle

Responsive Web Design Site Updates

The first advantage is that you only need to keep one site updated. This dramatically saves you time and eliminates a lot of the hassle of maintaining two different sites that serve the same content.

Apart from content updates, performing regular plugin updates is also critical in a security standpoint. Having one version of a website with a responsive layout means that you only need to go through the hassle once.

Optimal SEO Performance

Responsive Web Design SEO

By having two different sites, you are diluting your SEO efforts, simply because search engines treat them both as different sites. This not only causes duplicate content (which Google does not like), your backlinks to your site that you worked so hard for, will also be split into either one of the two sites.

Furthermore, it is really difficult to choose which version you want as your main site, as web traffic is so spread out from different devices these days, which just causes more confusion on where to direct your SEO efforts to.

Ability to Cater to Devices In Between Desktop and Mobile

Responsive Web Design Tablet

With the old method, you have only two versions of the site, desktop and mobile. This means that other devices that fall between may not be able to load an ideal layout on their screen. This could lead to content cutoffs, or unoptimized font sizes.

With alternative devices today such as tablets and oversized smartphones, our website needs to cater to much more than just desktop or mobile. We need to take a more fluid approach to responsive web design that is able to load perfectly on any screen size, for both the desktop and mobile user.

Principles of Modern Responsive Web Design

Designing responsive websites requires a good grasp of CSS and how we use it to create fluid layouts.

How does responsive web design work? For a comprehensive guide, make sure to visit this guide from W3Schools. Here are some of the most important concepts for responsive website design.

Fluid Grid

Design used to be based on a fixed grid of 960 pixels, divided into 12 or 16 columns. Then it became adaptive with different pixel sizes at different screen sizes. Now we typically use a fluid grid, also known as a flexible grid, which are based on percentages instead.

In fluid grids, we do not think in pixels anymore, rather we think of the entire grid being divided into manageable columns. With knowledge of CSS, we can then stack these columns up according to how we want it to, which is generally more focused horizontally on desktop views, and vertically on mobile views.

As the screen size of the browser window changes, the columns themselves also change in a fluid manner. Inside these columns, our content and elements will be adjusted in relative to the parent container.

Fluid Images and Media

Images and media should be sized in relative units rather than in absolute dimensions such as in pixels. This ensures that your images and media displays how you want it to be no matter the screen size. You will also not have to worry about images being too small on desktop or too large till it gets cut off on mobile.

Here is a great video by Google Chrome Developers on how you should be managing responsive images.

CSS Media Queries and Breakpoints

Another approach to responsive web design is to use media queries to give you a more fine-tuned process to display your website contents. Media queries are also often used in conjunction with the fluid grid system for a well-covered responsive website. It can also be used by itself as a more adaptive design approach.

Media queries help you to set certain CSS properties and layouts depending on the size of the screen, and we use a breakpoint to determine the screen size the visitor is on. We can also use as many breakpoints as we want, giving extreme flexibility to our website layout.

On my homepage, you can see that I have an obvious breakpoint for the mobile view. My layout has been designed to be generally more vertical-focused, while still keeping with the design flow. I've also dropped some graphics elements that I felt was not necessary in the mobile view.

Desktop Web Design
Mobile Web Design

Using Relative Units & Min and Max Values

Relative units ensure that our content is displayed at an appropriate size, whether you are browsing on a smaller or larger device with higher screen resolution.

Take font size for example. Using relative units such as 'em' or 'rem' instead of absolute pixel sizes, we can make sure our font sizes are displayed in relative to the parent element's font size, or the root element's font size.

With media queries, you can still specify absolute units depending on the screen size. So ultimately, this is a very flexible approach that each designer can choose to take.

Should I Design Mobile First or Desktop First?

This is a question many web developers ask themselves before commencing on the project. I personally do not think that there's a right or wrong answer, but there are benefits from choosing one over the other.

What's the difference between both?

Mobile first simply means that we start designing our website based on a narrower screen size like how we view on a mobile device. Whereas a desktop first approach just means that we start designing based on how we want the desktop version to look like first.

Is there a benefit of using any approach?

There is a slight benefit in terms of load speeds for whichever you choose to design on first. So if you choose to have a mobile first approach, your page will display faster on mobile or smaller devices, because your CSS and media queries will be loaded earlier.

However, all websites have different requirements, and some of them are just much easier to design with desktop first. This is especially if you or your client prioritizes a very specific desktop layout.

So I generally would not harp on too much on which approach is used, as both gets the job done and the end user experience is similar.

Mobile First Indexing vs Mobile First Design Approach

They both refer to two very different things. Mobile first indexing is just a search engine's way of choosing a mobile view of your website to base it's indexation on, rather than the desktop view which was traditionally done.

Mobile first design approach on the other hand is whether the web designer chooses to design a website for mobile view first, then optimize it for desktop.

Some Tips on Responsive Web Design

Here are some useful tips I have when you are designing for a responsive website.

1. Watch your margins and paddings

I've came across websites with zero screen padding on mobile view. This creates a very unprofessional look and may even display a lack of design sense. Too much padding is also another problem where your content will be squeezed into a narrow column, making it both difficult to read and making your website feel out of proportion.

2. Use minimal animations on mobile

I get that some owners want to impress their visitors with fancy animations and high quality graphics. This is totally fine, but I would suggest keeping that to the desktop view only. On mobile, everyone tends to be a little more fast paced, and it's important to get your visitors to your content with the least resistance possible.

3. Don't Neglect Ultra Large Screens

A common mistake I see web designers do is that they optimize the site layouts for all kinds of devices from desktops to mobiles, but they skip out on on larger screens. Although not as common, some visitors may use an ultra large screen such as a 32in iMac. Depending on what kind of approach you use to align your elements, such as using floats, your website may just fall apart on these larger screens.

4. Users Can't Hover on Mobile

With a desktop, you have a cursor to hover over elements such as flip boxes. However on touchscreen devices like our mobiles phones, the :hover pseudo-class will no longer work. It is therefore important to make sure the experience on the desktop can match the one on mobile.

5. Make Sure the Page Does Not Require Side Scrolling or Has Content Cut Off

This happens usually on mobile devices where the content is larger than the screen. Depending on the relevant CSS overflow property, you website may require side scrolling (which provides a terrible user experience), or is entirely cut off (making it impossible for the user to see). Make sure to wrap your content properly and avoid this at all cost.

Listen to this post

Why is Responsive Web Design Important?

In the past, websites were designed to be viewed on specific devices. However, in today’s world, users use a variety of devices to access their favorite websites. In fact, it is estimated that 80% of shoppers begin their shopping on a mobile device.

This means that it is crucial to your business’ success in 2021 and beyond to have a website that is optimized for all devices, especially mobile devices. Otherwise, you are missing out on a significant amount of potential customers.

In fact, as of 2021, over half of the online traffic is coming from mobile devices, and this is expected to continue to grow in 2022 and beyond.

As more and more people are using mobile devices to look for products, it is important for businesses to ensure they are mobile friendly and are not missing out on potential customers, by having responsive web designs.

Here's Why It's Important to Have a Responsive Website

Why is responsive web design important? Here are 7 reasons I would like to share with you today.

1. To Improve Your SEO Rankings

Improve SEO Rankings

Google is aiming to make the mobile web more accessible to consumers, by prioritizing mobile-friendly websites in their search results. Since 2019, mobile first indexing has been Google's default indexation method for new websites. If your website is not responsive today, it could mean that your customers may not even find you on Google.

Having a website that is responsive or adaptive will help you rank highly for search terms. This will increase user engagement and traffic to your site as you'll be able to rank for those terms that people are searching for in such a way that they find what they're looking for immediately.

This is no surprise that lot of SEO professionals recommend using mobile responsive web design for all websites, as responsive website design plays a part in today's SEO and search engine algorithm, and is one of the few ranking factors of Google since 2015.

2. Mobile Users Have a Bigger Share of Traffic Than Desktop

Not only are there more mobile devices than computers in the world, but more of them have fast internet connections than ever before. Based on this market research, mobile users have been the majority share of traffic since 2017.

This means that the traditional way of designing websites for just the computer screen is a very outdated approach. It is already time for us to pivot to a mobile-first approach to web design.

3. Makes it Usable on All Devices So You Never Lose Customers

Now you know that mobile users make up the majority share of traffic, you should be making sure every page on your website is fully responsive for all devices. Mobile users need to have the same experience as a desktop user, even if they have a smaller screen size.

They should only need to scroll down the page, and not have to pinch and zoom, and scroll sideways. This will prevent customers from getting disappointed by the difference in screens, which helps to maintain or improve your bounce rates on all screen sizes.

4. Increase time spent on page, lead generation, sales and conversions

Mobile User

If your website is not responsive, customers are unlikely to take the effort to go through your content if it does not display well on your screen. For example, if your text is too small, your viewers will have a hard time reading your content.

Today, most users will simply leave your page, knowing that they can find content elsewhere. In fact if you do not implement responsive design in your website, viewers will have the impression that it's out of date or even broken. If you are running a lead generation campaign or generating sales online, you will have a hard time convincing the customer to submit any of their personal details on a website that is not functioning properly in their eyes, and it leads to poor conversion rates.

You need to understand that unresponsive websites are a huge conversion killer, and have no place in today's website standards.

5. You Get to Selectively Show Certain Elements and Contents Depending on the Device

Responsive Web Design

When you are using a desktop, you have a larger screen and you are usually on stable wifi or ethernet. Depending on the type of industry you are in, a good web designer will make use of this opportunity to integrate eye-catching features such as animations, high resolution graphics and interactive elements to display on higher screen resolutions.

However on mobile devices, most users will appreciate websites that omit all these features, simply to have a better user experience such as faster load speeds, less data usage and getting to the content quickly. Most of the time, mobile users just want to reach your content as fast as possible. So by selectively removing certain design elements depending on their device type, you will be improving the user experience. This is an important technique for responsive design.

6. A Frustrated User Will Visit Your Competitor Instead

Imagine running expensive marketing campaigns such as SEO and paid ads, only for viewers to immediately leave your site and find a competitor instead, just because your content does not fit well on their screen. You are in fact providing free marketing to your competitors.

A frustrated user will always remember the experience he or she had when they were on your website. It is not a good impression, and that's where a well planned responsive website comes in to serve customers no matter the device they are on. Do a search on Google and see how many of your competitor's sites implement responsive design, and you will have an idea of where your website stands.

7. Remember that People Don't Just Browse the Web, They Shop Online Too

Ecommerce Mobile

Nowadays, the e-commerce customer journey usually begins on mobile. People are reading personal emails and newsletters on mobile apps. These promotional campaigns will usually have a call to action that leads users to their e-commerce site or a promotional landing page. If everything runs seamlessly, you should be able to see high conversion rates.

But, if your site does not display well on their mobile devices, it is a huge obstacle for the user to move to their desktop to continue the journey, which ultimately defeats the purpose of the well thought out marketing campaign. Therefore all kinds of websites, including e-commerce websites, need to implement responsive web design.

How Do You Check If Your Website is Mobile Optimized?

Actual User Test

Well the first thing is to simply load your website on your mobile device and make sure you to do an actual user test. Your goal here is to focus on responsive web design. Here are some key points to look out for:

  • All font sizes are readable and not overly large or small
  • Content should not be cut off
  • Layout should have reasonable margins and paddings
  • There should not be any side scrolling needed to navigate around your website
  • You should not need to be zooming in unnecessarily to view any of your content

Google Mobile-Friendly Test

Click here to access the Google Mobile-Friendly Test tool

This is a crucial test because it involves Google, and we rely heavily on them for our SEO. This is more of a technical tip than a design tip, and is a tool for you to check if your website's mobile version is considered mobile-friendly according to Google's eyes.

Plug in the URL of the page you want to test from your website, and the app will analyze it usually under 1 minute, and give you the results immediately. It is important that you pass this test on all your pages, so that you will have a better chance of ranking on the search engines.

What you want to see: Page is mobile friendly

Page is mobile friendly

What you don't want to see: Page is not mobile friendly

PAge is not mobile friendly

Simulated Browser Testing

In order to check if your website is responsive on all devices, does it mean that you have to own all of these devices? Of course not. There are ways to simulate browser testing with free or paid platforms. A great free tool that I use to check my sites for responsive design in my initial testing is Chrome Developer Tools.

Chrome Developer Tools
Chrome Developer Tool

If you would like a more accurate simulation, you can also use this responsive tool from BrowserStack, where you can load your URL and test your website interactively on over 2000+ browsers and devices.

BrowserStack
BrowserStack

So I have outlined why responsive web design is important. It allows for better SEO rankings, increase conversion rates, lead generation and sales opportunities. I hope this blog post has been informative in deciding whether to update your website or redo it with a responsive layout. Enquire about our responsive web design service for a great starting point.

WordPress began in 2003, originally created as a blogging software. Today, it's is an effective platform for building all kinds of websites, not just blogs. This article will help you understand whether learning WordPress could be essential to increasing your business's online presence. Ultimately, this will help you determine whether this website building technology is worth your time, and whether is WordPress worth learning.

According to Search Engine Journal, WordPress powers almost close to 40% of websites in 2021, a staggering amount that has kept growing year after year. If you are undecided between platforms, the numbers itself should convince you that WordPress is indeed worth learning just because it's that popular. No matter if you have no knowledge in creating websites at all, or you're an expert WordPress developer, WordPress is by far the platform of choice for people of all levels, for many years to come.

Is WordPress Worth Learning Today? Here are 12 Reasons Why

Here I will talk in detail on what makes WordPress so compelling to learn. These 12 reasons will answer your question: is WordPress worth taking your time learning?

1. WordPress is One of the Easiest and Fastest Way to Build Fully Functioning Websites

Is WordPress worth learning

Building a website can be extremely frustrating and time-consuming. However, using a CMS (content management system) like WordPress makes it remarkably easy to build functional websites that has broad appeal. To quickly launch a website and keep it promptly updated, it's vital to use a a system like this. Furthermore, you can choose to develop your site with a drag and drop style page builder with a friendly user interface, or cut the time down by finding a theme or template that closely matches your design requirements.

You can then further enhance the functionality of your site by installing plugins from a huge repository of over 50,000 plugins, for many functions such as e-commerce, popups, email marketing, contact forms and more, creating the perfect site for your projects, without the need of any coding skills, or without the need to hire a developer. Once you have created your first website with WordPress, I can assure you the subsequent ones will be a breeze.

2. When You Know How WordPress Works, You Will Have an Easy Time With Many Other Platforms

By creating your first WordPress site, you will naturally learn many aspects of web development such as site structure, page titles, how URLs and slugs work and much more. With all these concepts and technical skills at your fingertips, you will no longer get lost in the world of web builders and CMSes. Website building generally follows the same set of rules, and WordPress exposes you to all of that, making it a great platform for learners.

3. There are Many Courses and Communities Available on WordPress for All — Beginner to Advanced

Oxygen Community

Being such a popular platform, this space sees a huge demand for continuous education and knowledge. Many professionals, instructors and industry experts are filling the demand with extensive courses on different aspects of building websites on WordPress, from design to development. Take a look at places such as Udemy and Skillshare if you want a structured and comprehensive learning approach, or even on Youtube where many creators are providing helpful lessons for free.

You will also be able to find lots of communities and groups that are dedicated to all the the various facets of WordPress. If you would like to work with a web building ecosystem that has incredible and responsive community support, as well as tons of guides covering all segments and topics you can think of, then WordPress is where you want to be because of the huge community. A fellow WordPress user or an vetera developer is always there for you to connect with.

4. WordPress and the Community are Always Pushing the Development Boundaries

Thousands of developers, programmers and tech entrepreneurs are being attracted to develop their products alongside WordPress because of how strong of a demand and market share it has, together with a huge and loyal community of users. Plugins and page builders are getting more and more sophisticated each year, with functionalities so powerful that constantly keeps us amazed. This high level of development also creates healthy competition in the marketplace, which ultimately benefits the users like us.

WordPress themselves are also constantly improving on their core system, always finding ways to improve the usability and experience. Gutenberg is an example of one of their latest projects that improves the editing experience and makes it easy to customise your content and layout according to today's modern standards.

5. Huge Repository of Plugins, Themes and Page Builders

WordPress Plugins

I need my website to do "this". Chances are, there's a plugin for that. With thousands of plugins covering different uses, you can easily find a plugin that provides the function you require, skipping the need for complex custom programming, which takes up a good chunk of your money and time. Built for the masses, plugins and themes can then be priced much more affordably for the individual, while developments, upgrades and improvements to the WordPress plugin and WordPress theme continue to moves forward.

Page builders, such as the ever so popular Elementor, are so well developed and polished and they help you to create the exact design you want, without the need to code up complicated CSS stylesheets like you would have to when building websites manually. There are also plenty of themes and templates of different styles and designs for you to deploy as a base for you to make customisations on.

6. Being a Content Management System, It's Designed for Easy Updates and Management

WordPress is not the only CMS in the market. But the fact that it is, makes it a compelling choice for website owners that need to keep their website frequently updates with news, blog posts, promotions and all kinds of content. A CMS helps to separate content from code. WordPress is helping to keep your database well organised, while the site owner only needs to post the content via a content editor without needing to make adjustments to the code on the back end.

In contrast, a site developed in a static manner (without using a CMS), requires you to make lots of changes to the code just to add a small piece of content, certainly a situation far from ideal if you are trying to keep your online presence consistently updated.

7. It's Open-Source and Self-Hosted

Companies come, and companies go. We witness the closure of businesses all the time and it is prevalent in the online space too. The last thing you would want for your website is to be locked into a proprietary system where your website goes down together with the company. This is why an open-source platform like WordPress helps you to retain control of your content and assets that you have painstakingly built over the years.

And by having your website self-hosted, you are free to change over to different hosting or service providers for all kinds of reasons such as pricing, performance and quality of support. You never have to subject yourself to a situation where your hands are tied.

8. You Don't Need to Know How to Code At All

You can launch a website on WordPress without ever needing to know any code. WordPress is designed in a way that it can be as simple or complex as you want it to be. Your website can be fully functional without the need to input any code, or you could add in some custom functionality with just basic code.

If you busy managing your business, it is probably unlikely that you have the time to tinker on code. WordPress is 100% suitable for you for this case.

9. WordPress is Fully Customisable on the Front and Back End

If you decide to advance yourself and learn PHP (the programming language WordPress is based on), CSS and Javascript, then you have a world of endless possibilities to tweak just about every single aspect of your website.

If your goal is to become a website designer or developer, you never have to be worried about working on a platform that restricts you from making changes to the back or front end, because this is absolutely not the case with WordPress. You are able to modify almost anything in WordPress to your heart's content, or even create a custom theme specially for your website.

10. WordPress (or Website Building) is an Essential Skill Today for Owners of Businesses, Personal Projects and Side Hustles

Small Business

With the side hustle and online entrepreneurship culture being the in thing these days, having the skills to build and launch your own websites could help you put your brilliant ideas into execution quickly and easily. If you can build a site on WordPress, you can very well turn your business ideas into reality, with minimal cost and time. You will have the ability to create a vehicle that could help you effectively drive your business to where it needs to be.

Today, having an online presence is really key for businesses no matter the trade. By having some basic skills in WordPress or web design will get you an edge over your competitors.

11. It is Very Versatile in What Can Be Created (Business Site, Blog, E-Commerce, Directories, etc)

WordPress has came a long way since it was originally built as a pure blogging platform. Now, with all kinds of plugins imaginable, we can easily create all kinds of websites, from a simple website for a service-based business, to dynamic websites such as blogging, e-commerce and directory sites.

This is all possible because WordPress runs as a CMS, with PHP as the programming language. You can easily create different kinds of websites using plugins, themes and pre-made templates, or you can even delve into the PHP code and makes things as customised as you want.

Today, e-commerce websites are getting more and more popular. WooCommerce is WordPress's solution to implementing a robust e-commerce system to your website, without the need of touching any code. Plus, there are plenty of official and third-party plugins and add-ons to make your e-commerce website function exactly how you want it to.

12. It is Highly Scalable (Both Performance and Feature Wise)

WordPress is one of the most affordable ways to launch a simple website. Even when your website and business grows, you do not need to worry about website underperformance. Since web hosting companies are extremely competitive, you will find many higher powered plans for you to upgrade your server resources. In any case that the current web hosting server is not suitable for you anymore, you can easily take your files and move over to a different provider.

There is always a web hosting solution for you, whether you bring in a hundred or a million visitors to your website each month. You will find all kinds of plans that cater to budget or performance.

Most web hosting providers also make upgrading or migration really seamless. You can expect your website to be upgraded to a different plan just within minutes. Most of the time, web hosting companies will help you with this process, and you do not have to get your hands dirty.

In the future if you look to improve the features of your website, such as adding email newsletter integrations, popups or even a blog section, this also can be done easily on WordPress. WordPress will take your business very far.

For most businesses, once they are in the WordPress ecosystem, it is unlikely they ever need to move out of it ever, unless when it comes a time where they require a fully customised solution.

Alternatives to WordPress

While WordPress is my personal favorite to get a website launched, there are also other well-known platforms that I've had a good experience with.

Wix — for drag, drop and launch

Wix

I've built both e-commerce and business websites on Wix, and I had a decent experience with it. Wix is designed for the beginner. Their page builder is based on pre-made drag and drop blocks, which helps you to get a layout quickly for your page.

On the other hand, it is not as ideal when you have a specific design that you want to create. The pre-made blocks are highly styled, which makes it more tedious to customize to your exact specifications.If you are looking to launch your website quickly, and you do not have much web design knowledge, Wix is a platform you can consider.

Check out out Wix here.

Squarespace — for beautiful templates

Squarespace

What I like about Squarespace is the beautiful selection of templates right out of the box. It's easy to work with Squarespace as a beginner, but similar to Wix, it's highly styled and makes it more tedious to achieve a specific look that you may have planned beforehand.

Of all the website building platforms, Squarespace has the most beautiful templates and layouts that's really suited for creators and artists. They handle blogs and portfolios really well, and have a modern and minimalistic design to most of their themes.

However, their strong minimalistic style may not fit trades or businesses that are more commercial in nature.

Check out Squarespace here.

Webflow — for in-depth customization

Webflow

If you are a web designer or developer that needs precision and granularity in how you work and develop sites, Webflow will be perfect for you. Webflow lets you create highly customized websites without the need to write code from scratch.

However, Webflow is not suitable for the beginner, as some knowledge of how web design and layout work is required to really give you the control you need.Generally, users of this platform will host on Webflow's servers. There is an option to export your files if you want to take your hosting elsewhere, however this is only applicable for the static contents, which means you will not be able to continue any CMS or e-commerce functionality if you do so.

Check out Webflow here.

Shopify — for e-commerce

Shopify

Shopify focuses on one thing, and it does it really well: e-commerce. Shopify has an incredibly user-friendly backend, and they also integrate with many payment providers and third party plugins. This makes daily sales and operations a breeze, especially for users that are less tech savvy.

Designing you site on Shopify is template-based, meaning you will have to stick closely to a fixed layout according to the template you choose. This is not a big issue for most people as most of their templates are highly optimized and well polished. If your business requires more than an online shop, Shopify however may not be for you. Shopify is not designed to create general business websites.

Check out Shopify here.

Have you tried changing the WordPress user email address and noticed that it does not change right away? Well, there's an additional step involved when it comes to changing the email address. A confirmation is needed through clicking on an email link that is sent to the new email address.

This guide will take you through the steps to change the WordPress user email address without having to go through the email confirmation step.

This guide will also come in handy for developers wanting to handoff a WordPress site to the client.

What Scenarios Would You Need to Change the WordPress User Email Address Without Confirmation?

As a normal WordPress user with everything set up in place, it's probably easier to just log into the new email address and confirm the change, rather than go through the following steps. I would say that this guide will come in handy for developers wanting to handoff a WordPress site to a client. Here are some scenarios:

1. The SMTP server has not been set up

This is a common scenario if you are running on many popular cloud hosting services out there such as Digital Ocean, AWS and Vultr. Most of the time, email ports 25 and 465 have been disabled by default, and your WordPress application won't be able to send out any emails.

And since emails cannot be sent out, you won't be able to receive the confirmation email.

2. Email Hosting Not Set Up Yet

Likewise without a mailbox, you won't be able to receive any email, thus not able to confirm the change on the new email address.

3. Client Not Responsive to Email / Making it Seamless for the Client

If you are a developer, this scenario should pop up fairly often. Sometimes clients are just too busy and may take a few days and several reminders for them to take an action that you requested them to do, which in turn delays your handoff process.

Or perhaps, you just want to cut down on the number of steps the client needs to do, and make the whole process smoother.

How to Change the Email and Bypass the Confirmation

I'll be demonstrating 2 methods to go about with this. Which method you choose is really dependent on how your server administration process is like.

Method 1: Using phpMyAdmin

If you are using cPanel with phpMyAdmin, or a similar setup, then this will be the easier and more visual method, which is the preferred way to go about doing this.

Firstly, log in to your cPanel and click on phpMyAdmin.

phpmyadmin

Select the database according to the correct WordPress installation. If you do not know what your database name is, then click on any of the database, then on 'wp_options' (or something similar, so long as it ends with '_options'), then check under the 'siteurl' row if that is the correct website. Or else, click on the next database until you find the correct one.

options

Once you have identified the correct database name, click on 'wp_users' (or something similar, so long as it ends with '_users').

Locate the user that you want to change the email address for, then click on the 'Edit' button.

users

In the edit page, you will just have to edit the value field of your 'user_email' row, then click on 'Go'.

edit

That's it. The email address for that particular account has been changed and an email confirmation will not be needed to confirm the change.

Please take note that if you are playing around with this, and you want to make changes to the password field, you will have to set the function to MD5 when doing so, to make sure your password is encrypted. Otherwise there is no need to change passwords with phpMyAdmin as this can also be done in your WordPress dashboard, and email confirmation is not needed for this.

Method 2: Using a CLI to make changes to your MySQL tables through SSH

If phpMyAdmin is not configured in your server, and you do not plan to do so, then the only way to make changes is to access MySQL through SSH with a command-line interface (CLI).

This particular guide will show you how to make the changes on Linux Ubuntu 16.04. It should be applicable to other variations too. A prerequisite is that you must be using an account with sudo privileges.

Firstly, access your server via SSH and authenticate yourself. (Swap the values accordingly):

ssh [email protected]

Then type in the following and press return for each step:

sudo mysql
show databases;

Find your database name and swap in accordingly in the next step:

use demo_wp;
show tables;
select * from demo_wp;

For the next step, remember to swap the new email address and your existing username in accordingly:

update `wp_users` set `user_email` = "[email protected]" where `wp_users`.`user_login` = "username";
flush privileges;
quit

Conclusion

Now you have seen the 2 methods to go about changing the WordPress user email address without the need for a confirmation, go ahead and give it a try.

Ultimately, the confirmation email is a good security feature that WordPress has implemented, however having the option to bypass that in certain situations, especially in development stages is good to have. I hope this guide helps you with that.

Please feel free to leave your questions in the comments if you have any.

If you have been exploring web design and development, chances are that you have came across the WordPress platform. Just to make things clear, I am referring to wordpress.org and not wordpress.com.

According to W3Techs WordPress powers 38.6% of the web, making it the most popular and ideal platform to be building your websites on today. They are also dominating the CMS space with 63.6% market share!

So why use WordPress to build your website? Continue on to find out.

How Far Has WordPress Come Along

WordPress started out as a platform specially for blogging. Similar competitors during the time were Blogspot (now known as Blogger) and LiveJournal.

Today, this is entirely not the case. WordPress has developed heaps and bounds over the years, and is being used to create all kinds of websites, such as professional business sites, e-commerce sites, membership sites, online course platforms, directory sites, booking sites, property portals, portfolio sites and so on. Not only does WordPress have the capability to create these sites, they actually excel in doing so.

What Exactly is WordPress?

WordPress is a CMS (content management system).

What is a CMS then? A CMS is a very effective way to manage website contents. It is a system specially designed for website owners to add, manage or edit their website's content easily, without the need to have any development skills.

Wordpress Dashboard
The Classic WordPress Dashboard

A good CMS platform, such as WordPress has a user-friendly backend for just about anyone to easily make content changes, without the need to mess around with any code.

Changes you make are then automatically updated in the database and displayed on your website accordingly to how it was designed. Even links, sliders and menus can be automatically updated if that's how it was being set up.

Traditionally, you would have to work around with HTML and a code editor just to make changes, big or small, to an existing page. Not to mention, additional work has to be done to integrate your new page into the site, such as adding internal links to your homepage, etc.

6 Reasons Why WordPress is The Preferred CMS - Why Use WordPress Today

Wordpress Settings

1) Community & Support

Firstly, being such a popular platform, WordPress has strong community and support. Besides the official WordPress Support microsite, you will also find developers active in the WordPress theme and plugin repository. You will also find smaller and niche communities everywhere, in Facebook Groups, Discord servers, Slack channels and countless other places.

Wordpress Support and Communities
Active Support and Communities

WordPress caters to all. It's used by both novices and experts. This means that most questions you can imagine that are of any technical difficulty have likely been answered and can be easily found on the web without much digging. This is important as common setbacks are usually quick to be dealt with. And if you can't get an answer on the web, you can ask in the available WordPress communities around, and sometimes get an answer back within minutes.

2) Open Source Software

The beauty of WordPress and partly why it became so successful is the GNU GPL (General Public License) that it is based on. It is a type of open source software license, where external developers have the freedom to modify, make improvements or add functionality to the existing code. Developers really benefit from GPL, which brings me to my next point.

3) Strong Development & Outlook

With the combination of being robust, popular and an open source platform, WordPress has built up a huge pool of loyal users, and continues to bring in strong demand. This attracts and encourages highly-skilled software developers to expand on WordPress's existing functionalities.

WordPress is the leader in this space, and will likely be for many more years to come. It has a really fair system that benefits both the end users and developers. Strong developers coming into this space compete with each other and push the boundaries of modern web development. Also, with strong competition, prices become naturally competitive too, and we as end users really get to enjoy powerful tools and technology at incredibly affordable prices.

4) Self-Hosted Platform

WordPress let's you run and maintain your website on your own private hosting. There is no reliance on any hosted solution from WordPress themselves or any third parties (at least for the core installation and functionalities).

Wix Dashboard
Wix Dashboard

The benefit of not being tied down to a proprietary software is that users are able to select the most ideal service providers to work with, such as for web hosting and SMTP services. You are able to choose your ideal service providers based on affordability, reliability, support and performance.

Websites can be hosted on plans that are really cheap to upkeep, or can be scaled to higher performance plans in a flexible manner. Different companies provide different packages, so users can shop around for what fits them the best. Have a look at some of my recommended web hosting choices to see which are the ones I personally use.

With proprietary platforms such as Wix and Squarespace, you are limited to what the companies provide. So if you are unsatisfied with any component of their service, such as server performance, there is nothing much you can do about it.

5) Ease of Use

WordPress is a user-friendly platform for content management. Users do not necessarily need to contact a web developer to update content onto their site. You can also enjoy putting time sensitive content onto your site, and have full control whenever you need, without having to go back and forth with a web developer. For the more tech-savvy users, building a WordPress website from scratch is also possible.

Page builders - Another feature which makes WordPress easy to use. With plenty of feature-rich page builders in the market, designing and developing a website has never been faster and easier. Websites no longer have to stick to a layout template from a theme, like how it typically was in the past. Developers are able to spin up a website in a shorter period of time, passing on the development cost savings to the customer.

Brizy Page Builder
Brizy Page Builder

There are many reputable page builders in the market catering to DIY users and developers. The popular ones are Elementor, Divi, Oxygen Builder, Brizy, Visual Composer and Beaver Builder.

6) Vast Marketplace for Third Party Themes & Plugins

Wordpress Plugin Repository
51,924 plugins, and not even counting those not listed on the repository.
Joomla Extensions
Compared to Joomla, with 7,415 extensions. That's 7 times more than the 2nd largest self-hosted CMS.

Whatever style, look or functionality that you are thinking of putting onto your website right now, may already have been developed as a theme or plugin, and could available on the marketplace for you to download and install right away.

With so many plugins in the market, you likely will not need a specialized developer to create a specific function for your site. Doing so usually requires a sizeable budget, coding team and lots of man-hours to have an advanced functionality custom developed for your website. But ready available plugins specially designed for WordPress can be installed, configured and tweaked according to your needs.

These plugins are also regularly maintained by the developers themselves, which means you do not need an in-house team to keep them smoothly running.

When NOT to Use WordPress?

I think it's already obvious that WordPress is my number one choice and recommendation for both DIY users and web developers. Every aspect of it just makes sense. However, there are scenarios that may call for a different software or development process.

1) DIY Users who are absolutely not tech-savvy

I would recommend a more straightforward platform such as Squarespace. You will have lesser to deal with server setup, domain configuration and so on. Compared to WordPress, Squarespace has a much gentler learning curve.

2) For web applications

A typical web application has a totally different concept and business model of what a website is being used for. It is where your website itself is the basis of your entire business. Example of such sites are Lazada, Canva, PropertyGuru, Zillow, etc.

Such sites usually require a full team with people of different specialties to plan, design, build and develop the website and its functionality.

3) Static websites

If you are very certain that your website is fully static, and you do not require a database or need to make any content changes, you could consider a pure html-based static website. Doing so, you enjoy certain benefits such as faster loading speeds and cheaper hosting plans.

On the downside, it is not easy to make content edits without engaging a web developer. And if your changes are huge, most developers would rather rebuild the site than sift through your existing code.

Today, WordPress and many other CMS platforms have been optimized for performance and speed. The pros of using WordPress definitely outweighs the cons. You do not need to be running on a static html-only site to achieve fast loading times anymore.

WordPress Alternatives

You can check out similar WordPress competitors and make a comparison for yourself. Each and every one of them have their pros and cons, and they all have a place where they excel better in than the other.

1) Wix

Wix Homepage

Wix allows you to get a website up and running quickly. They have a user-friendly editor, which allows dragging and dropping elements onto your web page. There are also plenty of media and design elements (stock photos, shapes, lines, etc) within reach inside the editor itself, saving you time and hassle from the need to go over to another website to download these elements separately.

On the other hand, Wix does not really excel when it comes to custom design. Most of the modules are pre-designed and only allow specific customisations. I do feel restricted at times when trying to create a specific look. Responsive editing on Wix is also not ideal as what I hoped for, as the responsive breakpoints are fixed and limited.

Ultimately, the cons help to solidify the pros, as it means that there is lesser technical meddling needed to get a site up quickly. This fits to their ideal customer profile of beginners and DIY web designers.

2) Shopify

Shopify Homepage

Veering slightly off track to e-commerce, Shopify is an excellent alternative to WooCommerce (WordPress's open source solution to e-commerce). The usage of themes in Shopify allows users to set up their site with a pre-designed look quickly too. Developers also like using Shopify, as the client handover process is easy due to the user-friendly backend interface and order management system.

With everything well in place in a single platform, Shopify is an affordable solution for a basic e-commerce site. However, if you require a lot of specific functionality to your e-commerce site, the plugin costs can really stack up and increase your recurring bills drastically. They usually are more expensive than the WooCommerce equivalent, and this is where they get you.

I would recommend Shopify users to start with a simple site, and only add on more functionalities when the store generates more income.

3) Squarespace

Squarespace Homepage

Among the alternatives, Squarespace is the most aesthetically pleasing right out of the box. It may not be very versatile in terms of style; certain kinds of websites may not sit well with their aesthetics. But their templates do have a clean and modern look, and fits nicely for businesses that want to reflect and portray that in their online presence.

Squarespace works exceptionally well for those in the creative industry, such as photographers, designers and film-makers. I find that they do really well with organizing and displaying visual portfolios.

Getting Started

So, if you've decided that WordPress is the right choice for you, here's how you can get started.

1) Decide between DIY or hiring a web designer / developer

Setting up a website is a tedious and time consuming process for the most part. Business owners would tend to rather have a professional get this done for them. However if you have the time and lack the budget, going the DIY route is possible.

If you are engaging a professional, then skip the rest of the steps and have a discussion with your web designer or developer. Or else if you are doing this yourself, the following steps are for you.

2) Get a domain name

If you don't have one yet, go ahead and purchase a domain name. An affordable and reputable place to get them from is NameCheap. Need some advice on choosing the perfect domain name? Have a look at this article by Themeisle on how to pick the perfect domain name.

3) Get a hosting plan

Next, you will need a place to be able to store and host your website. If you are new to this, go for a plan that provides you with a complete package that has a user-friendly control panel, easy SSL setup, mailboxes, SMTP, etc. Here are my recommended web hosting companies.

4) Install WordPress, theme and plugins

Most hosting plans offer a 1-click WordPress installation you can make use of. Once you have installed WordPress, it's time to choose a theme that fit your needs, and add functionality with plugins. There are plenty of themes and plugins to choose from. Have fun exploring!

5) Securing and backing up your site

Here is where WordPress developers will help you get this right from the very beginning. DIY users often make mistakes that lead to trouble down the road.

Ensure that you deploy essential plugins and best practices to secure your site the best you can, and make sure plugins are often updated, especially if they are security-based updates.

Most importantly, always keep backups. You can choose from server-based backups or plugin based backups.

5) Additional services to consider

Email hosting - Zoho Mail, Google Workspace (formerly known as G Suite)

SMTP - Sendgrid, Mailgun

CDN - Cloudflare, BunnyCDN, KeyCDN