One place for hosting & domains

      How to Add a Quick View Option to Your WooCommerce Products


      WooCommerce is an excellent tool for creating and managing an online store. However, there are some features it doesn’t include out of the box, such as a quick view option. Considering the importance of product displays for landing sales, this is a crucial missed opportunity.

      The good news is that, like many such issues in WordPress, you can solve this problem without too much trouble. Using the right plugin, you can easily add a quick view option to all of your products. This makes it easier for customers to examine and purchase items – and increase your conversion rate to earn more revenue!

      In this post, we’ll explain the many benefits of adding a quick view display option to each of your WooCommerce products. Then we’ll share two simple steps for doing so using WooCommerce Quick View Pro. Let’s get right to it!

      The Benefits of Including a Quick View Option for Your WooCommerce Products

      In online retail, a quick view display is a popup box that shows a product’s key details. This information might include one or several images, pricing, variations, and an Add to Cart button.

      An example of a WooCommerce quick view popup.

      Quick view displays are typically accessed by clicking a button or hovering over a product in a catalog or list view. For example, you might include quick views on your product category pages, so customers can see more information about individual products without having to navigate to their product pages.

      Quick view buttons on a product list page.

      This feature provides several benefits to your users. For instance, since they don’t have to navigate back and forth between your product lists and individual product pages, browsing becomes a lot easier. Guests can simply open the quick view display to see a product’s details, and then continue looking through the other items on the page.

      Additionally, quick view displays are an ideal place to include photo galleries, zoom options, and information about product variations and add-ons. With these additions, customers can get an up-close look at the items they’re interested in from multiple angles. They can also see each of the colors or other variations an item comes in.

      Finally, quick view displays with an Add to Cart button simplify the purchasing process. Customers can add multiple items to their carts without having to leave your category page or product list. This enables them to continue browsing without interruption, increasing the chances that they’ll buy more products.

      Ultimately, adding a quick view option is beneficial to both you and your potential customers. Enhancing your product displays with this handy feature is a simple way to make your e-commerce website easier and more enjoyable to use.

      How to Add a Quick View Option to Your WooCommerce Products (In 2 Steps)

      With the WooCommerce Quick View Pro plugin, adding quick view popup boxes for each of your WooCommerce products is fast and easy. Let’s look at how to configure and use this solution in just two steps.

      Step 1: Download, Install, and Activate WooCommerce Quick View Pro

      The first thing you’ll need to do is acquire WooCommerce Quick View Pro, and add it to your WooCommerce site. It’s important to note that you must already have WooCommerce installed and activated for this quick view plugin to work.

      To get started, head to the developer’s website and navigate to Plugins > WooCommerce Quick View Pro.

      Navigating to the plugins page on the Barn2 website.

      Here you’ll find information and pricing for the plugin; at this time, there isn’t a free version of this particular tool. Once you’ve purchased a license, you can download the WooCommerce Quick View Pro .zip file. You should also receive an email containing your license key. Make sure to take note of this, as you’ll need it to finish setting up the plugin.

      Next, make your way to your WordPress admin dashboard and navigate to Plugins > Add New. Click on Upload Plugin at the top of the screen.

      Uploading a new plugin.

      You can then select or drag-and-drop the .zip file containing the plugin, and hit Install Now. After the installation is complete, select the Activate button as well.

      Finally, with your license key in hand, access WooCommerce Quick View Pro’s settings by navigating to WooCommerce > Settings > Products > Quick View. The first field available should be the one for your license key.

      The License Key field.

      Add your license key here, then scroll down and click on the Save changes button. You’re now ready to start using the plugin.

      Step 2: Configure the Plugin’s Settings to Meet Your Needs

      Once you’ve installed and activated WooCommerce Quick View Pro, the plugin will automatically add a quick view display option to each of your products. However, you can also customize these displays to include the information you need by visiting the plugin’s settings.

      First, you’ll want to decide how your customers will open the quick view displays. You can use a button, enable the quick view to open when a customer clicks on the product image or name , or both.

      The quick view open settings.

      Leaving both of these options unchecked will disable the quick view displays entirely.

      The two fields below the Opening the Quick View check boxes will help you customize your Quick View button with your own text. You can also choose to add or remove the button icon. Next, you’ll need to decide what information you want to include in your popups. You have the option of an image, product details, or both.

      The quick view contents options.

      If you include images, you can choose to enable a gallery-style view and zoom functionality. Quick View Pro works great as a standalone WooCommerce gallery lightbox plugin. Both of these options are useful for customers who want to see variations on a product or get a closer look at fine details such as stitching.

      Using the zoom feature in a quick view display.

      If you choose to add product details to your quick view displays, you’ll also need to check the box for each item you wish to include. Your options are:

      • Reviews: These can provide social proof for your merchandise.
      • Price: An important detail for customers who are debating a purchase.
      • Short description: It helps to highlight features that could make an item more desirable.
      • Add to Cart button: A button makes purchasing fast and easy.
      • Meta information: This includes extra product information such as categories, tags, and SKU codes.

      Once you’ve selected all the information you wish to incorporate, your quick view displays will be ready to go. You can always come back here to change these settings, and your quick view displays will be updated automatically.

      A completed quick view display created with WooCommerce Quick View Pro.

      By default, the plugin adds your quick view displays to your category pages and other areas where customers may be browsing through several items. However, you can also incorporate them into product pages, too.

      Plus, all your quick view displays will be fully responsive for mobile shoppers. Quick view lightboxes like the ones you can create with WooCommerce Quick View Pro are especially helpful for giving customers a better look at your products on smaller screens.

      Design Your User Experience

      Detailed, easy-to-view product displays are essential to the success of your online store. With quick view displays, you can point out the best qualities of each of your products, simplify browsing, and speed up the purchase process. In some cases, this might even lead to an increase in sales.

      Are you ready to up the ante on your WooCommerce store? Consider DreamPress, our managed WordPress hosting solution. With automatic updates and strong security defenses, DreamPress takes server management off your hands so you can focus on what you do best: selling products. Learn more about plan options today.



      Source link

      Add CAA Records in the Linode Cloud Manager


      Updated by Linode

      Written by Linode

      Certification Authority Authorization (CAA) is a type of DNS record that allows the owner of a domain to specify which certificate authority (or authorities) are allowed to issue SSL/TLS certificates for their domain(s). This quick answer shows you how to set up CAA records on your Linode.

      Add a Single CAA Record

      1. Log in to the Linode Cloud Manager

      2. Select the Domains link in the sidebar.

      3. Select the domain you want to add the record to, or add a domain if you don’t already have one listed.

      4. Under the CAA Record section, select Add a CAA record. A form with the following fields will appear:

        Name: The subdomain you want the CAA record to cover. To apply it to your entire website (for example: example.com), leave this field blank. To limit the record’s application to a subdomain on your site, (for example: subdomain.example.com), enter the subdomain’s name into the form field (for example: subdomain).

        Tag:

        • issue – Authorize the certificate authority entered in the Value field further below to issue TLS certificates for your site.

        • issuewild – Same as above, with the exception that you were issued a wildcard certificate.

        • iodef – URL where your CA can report security policy violations to you concerning certificate issue requests.

        Value: If the issue or issuewild tag was selected above, then the Value field takes the domain of your certificate issuer (for example: letsencrypt.org). If the iodef tag was selected, the Value field takes a contact or submission URL (http or mailto).

        TTL (Time to Live): Time in seconds that your new CAA record will be cached by Linode’s name servers before being refreshed. The Default selection’s TTL is 300 seconds, which is fine for most cases. You can use the dig command to view the remaining time your DNS records will be cached until refreshed. Replace linode.com with your site’s domain or subdomain in the command below:

        root@debian:~# dig +nocmd +noall +answer example.com
        example.com.     167 IN  A   203.0.113.1
        
      5. Click the Save button when finished. The CAA record should be fully propagated within the TTL duration.

      Add Multiple CAA Records

      Multiple CAA records must be added individually. If your site example.com was issued a TLS certificate by Let’s Encrypt, but your subdomain store.example.com uses a Symantec certificate, you would need two different CAA records. A reporting URL for the iodef tag would also need its own record. Those three would look something like this:

      Multiple CAA records

      More Information

      You may wish to consult the following resources for additional information on this topic. While these are provided in the hope that they will be useful, please note that we cannot vouch for the accuracy or timeliness of externally hosted materials.

      Find answers, ask questions, and help others.

      This guide is published under a CC BY-ND 4.0 license.



      Source link

      How To Add Swap Space on Debian 10


      Introduction

      One of the easiest way of guarding against out-of-memory errors in applications is to add some swap space to your server. In this guide, we will cover how to add a swap file to a Debian 10 server.

      Warning: Although swap is generally recommended for systems using traditional spinning hard drives, using swap with SSDs can cause issues with hardware degradation over time. Due to this consideration, we do not recommend enabling swap on DigitalOcean or any other provider that uses SSD storage. Doing so can impact the reliability of the underlying hardware for you and your neighbors. This guide is provided as reference for users who may have spinning disk systems elsewhere.

      If you need to improve the performance of your server on DigitalOcean, we recommend upgrading your Droplet. This will lead to better results in general and will decrease the likelihood of contributing to hardware issues that can affect your service.

      What is Swap?

      Swap is an area on a hard drive that has been designated as a place where the operating system can temporarily store data that it can no longer hold in RAM. Basically, this gives you the ability to increase the amount of information that your server can keep in its working “memory”, with some caveats. The swap space on the hard drive will be used mainly when there is no longer sufficient space in RAM to hold in-use application data.

      The information written to disk will be significantly slower than information kept in RAM, but the operating system will prefer to keep running application data in memory and use swap for the older data. Overall, having swap space as a fallback for when your system’s RAM is depleted can be a good safety net against out-of-memory exceptions on systems with non-SSD storage available.

      Step 1 – Checking the System for Swap Information

      Before we begin, we can check if the system already has some swap space available. It is possible to have multiple swap files or swap partitions, but generally one should be enough.

      We can see if the system has any configured swap by typing:

      If you don't get back any output, this means your system does not have swap space available currently.

      You can verify that there is no active swap using the free utility:

      Output

      total used free shared buff/cache available Mem: 990Mi 36Mi 863Mi 4.0Mi 89Mi 837Mi Swap: 0B 0B 0B

      As you can see in the Swap row of the output, no swap is active on the system.

      Step 2 – Checking Available Space on the Hard Drive Partition

      Before we create our swap file, we'll check our current disk usage to make sure we have enough space. Do this by entering:

      Output

      Filesystem Size Used Avail Use% Mounted on udev 488M 0 488M 0% /dev tmpfs 100M 4.5M 96M 5% /run /dev/vda1 25G 989M 23G 5% / tmpfs 499M 0 499M 0% /dev/shm tmpfs 5.0M 0 5.0M 0% /run/lock tmpfs 499M 0 499M 0% /sys/fs/cgroup tmpfs 100M 0 100M 0% /run/user/1001

      The device with / in the Mounted on column is our disk in this case. We have plenty of space available in this example (only 1.4G used). Your usage will probably be different.

      Although there are many opinions about the appropriate size of a swap space, it really depends on your personal preferences and your application requirements. Generally, an amount equal to or double the amount of RAM on your system is a good starting point. Another good rule of thumb is that anything over 4G of swap is probably unnecessary if you are just using it as a RAM fallback.

      Step 3 – Creating a Swap File

      Now that we know our available hard drive space, we can create a swap file on our filesystem. We will allocate a file of the swap size that we want called swapfile in our root (/) directory.

      The best way of creating a swap file is with the fallocate program. This command instantly creates a file of the specified size.

      Since the server in our example has 1G of RAM, we will create a 1G file in this guide. Adjust this to meet the needs of your own server:

      • sudo fallocate -l 1G /swapfile

      We can verify that the correct amount of space was reserved by typing:

      Output

      -rw-r--r-- 1 root root 1.0G May 29 17:34 /swapfile

      Our file has been created with the correct amount of space set aside.

      Step 4 – Enabling the Swap File

      Now that we have a file of the correct size available, we need to actually turn this into swap space.

      First, we need to lock down the permissions of the file so that only the users with root privileges can read the contents. This prevents normal users from being able to access the file, which would have significant security implications.

      Make the file only accessible to root by typing:

      Verify the permissions change by typing:

      Output

      -rw------- 1 root root 1.0G May 29 17:34 /swapfile

      As you can see, only the root user has the read and write flags enabled.

      We can now mark the file as swap space by typing:

      Output

      Setting up swapspace version 1, size = 1024 MiB (1073737728 bytes) no label, UUID=b591444e-c12b-45a6-90fc-e8b24c67c006f

      After marking the file, we can enable the swap file, allowing our system to start using it:

      Verify that the swap is available by typing:

      Output

      NAME TYPE SIZE USED PRIO /swapfile file 1024M 0B -2

      We can check the output of the free utility again to corroborate our findings:

      Output

      total used free shared buff/cache available Mem: 990Mi 37Mi 860Mi 4.0Mi 92Mi 834Mi Swap: 1.0Gi 0B 1.0Gi

      Our swap has been set up successfully and our operating system will begin to use it as necessary.

      Step 5 – Making the Swap File Permanent

      Our recent changes have enabled the swap file for the current session. However, if we reboot, the server will not retain the swap settings automatically. We can change this by adding the swap file to our /etc/fstab file.

      Back up the /etc/fstab file in case anything goes wrong:

      • sudo cp /etc/fstab /etc/fstab.bak

      Add the swap file information to the end of your /etc/fstab file by typing:

      • echo '/swapfile none swap sw 0 0' | sudo tee -a /etc/fstab

      Next we'll review some settings we can update to tune our swap space.

      Step 6 – Tuning your Swap Settings

      There are a few options that you can configure that will have an impact on your system's performance when dealing with swap.

      Adjusting the Swappiness Property

      The swappiness parameter configures how often your system swaps data out of RAM to the swap space. This is a value between 0 and 100 that represents a percentage.

      With values close to zero, the kernel will not swap data to the disk unless absolutely necessary. Remember, interactions with the swap file are "expensive" in that they take a lot longer than interactions with RAM and they can cause a significant reduction in performance. Telling the system not to rely on the swap much will generally make your system faster.

      Values that are closer to 100 will try to put more data into swap in an effort to keep more RAM space free. Depending on your applications' memory profile or what you are using your server for, this might be better in some cases.

      We can see the current swappiness value by typing:

      • cat /proc/sys/vm/swappiness

      Output

      60

      For a Desktop, a swappiness setting of 60 is not a bad value. For a server, you might want to move it closer to 0.

      We can set the swappiness to a different value by using the sysctl command.

      For instance, to set the swappiness to 10, we could type:

      • sudo sysctl vm.swappiness=10

      Output

      vm.swappiness = 10

      This setting will persist until the next reboot. We can set this value automatically at restart by adding the line to our /etc/sysctl.conf file:

      • sudo nano /etc/sysctl.conf

      At the bottom, you can add:

      /etc/sysctl.conf

      vm.swappiness=10
      

      Save and close the file when you are finished.

      Adjusting the Cache Pressure Setting

      Another related value that you might want to modify is the vfs_cache_pressure. This setting configures how much the system will choose to cache inode and dentry information over other data.

      Basically, this is access data about the filesystem. This is generally very costly to look up and very frequently requested, so it's an excellent thing for your system to cache. You can see the current value by querying the proc filesystem again:

      • cat /proc/sys/vm/vfs_cache_pressure

      Output

      100

      As it is currently configured, our system removes inode information from the cache too quickly. We can set this to a more conservative setting like 50 by typing:

      • sudo sysctl vm.vfs_cache_pressure=50

      Output

      vm.vfs_cache_pressure = 50

      Again, this is only valid for our current session. We can change that by adding it to our configuration file like we did with our swappiness setting:

      • sudo nano /etc/sysctl.conf

      At the bottom, add the line that specifies your new value:

      /etc/sysctl.conf

      vm.vfs_cache_pressure=50
      

      Save and close the file when you are finished.

      Conclusion

      Following the steps in this guide will give you some breathing room in cases that would otherwise lead to out-of-memory exceptions. Swap space can be incredibly useful in avoiding some of these common problems.

      If you are running into OOM (out of memory) errors, or if you find that your system is unable to use the applications you need, the best solution is to optimize your application configurations or upgrade your server.



      Source link