My Content Creation Workflow Revealed
5 Fastest LearnDash Themes for Your eLearning Site
Imagine you’re searching for something on Google. You click the first result, expecting to find out what you were looking for in the next few seconds. However, the web page doesn’t load for quite a few minutes. The tiny wheel in the tab of your browser bar keeps going round and round, but the page […]
The post 5 Fastest LearnDash Themes for Your eLearning Site appeared first on WPExplorer.
Expert Tips For Moving Your Home Business To A Legitimate Office
Around 69% of U.S. entrepreneurs start their businesses from the comfort of their own homes, Small Biz Trends reports. Whether you’re starting in your living room, garage, or a cheap leased space, launching an online business is an exciting yet challenging time. And once that business starts to grow, you’re met with a whole host of new challenges. […]
The post Expert Tips For Moving Your Home Business To A Legitimate Office appeared first on WPArena.
Beginner Tips for Freelance Writing
25 Coolest Black Wallpapers for Dark Desktops
Compass + Custom Tracks =
You have a team in need of technical training. At the end of the day, they need to know and understand the tools in your tech stack. Different colleagues have different levels of knowledge on different topics, so how are...
The post Compass + Custom Tracks = <3 appeared first on Treehouse Blog.
Fresh List of Most Creative Web Design Interfaces
#WCEU Online, GitHub Branch Renaming, Automattic Investment 🗞️ July 2020 WordPress News w/ CodeinWP
How-to guide for creating edge-to-edge color bars that work with a grid
Hard-stop gradients are one of my favorite CSS tricks. Here, Marcel Moreau combines that idea with CSS grid to solve an issue that’s otherwise a pain in the butt. Say you have like a 300px right sidebar on a desktop layout with a unique background color. Easy enough. But then say you want that background color to stretch to the right edge of the browser window even though the grid itself is width-constrained. Tricker.
Direct Link to Article — Permalink
The post How-to guide for creating edge-to-edge color bars that work with a grid appeared first on CSS-Tricks.
Effective Ways to Increase eCommerce Sales With Low Budget
How to Setup Delivery Time Slots in WooCommerce (Step by Step)
Have you ever needed to set up delivery time slots for your online store?
Creating delivery time slots allows you to keep up with customer demand for more convenient delivery. At the same time, it also allows you to create a more manageable schedule to match your delivery capacity.
In this guide, we’ll share our step by step process on how to easily set up delivery time slots in WooCommerce.
What are Delivery Slots and Why Set Them up in WooCommerce?
Delivery slots allow customers on an online store to select a specific time and date ‘slots’ for delivery.
This convenient delivery model allows customers to know exactly when they’re going to receive their goods, which in turn increases customer satisfaction and confidence in your brand.
For store owners, offering specific delivery time slots for customers can drastically reduce non-deliveries. As a result, you can save money on delivery costs and make your store more profitable.
On a smaller scale, offering delivery or collection slots to customers allows store owners to manage their schedule and optimize delivery times. They can complete more orders quickly and deliver them on-time.
With that in mind, let’s take a look at how to easily add delivery or collection time slots in WooCommerce.
Creating Delivery Time Slots in WooCommerce
For this tutorial, we’ll be using the WooCommerce Delivery Slots plugin. It is a powerful plugin that adds the essential date and time-based features to the default WooCommerce delivery functionality.
First, you need to install and activate the WooCommerce Delivery Slots plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you need to visit WooCommerce » Delivery Slots page in your WordPress dashboard.
Next, you need to select the General Settings tab. From here you can change where to display the date and time fields and which shipping methods to offer.
After that, switch to the Date Settings tab. On this screen, you can select the days of the week you’ll be offering delivery slots. You’ll also be able to add a maximum number of orders per day, set additional fees for same-day or next-day delivery, and more.
Now you can switch to the Time Settings tab to create your delivery time slots.
Make sure to ‘Enable Time Slots’ is checked and scroll down to the ‘Time Slot Configuration’ section to customize.
Here you’ll be able to fill the Slot Duration and Slot Frequency fields to dynamically generate slots. You can also leave them empty to create a single time slot.
For this tutorial, we’re creating time slots every 30 minutes from 6 am – 10 am every day of the week. We’re also creating premium time slots every 30 minutes from 10 am – 12 p.m noon on Thursdays and Fridays which costs an extra fee.
Tip: WooCommerce Delivery Slots allows you to fully customize your time slots, so you can add additional fees for certain slots, offer slots only for specific shipping methods, and set the maximum number of orders per slot.
Once you’re done creating your delivery time slots, go ahead and click Save Changes.
On the checkout page, your customers will now be able to select a delivery date and time slot to suit them.
Once the customer has selected their time slot and purchased their items, they’ll be presented with an ‘Order received’ page after checkout.
This page contains a confirmation of their order, and the time slot they selected which will also be confirmed in their order email.
Tip: Make sure your WooCommerce email notifications are working. See our guide on how to fix WordPress not sending emails issue to set up and test your email notifications.
As the store owner, you will be able to see the selected delivery date in the orders overview and details. You can also go to WooCommerce » Delivery Slots » Deliveries page to see all deliveries.
Creating a Reservation Table in WooCommerce
The WooCommerce Delivery Slots plugin also allows you to enable delivery reservation. This enables customers to reserve a delivery slot in advance.
Simply go to WooCommerce » Delivery Slots page and switch to the ‘Reservation Table’ tab.
From here you’ll be able to adjust the settings for your table including setting limits on how long a reservation lasts before a purchase is made and changing its style to suit your store.
Once happy, click Save Changes and copy the shortcode [jckwds] at the top of this settings page.
You can now add this shortcode to any page in your site to allow customers to reserve their delivery time slot before purchase.
We hope this article helped you learn how to easily set up delivery time slots in WooCommerce. You might also like our list of the best WooCommerce plugins for your store and best email marketing services to grow your sales.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
The post How to Setup Delivery Time Slots in WooCommerce (Step by Step) appeared first on WPBeginner.
Web File Management Comes to WPMU DEV Hosting
We ran our 2020 survey. We asked you what you’d like. You told us, among other things, a web based file manager for your managed WordPress hosting. So, here you go.
Basically you were looking for the ability to simply upload and edit files in your hosting account using a file manager interface instead of SFTP. We get that. It’s a pain having to set up a client etc. and so we put this one in the ‘do it now’ queue.
And now it’s ready for you.
How Do I Access File Manager?
To access File Manager, your site(s) must be hosted with WPMU DEV.
After that, it gets all too easy!
First, log into your account, go to The Hub, and click on the main Hosting menu.
Next, select your site and click on either the hosting menu link or hosting panel to access the tools and settings for your domain.
Scroll down to the bottom of your screen and click on Manage Files.
And voila…File Manager!
Note: File manager is available for both production (live) and staging sites.
For more details on how to upload, edit, and delete your files using File Manager, see our documentation.
Manage More Than Just Files…
File Manager is just one of the many time-saving tools and profit-increasing services we make available to WPMU DEV members.
We’ve also recently added other features to our managed WordPress hosting service that our members requested, like email, DNS manager, cloning templates, WAF, and more!
So, stay tuned and watch this space for more exciting announcements coming soon!
New in Chrome: CSS Overview
Here’s a fancy new experimental feature in Chrome! Now, we can get an overview of the CSS used on a site, from how many colors there are to the number of unused declarations… even down to the total number of defined media queries.
Again, this is an experimental feature. Not only does that mean it’s still in progress, but it means you’ll have to enable it to start using it in DevTools.
- Open up DevTools (
Command
+Option
+I
on Mac;Control
+Shift
+I
on Windows) - Head over to DevTool Settings (
?
orFunction
+F1
on Mac;?
orF1
on Windows) - Click open the Experiments section
- Enable the CSS Overview option
And, oh hey, look at that! We get a new “CSS Overview” tab in the DevTools menu tray when the settings are closed. Make sure it’s not hidden in the overflow menu if you’re not seeing it.
Notice that the report is broken out into a number of sections, including Colors, Font info, Unused declarations and Media queries. That’s a lot of information available in a small amount of space right at our fingertips.
This is pretty nifty though, huh? I love that tools like this are starting to move into the browser. Think about how this can help us not only as front-enders but also how we collaborate with designers. Like, a designer can crack this open and start checking our work to make sure everything from the color palette to the font stack are all in tact.
The post New in Chrome: CSS Overview appeared first on CSS-Tricks.
Global and Component Style Settings with CSS Variables
The title of this Sara Soueidan article speaks to me. I’m a big fan of the idea that some CSS is best applied globally, and some CSS is best applied scoped to a component. I’m less interested in how that is done and more interested in just seeing that conceptual approach used in some fashion.
Sara details an approach where components don’t have too much styling by default, but have CSS custom properties applied to them that are ready to take values should you choose to set them.
For each pattern, I’ve found myself modifying the same properties whenever I needed to use it — like the font, colors (text, background, border), box shadow, spacing, etc. So I figured it would be useful and time-saving if I created variables for those properties, define those variables in the ‘root’ of the component, and ‘pass in’ the values for these variables when I use the pattern as I need. This way I can customize or theme the component by changing the property values in one rule set, instead of having to jump between multiple ones to do so.
Direct Link to Article — Permalink
The post Global and Component Style Settings with CSS Variables appeared first on CSS-Tricks.
30 Free PSD Poster and Flyer Templates
Amazon Continues Improvement of Advertising API
Amazon has upgraded the latest version of the company’s Advertising API, which will allow developers to manage campaigns programmatically. This latest version offers capabilities for automating campaign deployment while also optimizing advertising efforts.
BitLaunch Releases New API and Command-Line Tool
BitLaunch, the anonymous VPS and Cryptocurrency VPS provider announced today that they have released a brand-new developer API and command-line tool. The developer API lets BitLaunch users manage their account and their servers programmatically, allowing developers to integrate BitLaunch into their own platform. Along with the API release and Go SDK, they have launched a command-line interface.