EDITS.WS

Author: Editorial Staff

  • How to Embed TikTok Videos in WordPress (3 Easy Methods)

    Do you want to easily embed TikTok videos on your WordPress website?

    If you’re already creating successful, viral TikToks then it makes sense to post these videos to your website too. In this way, you can get more views, engagement, and social media followers with very little extra effort.

    In this article, we’ll show you how to easily embed TikTok videos in WordPress.

    How to embed TikTok videos in WordPress

    Why Embed TikTok Videos in WordPress?

    According to our ultimate list of blogging stats, posts with videos get 83% more traffic than those without video. That said, if you’re already posting TikToks then it makes sense to embed these videos on your WordPress website.

    An example of a TikTok video, embedded in a WordPress website

    In this way, you can get more visitors, without having to spend a ton of time creating new content. These videos can also help capture the visitor’s attention and keep them on your website for longer, which will increase pageviews and reduce bounce rate in WordPress.

    At the same time, these videos will promote your TikTok channel to people who visit your website. This can get you more engagement and followers on TikTok.

    With that said, let’s see how you can embed TikTok videos in WordPress. Simply use the quick links below to jump straight to the method you want to use.

    Method 1. Using the TikTok Block (Works With Any Theme)

    The easiest way to embed TikToks on your WordPress site is by pasting the video’s URL into the page or post editor. WordPress will then detect the video and fetch it for you automatically.

    First, you need to visit the TikTok video that you want to embed. Then, copy the video’s URL.

    Adding a TikTok video to a page or post using the WordPress block editor

    Next, open the WordPress page or post where you want to show the TikTok video. You can then simply paste the URL into the WordPress block editor.

    WordPress will automatically detect that you’re embedding a TikTok video, and add a TikTok block with the video already embedded.

    Embedding TikTok videos on a WordPress blog or website

    By default, WordPress will resize the TikTok video automatically for smaller screens, including smartphones and tablets. It will also preserve the video’s ratio when the browser gets resized.

    This is a good user experience, so we recommend leaving the setting enabled. However, sometimes you may want to keep the video at the same size, no matter what. In that case, click to select the TikTok block and then disable the ‘Resize for smaller devices’ toggle.

    Resizing a TikTok video on mobile devices including smartphones and tablets

    If you do disable this setting, then it’s a good idea to test the mobile version of your WordPress site from the desktop, to check you’re happy with the visitor experience.

    You can get similar results by adding the TikTok block to a page or post. After that, you can add the TikTok video’s URL at any point.

    This is useful if you’re unsure what TikTok video you’re going to embed, or if the video hasn’t been published yet. This is also a good way to plan your layout, particularly if you’re designing a landing page or sales page.

    To add a TikTok block, simply click on the ‘+’ icon and then type in ‘TikTok.’

    Adding the WordPress TikTok block to a page or post

    When the right block shows up, click to add it to the page or post.

    After that, you can simply paste the TikTok URL into the block and click on ‘Embed.’

    The TikTok WordPress block

    Another option is to embed the TikTok video in a widget-ready area such as the sidebar or similar section. This allows you to show the same video across your entire site. For example, if you’re trying to create a viral giveaway in TikTok, then you might embed the video announcing the contest.

    To do this, go to Appearance » Widgets in your dashboard. Here, you’ll see all the different areas where you can add widgets in WordPress.

    Adding widgets to a sidebar or similar section

    Simply find the area where you want to embed the TikTok video.

    Then, click on the ‘+’ icon.

    Adding a block to a widget-ready area in your WordPress theme

    In the popup that appears, type in ‘TikTok.’

    When the right block shows up, click to add it to the widget-ready area.

    Embedding TikToks in a WordPress website or blog

    You can now paste the URL of the TikTok video you want to embed.

    With that done, click on the ‘Embed’ button.

    How to embed TikTok videos in WordPress

    When you’ve finished, don’t forget to click on ‘Update’ to make the changes live.

    You can now visit your WordPress blog or website to see the TikTok video live.

    Making a TikTok video live on your website

    Method 2. Using the Full-Site Editor (Works With Block-Based WordPress Themes)

    If you’re using a block theme then you can add a TikTok to any widget-ready area or template using the full-site editor. This allows you to show TikTok videos on pages and posts that you can’t edit using the standard content editor. For example, you might use TikTok videos to improve your 404 page template.

    In your WordPress dashboard, go to Themes » Editor.

    Opening the WordPress full-size editor (FSE)

    By default, the full-site editor will show your theme’s home template.

    If you want to add the TikTok video to a different area, then click on either ‘Template’ or ‘Template Parts.’

    Editing template parts using the full-size editor (FSE)

    You’ll now see all the templates or template parts that make up your WordPress theme.

    Simply find the template where you want to embed a TikTok video and click on it. As an example, we’ll be adding a TikTok to the Archive page template but the steps will be largely the same no matter what template you’re using.

    Customizing the archive template using the WordPress block-based FSE editor

    WordPress will now show a preview of the template.

    To go ahead and edit the layout, click on the small pencil icon.

    Editing a block-based template using the full-site editor (FSE)

    With that done, click on the ‘+’ button towards the top left of the screen.

    In the search bar that appears, type in ‘TikTok.’

    Adding a TikTok block to a WordPress site template

    When the right block shows up, drag and drop it onto the layout.

    You can now paste the video’s URL into the TikTok block, and click on the ‘Embed’ button.

    Adding a TikTok video to any part of your website or blog

    When you’re happy with how the template looks, click on the ‘Save’ button. Now, simply visit your WordPress website to see the TikTok in action.

    Method 3. Using QuadLayers (Embed Your Entire TikTok Feed)

    If you just want to add a few TikToks to your WordPress website, then method 1 and method 2 are both great choices. However, sometimes you may want to show all your latest TikToks in a feed that updates automatically.

    This is an easy way to keep your website fresh and interesting, while promoting your newest TikTok videos at the very same time.

    The best way to embed a TikTok feed in WordPress is by using QuadLayers TikTok Feed. This free plugin allows you to connect WordPress to your TikTok account, and then show all your videos in a gallery or masonry layout.

    An example of an embedded TikTok feed, on a WordPress website

    Just be aware that you can only show TikToks from your own account.

    First, you’ll need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin.

    The first step is creating an access token using your TikTok account. In the WordPress dashboard, head over to TikTok Feed » Accounts and click on ‘Add TikTok Account.’

    Connecting TikTok to your WordPress website or blog

    Next, click ‘Login with TikTok.’

    You can now type in your TikTok email address and password, and follow the onscreen instructions to connect QuadLayers to your TikTok account.

    How to connect your TikTok social media account to WordPress

    When you’re done, QuadLayers will take you back to the WordPress dashboard automatically.

    Now, go to TikTok Feeds » Feeds and click on the ‘+ Feed’ button.

    Adding a TikTok feed to your WordPress website or blog

    In the popup that appears, open the ‘Account’ dropdown and select your TikTok account.

    You can now choose between Gallery and Masonry layouts for the TikTok feed. Masonry shows the videos in portrait mode, while Gallery displays the videos as square thumbnails.

    Connecting a social media account to your WordPress website

    By default, QuadLayers will show the most recent 12 TikToks posted to your account. To show more or fewer videos, simply type a different number into the ‘Limit’ field.

    You can also change how many videos QuadLayers shows in each row, by typing into the ‘Columns’ field.

    Showing TikTok videos in an organized layout

    There are some more settings you can configure, but this is all you need to create an eye-catching TikTok feed.

    When you’re happy with your settings, click on ‘Save.’

    Creating a live TikTok feed for your website or blog

    QuadLayers will now create a shortcode that adds the feed to your website.

    Simply go ahead and copy the value in the ‘Shortcode’ column.

    Adding a TikTok feed to your website using shortcode

    Now, just paste this shortcode into any page, page, or widget-ready area. For step-by-step instructions on how to place the shortcode, please see our guide on how to add a shortcode in WordPress.

    With that done, simply visit your website to see the TikTok feed in action.

    An example of a TikTok feed, embedded on a WordPress website

    We hope this article helped you learn how to embed TikTok videos in WordPress. You may also want to check out our guide on how to embed a Facebook video in WordPress, or see our expert pick of the best social media plugins.

    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 Embed TikTok Videos in WordPress (3 Easy Methods) first appeared on WPBeginner.

  • How to Detect AdBlock Users in WordPress (3 Methods)

    Do you want to detect Adblock users in WordPress and show them targeted messages?

    Adblockers are popular software that blocks advertisements on the internet. They are available as add-ons for all top browsers and mobile apps, as well as a dedicated browser. However, they can hurt your revenue if you rely on ads to make money online.

    In this article, we will show you how to detect AdBlock users in WordPress and share ways to bypass the software.

    How to detect and stop AdBlock in WordPress

    What Is Adblock and How Does It Hurt Website Owners?

    Adblock Plus and other adblocking software allow users to automatically detect and block advertisements on WordPress websites.

    While Adblock brings an ad-free experience to users, it can hurt bloggers and website owners who rely solely on ad revenue.

    Research published by Global Web Index shows that adblocker usage has increased over the past few years. Nearly 43% of internet users have some kind of adblocking software installed on their devices.

    Ad block usage statistics

    Adblocking is a serious problem affecting many websites, particularly blogs that rely on advertisements as their primary source of revenue.

    What Should You Do About Adblock as a Publisher?

    There are several measures that website owners can take to handle visitors using adblockers.

    1. The Do-Nothing Approach

    As the name says, you can simply do nothing about the users with Adblock. You just learn to live with the loss of revenue for the sake of happy users.

    2. The Passive Approach

    You can nicely ask your users to whitelist your website with a promise of quality content and non-obtrusive ads. However, there is no way to know how effective this request will be.

    Another alternative is to create a membership website with paid subscription plans. You can promote paid plans as an ad-free experience with additional content and features.

    Reddit is a great example of this approach with its ad-free Reddit Premium plan.

    Reddit premium preview

    3. The Aggressive Approach

    In this approach, you simply block access to your website for all users with Adblock enabled. If they want to view your content, then they must disable Adblock.

    For example, if you visit Rotten Tomatoes, then you will see a popup that asks you to turn off your adblocker to view its content.

    Disable adblocker notice popup

    This kind of anti-Adblock approach is rather aggressive, and it will turn away users from your site. Studies show that 77% of Adblock users leave websites with Adblock walls.

    So, it’s best to use the passive approach that we mentioned earlier.

    How to Detect Adblock Users in WordPress

    Before you can request Adblock users to whitelist and support your website, you need to be able to detect these users. Luckily, there are plenty of ways to do that in WordPress.

    We will show you a few different methods, and you can choose the one that best suits you:

    Method 1: Detect and Target Adblock Users With OptinMonster (Recommended)

    One of the best ways to detect Adblock users and show them targeted messages is by using OptinMonster.

    It is the best lead generation and conversion optimization software on the market. It helps you convert website visitors into subscribers and customers, grow your email list, get more leads, and boost conversions.

    OptinMonster has a built-in ad-blocking detector that allows you to show targeted campaigns to users with ad-blocking software installed on their devices. This includes popular software like AdBlock, AdBlock Plus, uBlock Origin, and more.

    First, you will need to sign up for an OptinMonster account. You will need at least their Growth plan to access the Adblock targeting.

    Simply visit the OptinMonster website and click the ‘Get OptinMonster Now’ button to get started.

    OptinMonster website

    Once you have signed up, you can head to your WordPress site to install and activate the free OptinMonster plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

    This plugin acts as a connector between your website and OptinMonster.

    Upon activation, you will see the welcome screen and setup wizard in your WordPress dashboard. Simply click the ‘Connect Your Existing Account’ button to continue.

    Connecting an OptinMonster account to WordPress

    Next, you will need to connect your WordPress site with OptinMonster.

    When a new window opens, go ahead and click the ‘Connect to WordPress’ button.

    Connect OptinMonster to WordPress

    Now, you are ready to create a campaign and detect Adblock users.

    Simply head to OptinMonster » Campaigns from the WordPress admin area and click the ‘Create Your First Campaign’ button.

    Create first OptinMonster campaign

    This will open the OptinMonster campaign builder.

    First, you will need to choose a campaign type. If you want to take the passive approach, then you can use the lightbox popup campaign type.

    On the other hand, if you want to aggressively lock out Adblock users, then you can use the fullscreen campaign type instead.

    Choose a campaign type and template

    After choosing a campaign type, you will also need to select a template. OptinMonster offers beautiful pre-built templates for different campaign types. You can easily choose one and edit it according to your needs.

    For this tutorial, we are using the ‘Target’ theme, but you can choose a different template.

    Now, you will be asked to choose a title for your campaign. Once you have entered a name, just click the ‘Start Building’ button.

    Enter a name for your campaign

    Next, you will see the drag-and-drop campaign builder. OptinMonster offers multiple options to customize your popup.

    You can select different blocks from the menu on your left and add them to your template. For instance, there are blocks to add images, videos, buttons, countdown timers, text, and more.

    Customize your AdBlock campaign

    After that, you can simply click on any element in the template to edit it.

    You can click on the text to add your own copy.

    Edit text in AdBlock campaign

    Next, you can also edit the text and action for the buttons in the campaign. For example, we have changed the Yes button to ‘I have disabled AdBlock’ and the No button to ‘I will think about it’.

    You can also choose what action will take place once a user clicks the button. Simply click the ‘Button Click Action’ dropdown menu from the left panel and choose the action.

    Edit button text for AdBlock campaign

    For instance, when a user clicks the ‘I Have Disabled AdBlock’ button, then we want to show the Success view.

    Next, you can click the ‘Success’ tab at the bottom of the campaign builder and edit the view. We edited the text to show a thank you message.

    Edit the success view in AdBlock campaign

    After that, you need to click on the ‘Display Rules’ tab. This is where you can select when and where your campaign will appear.

    OptinMonster offers powerful display rules. By default, it will show the campaign when a user spends 5 seconds or more on your WordPress blog.

    However, you will need to select the ‘Ad-Blocker Targeting’ rule.

    Select ad blocking targeting

    After that, you can show the campaign when the ad blocker is enabled on a user’s browser.

    Next, make sure that the current URL path is set to any page. This setting will display the popup on all pages of your website.

    Change ad blocker targeting rules

    Once you have setup the display ruler, just click on the ‘Next Step’ button to continue.

    Now, you will be asked to select the default view. Make sure that it is set to ‘Yes/No’. You can also show a MonsterEffect and play sound effects when the popup appears on a user’s screen.

    Add sound effects to campaign

    Your Adblock campaign is almost ready. Let’s publish it to make it available on your website.

    Simply switch to the ‘Publish’ tab in the builder and change the Publish Status to ‘Publish’.

    Publish ad blocker campaign

    You can now click the ‘Save’ button at the top and close the campaign builder.

    On the next screen, you will see the WordPress Output Settings for the campaign. To make your campaign live, simply click the ‘Status’ dropdown menu and change it from ‘Pending’ to ‘Published’.

    Make your ad blocker campaign live

    When you are done, go ahead and click the ‘Save Changes’ button.

    That’s all. Your adblocker campaign is now live on your WordPress website.

    You can test out your campaign by installing the AdBlock extension in your browser and visiting your website. You will see a popup asking users to support your website by disabling the Adblock software.

    Ad blocker campaign preview

    Method 2: Target Adblock Users With AdSanity

    AdSanity is one of the best ad management plugins for WordPress. It has a paid ‘Adblock Detection’ add-on that allows you to detect users with ad-blocking software and restrict their access to your website until they disable adblocking.

    First, you need to install and activate the AdSanity plugin and its Ad Block Detection add-on. For more details, see our step-by-step guide on how to install a WordPress plugin.

    Upon activation, you must visit the AdSanity » Settings page and click on the ‘Licenses’ tab.

    Next, you can enter the license keys for the AdSanity core plugin and the Ad Block Detection add-on. You can easily find these license keys in your account area.

    Enter AdSanity license key

    After entering the license, click the ‘Activate License’ and ‘Save Changes’ buttons.

    Next, you can switch to the ‘Add-Ons’ tab in the AdSanity settings.

    Edit AdSanity ad blocker settings

    AdSanity allows you to detect Adblock on posts and pages. You can show a warning popup to Adblock users with your custom message, or you can redirect them to a custom page.

    Both methods are aggressive and require users to disable Adblock to continue browsing your site.

    When you are happy with the settings, make sure to click the ‘Save’ button. AdSanity will now display the warning message to Adblock users on your wesbite.

    Method 3: Detect Adblock Users With AdsMatcher Anti Adblock

    If you are looking for a free way to detect Adblock users, then you can try this method.

    First, you will need to install and activate the AdsMatcher Anti Adblock plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

    Upon activation, head over to the Settings » AdsMatcher page to configure the plugin settings.

    Edit AdsMatcher settings

    The plugin allows you to show a custom message to Adblock users. You can edit the title and message that will appear on your website.

    Plus, you also have the option to display the close button. If you want to use an aggressive approach, then you can hide the close button and force users to disable their adblockers.

    Don’t forget to save your settings. You can now visit your website with the AdBlock extension installed on your browser to test the plugin.

    Disable AdBlock message

    Bonus: Diversify Your Revenue Streams

    Internet users are finding more ways to block ads across the internet. Fighting ad-blocking software can be tiring and a neverending fight to recover lost revenue.

    One thing to consider is changing the way you make money on your website. Finding new ways to monetize your content will give you the freedom to rely less on ads and build a sustainable business in the long run.

    Research shows that privacy, security, and bad user experience are the most common complaints among Adblock users. You can address these complaints by adapting different monetization methods that address those issues.

    Here are a few ways publishers can make money and not rely on ads.

    1. Affiliate marketing

    Affiliate marketing is one of the most common ways to earn money from your content. You can recommend products and services to your users and earn a commission when users make a purchase using your affiliate link.

    There are plenty of plugins and tools for affiliate marketers that will help you get started. For more details, see our beginner’s guide to affiliate marketing.

    2. Selling Direct Ads

    If you are serving ads through a third-party advertising network like Google AdSense, then you have limited control over ads, privacy, and the CPC.

    Selling ads directly to advertisers allows you to ensure privacy, limit tracking, and control what you get paid.

    WordPress ad management plugins like AdSanity allow you to serve your own ads as well. You can use hosted images on your own websites for ads and easily bypass most adblocking software.

    Tip: Don’t wrap your ads around HTML elements with CSS classes like ads, advertisement, promo, etc. This is how AdBlocking software detects and blocks ads.

    3. Sponsored Content

    Consider allowing advertisers to sponsor content on your website. You can write content about their product or service and even include an affiliate link to get a referral commission. You can also accept user-submitted posts directly on your website.

    4. Premium Content

    Another helpful strategy used by many online publications is premium content. You can adapt a pay-per-view model, create membership plans, sell online courses, or simply restrict pages to paid users.

    Forbes content locking popup

    For more ways to diversify your website’s revenue, take a look at our guide on different ways to make money online from your website and some easy-to-start new online business ideas.

    We hope this article helped you learn how to detect AdBlock users in WordPress. You may also want to see our guide on how to create an email newsletter and our expert picks for the best email marketing services to grow your business.

    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 Detect AdBlock Users in WordPress (3 Methods) first appeared on WPBeginner.

  • How to Free Disk Space and Reduce Inode Usage in WordPress

    Are you running out of disk space and inodes for your WordPress website?

    If you run out of disk space and inodes, then you might see different errors. For example, you won’t be able to upload images, send or receive emails, update blog posts, and more. Your users will also have a hard time accessing your website.

    In this article, we will show you how to reduce disk space and inodes on WordPress.

    How to reduce disk space and inodes on WordPress

    Why Free Up Disk Space and Reduce Inode Usage?

    When you purchase WordPress hosting for your website, each service will provide a certain disk space and inode limit.

    Inode is where the metadata for files is stored, like the file size and its physical location. Inode usage equals the number of files and folders on your hosting account.

    Initially, you don’t have to worry about these limits, as you’ll be just starting out. However, as your WordPress site grows, more files and folders will take up disk space and utilize inodes. Once you reach your WordPress hosting company’s allotted limit, you’ll notice several issues on your site.

    For instance, you won’t be able to send or receive emails from your website, have difficulty uploading images and other content to the media library, and update content on pages and posts.

    If the disk space is full, then your visitors might also face problems while accessing your website. Besides that, migrating your site to another host might also not work if you don’t have enough disk space.

    Reducing disk space and inodes will help resolve these issues. Plus, you will see better website performance and a smooth user experience.

    With that, let’s see how you can check disk space usage on your WordPress site.

    How to Check Disk Space in WordPress

    There are multiple ways you can check the disk space in WordPress. The easiest way is by accessing the cPanel of your hosting service.

    All web hosting providers offer statistics on disk usage, file usage, number of email accounts, and more.

    For example, if you’re using Bluehost, then you can simply log in to your account. After that, head to the ‘Advanced’ tab from the menu on your left. The column on the right side will show statistics about disk and file usage.

    View disk usage in Bluehost

    That said, let’s look at ways to increase disk space and free up inodes in WordPress. You can click the links below to jump ahead to your preferred section.

    1. Use Image Optimization Tools to Reduce Their Size

    A simple way to save disk space is by optimizing your images. You can use different tools to reduce the image size without lowering its quality. Besides that, you can change the file format (PNG, JPEG, GIF) and dimensions to reduce the image size by 80%.

    It not only helps save inode usage but also makes your website load faster. You also get faster website backups and improved SEO rankings.

    Image optimization tools use compression technology to lower the file size of the picture. You can use photo editing software like Adobe Photoshop, Affinity, or web tools such as TinyPNG or JPEGmini.

    Optimized vs Unoptimized Images in WordPress

    There are also different WordPress plugins that automatically compress images when you upload them.

    For more details, please see our guide on how to optimize images for web performance without losing quality.

    2. Prevent WordPress from Generating Image Sizes

    Did you know WordPress creates multiple copies of an image when you upload it to your website?

    WordPress automatically generates different image sizes, which include thumbnail, medium, and large sizes in addition to the original picture.

    WordPress Automatically Creates Copies of Your Images in Different Sizes

    These image sizes will take up disk space and inodes on your website. Besides, the backup size of your site will also become large due to different versions of a single image.

    A simple way to prevent WordPress from generating multiple image sizes is using the Stop Generating Unnecessary Thumbnails plugin. It is a free plugin that lets you disable image sizes.

    You can learn more by following our guide on how to prevent WordPress from generating image sizes.

    3. Don’t Upload Videos to WordPress

    Another way you can reduce disk space, and inodes is by ensuring that you don’t upload videos to WordPress.

    Directly uploading videos to your site means using more bandwidth and disk space. If you have high-quality videos, then it will utilize even more resources. You will also need different plugins to manage and display videos, which means using more disk space.

    A better alternative is to upload videos to sites like YouTube or Vimeo and then embed them on your site. This way, you’ll free up disk space and bandwidth. Your videos will also get more exposure since YouTube is the second most popular search engine and the most visited site.

    You can follow our guide on how to easily embed videos in WordPress blog posts for more details.

    4. Clean Your WordPress Media Library

    Cleaning your WordPress media library is a great way of incresting disk space and reducing inodes in WordPress.

    If you have media files that are not in use, have multiple copies of the same image, or have pictures in the incorrect size, then you can remove them to free up space.

    Usually, you can head to Media » Library from the WordPress dashboard and select an image you want to remove. Once the image attachment details open, simply click the ‘Delete permanently’ option.

    Delete images from library

    However, the manual process is time-consuming, and it can be hard to find media files that are not in use.

    A more efficient way is to use WordPress plugins that help clean the WordPress media library. For example, Media Cleaner is a free plugin that scans your site for unused media files in the library and posts/pages. You can then decide which files to keep and which to remove.

    For more details, please see our guide on how to clean up your WordPress media library.

    5. Remove Inactive WordPress Plugins and Themes

    Do you have WordPress plugins and themes that are inactive and currently not in use?

    Having inactive WordPress themes and plugins means they are using inodes and taking up disk space. You should remove these plugins and themes to increase disk space and reduce inode usage.

    To remove plugins, simply head to Plugins » Installed Plugins from your WordPress admin panel. Next, click the ‘Delete’ button for any plugin that is not being used.

    Delete inactive plugins

    Similarly, you can also delete inactive WordPress themes.

    First, you will need to go to Appearance » Themes from your WordPress dashboard.

    Delete inactive themes

    From here, click on the theme you want to remove.

    A new popup window will open with the details of your WordPress theme. Go ahead and click the ‘Delete’ button at the bottom right corner.

    Delete a theme

    6. Delete Draft Blog Posts and Pages

    Just like inactive themes and plugins, removing draft blog posts and pages can also free up disk space and reduce inodes in WordPress.

    They would take up unnecessary space, and you can improve website performance by deleting them.

    Simply go to Posts » All Posts from your WordPress admin area. Next, click the ‘Trash’ button under any draft blog post.

    Trash draft blog post

    You can do the same for draft pages on your website.

    WordPress also allows you to bulk delete posts and pages. For more details, please see our guide on how to bulk delete WordPress posts.

    7. Empty Your Mailbox and Delete Unused Email Accounts

    If you’re using email accounts on your hosting service, then they also take up space and utilize inodes on your site.

    To reduce inode usage and save disk space, you can check your emails and delete any unwanted emails. These can be spam emails or old emails that are not required anymore.

    Similarly, if you have multiple email accounts set up on your WordPress hosting service, then you can delete accounts for inactive users. You can access your mailbox and different email accounts using the cPanel of your hosting provider.

    8. Clear Cache and Old Backup Files in WordPress

    Cache plugins are super useful in speeding up your WordPress website and providing a better user experience.

    However, these plugins can generate a high amount of cache files if left unchecked. As a result, they will utilize inodes on WordPress. That’s why it is a best practice to clear the WordPress cache at regular intervals and reduce inode usage.

    Different WordPress hosting services and caching plugins come with a built-in option to clear the cache.

    For example, Bluehost allows clearing your cache from the WordPress admin area. Simply select the ‘Caching’ option in the toolbar at the top and click the ‘Purge All’ option to remove the cache.

    Clear Bluehost cache

    Similarly, if you’re using WordPress security and backup plugins, then clearing old security reports and backups will also significantly improve your inode usage and disk space issues.

    For instance, if you’re using Duplicator for backups, then you can view existing backups and delete the old ones from your WordPress dashboard.

    Simply go to the Duplicator Pro » Packages page and select your old backup. After that, click the Bulk Action dropdown menu and select Delete.

    Delete existing backups in WordPress

    You can get started with the free version of Duplicator, and we highly recommend checking out the Pro features, too.

    We hope this article helped you learn how to free up disk space and reduce inode usage on WordPress. You may also want to see our guide on WordPress security and tips to speed up WordPress performance.

    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 Free Disk Space and Reduce Inode Usage in WordPress first appeared on WPBeginner.

  • How to Manage Multiple WordPress Sites from One Dashboard

    Are you looking for an easy way to manage multiple WordPress sites?

    Monitoring multiple websites and keeping them up to date can be very time-consuming.

    Luckily, there are several WordPress management tools that make it super easy to manage multiple WordPress websites from a single dashboard. This will help you save a lot of time while keeping all your WordPress installs and plugins up to date.

    In this article, we will share some of the best tools to help you easily manage multiple WordPress sites from one dashboard like a pro.

    Best tools to easily manage multiple WordPress sites

    Why Use a WordPress Management Tool to Maintain Multiple Sites?

    WordPress management tools make it easy to manage multiple WordPress websites from a single dashboard.

    You will be able to:

    • Quickly update WordPress software on all your websites.
    • Monitor theme and plugin updates across your websites and install them easily.
    • Automatically back up your WordPress sites and store them in an offsite location.
    • Manage users, comments, and other WordPress options.

    Managing your sites using a multi-site management tool helps you keep an eye on all your sites without logging into each site separately.

    Whether you are an individual user, freelancer, blogger, or agency, using one of these tools can help you save time while making sure that all your sites are functioning properly.

    Providing website maintenance services to businesses is also a popular online business idea. You can use these WordPress site management tools to help grow your freelance business.

    That being said, let’s look at the best tools to easily manage multiple WordPress sites from a single dashboard.

    1. InfiniteWP

    InfiniteWP

    InfiniteWP is a powerful WordPress site management tool optimized for agencies, developers, and freelancers.

    You can manage unlimited websites. However, the free version is limited to managing WordPress plugins, themes, and core updates. It also allows you to create on-demand site backups, but you will need a paid addon to store them in a remote storage location.

    The real power of InfiniteWP is unlocked with their premium plan, which includes all paid features like easy website deployments, staging websites, migrations, malware scans, uptime monitoring, client reports, managing comments, publishing posts and pages, 2-factor authentication, a broken link checker, and more.

    They also let you white-label the plugin with your own branding so that your clients see your logo instead of InfiniteWP.

    InfiniteWP is not a SaaS application. Instead, it allows you to install the WordPress management tool directly on your own site. You can install it via an installer plugin, via cPanel, or manually upload it to your server.

    Once set up, you can add websites that you want to manage and then install the InfiniteWP client plugin on those websites. This client plugin connects your websites to InfiniteWP’s admin panel. This gives you infinite control over the sites you manage.

    Pricing: Paid plans start from $147/year for 10 sites.

    2. iThemes Sync

    iThemes Sync

    iThemes Sync is a powerful WordPress management tool from the people behind the popular BackupBuddy plugin.

    It allows you to manage WordPress updates from a single dashboard. You can also install themes and plugins from WordPress.org or manually upload them.

    It also gives you access to uptime monitoring, client reports, user management, security, and integration with BackupBuddy cloud storage, Google Search Console, and more.

    It comes with an easy-to-use, intuitive interface which makes site management a breeze.

    Pricing: Paid plans start from $69 per year for 5 sites.

    3. Jetpack

    Jetpack WP

    Jetpack is a powerful plugin suite that comes with multiple WordPress site management features. You will need a WordPress.com account to start using Jetpack. (See the difference between WordPress.com vs. WordPress.org).

    The free Jetpack plugin acts as a connector between your website and WordPress.com servers. You will be using the WordPress.com dashboard to manage all your WordPress sites.

    Using the free version, you can manage WordPress plugins and core updates across all your websites. It also comes with downtime monitoring and basic brute force attack protection.

    However, you will need to upgrade to their paid plans to get more features. There are plans with different features, including automated backups with Jetpack, malware scanning, security fixes, site activity logs, and more.

    Pricing: Paid plans start from $3.95/month (billed annually).

    4. CMS Commander

    CMS Commander

    CMS Commander is a paid WordPress website management tool. You will manage your websites from the CMS Commander dashboard. To connect all your websites, you will need to install a client plugin on each site.

    It includes 1-click updates, backup management, 2-factor authentication, a basic malware scanner, custom branding, and more.

    What makes CMS Commander a little different than other tools on the list is its content management features. It allows you to utilize third-party sources like YouTube, Flickr, Yelp, and more to add content.

    It also connects with article spinning services to rewrite the content and post it to your multiple websites. For affiliate marketers, it offers integrations with popular affiliate networks like Amazon, ShareASale, Commission Junction, and more.

    Pricing: Plans start from $8/month for 5 sites. Business plans for agencies and large site networks start from $30/month for 50 sites.

    5. MainWP

    MainWP

    MainWP is a free WordPress website management tool supported by paid addons. It comes as an admin plugin that you install on a separate WordPress website.

    After that, you need to install the MainWP child plugin on all the websites you want to manage.

    MainWP comes with easy update management, uptime monitoring, a security scanner by Sucuri, a vulnerable plugin and theme scanner, user and content management tools, and more.

    It also comes with extensions for several popular WordPress backup plugins, including UpdraftPlus, allowing you to manage your backups as you want. You can also find extensions for bulk upload articles, client reports, access control, and more.

    Pricing: The core plugin is free, with paid extensions for different features. All extensions subscription starts at 17/month (billed annually).

    6. ManageWP

    ManageWP

    ManageWP is a free WordPress website management tool that allows you to manage all your WordPress sites from a single dashboard.

    The dashboard is hosted on ManageWP’s website, and you connect all your websites by installing the Worker plugin on each site. This plugin acts as a bridge between your websites and the ManageWP dashboard.

    Using a single dashboard, you can install one-click updates for all your WordPress plugins, themes, and core WordPress files. It lets you moderate comments on all your sites from the ManageWP dashboard.

    The core ManageWP functionality is free for unlimited sites. However, they also offer paid addons on a monthly subscription basis. It includes automated monthly backups and security scans for free, but you will need the paid addons for real-time backups and automated scheduled security scans.

    Other notable features include performance analysis, uptime monitoring, SEO rankings, and historical logs of all activities performed by ManageWP on your sites.

    If you are an agency, you will like their client reports, which you can send to your clients to keep them in the loop. ManageWP also offers a white label service, which entirely hides ManageWP branding and allows you to offer your clients a user experience with your own brand.

    Pricing: Free for unlimited sites with paid addons available on a monthly subscription basis.

    7. WP Remote

    WP Remote

    WP Remote offers a simple way to manage updates on all your WordPress sites. It is a basic WordPress management tool with a limited set of features than some other tools on this list.

    It lets you easily install WordPress updates for core, plugins, and themes. You can also use it to create backups and download them to your computer or store them on AWS or SFTP.

    Pricing: Agency plans start from $29/month for 5 sites, allowing you to add more users.

    Which Is the Best Tool to Manage Multiple WordPress Sites?

    Choosing the best WordPress website management tool entirely depends on your needs. An individual user with fewer WordPress sites may want an easier and cheaper solution.

    On the other hand, if you are a freelancer or agency working for clients, you will want to use something more powerful and advanced.

    Regarding features, ease of use, and flexibility, we found InfiniteWP to be the best WordPress management tool. It is a perfect fit for freelancers, agencies, and developers.

    If you only want to manage a few sites and don’t need all the advanced features that InfiniteWP offers, then we recommend iThemes Sync or Jetpack for basic website management.

    We hope this article helped you find the best tools to manage multiple WordPress sites easily. You may also want to see our ultimate WordPress security guide and our expert picks for the must have WordPress plugins to grow your website.

    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 Manage Multiple WordPress Sites from One Dashboard first appeared on WPBeginner.

  • How to Select and Use Nested Blocks in WordPress

    Do you want to learn how to select and use nested blocks in WordPress?

    The WordPress Gutenberg nested blocks feature allows you to add multiple blocks within a parent block. Then, you can customize different block elements at the same time, organize post content efficiently, and access more design flexibility.

    In this article, we will show you how to easily select and use WordPress nested blocks.

    Select and use nested blocks in WordPress

    What Are WordPress Nested Blocks?

    The WordPress Gutenberg nested block feature allows you to insert (or ‘nest’) one or more blocks within another block.

    Nested blocks help you create more complex layouts on your WordPress website by adding multiple blocks inside each other. This allows for more flexibility when designing and formatting content for pages and posts.

    For instance, you can nest multiple Image blocks within a Group block to display a set of photos from a particular event or a series of artworks created using a particular technique.

    Preview of WordPress nested blocks

    Moreover, the nested block feature allows you to edit individual blocks separately. This means that you can customize each block according to your needs without affecting the other blocks. In turn, this results in better content organization, makes your content more attractive, and streamlines your content creation process.

    That being said, let’s see how you can easily select and use WordPress Gutenberg nested blocks.

    How to Use WordPress Nested Blocks

    You can easily nest multiple blocks together using the Group or Columns block in the Gutenberg block editor.

    First, you need to open up an existing or new post in the block editor from the WordPress admin sidebar.

    From here, simply click on the ‘+’ button in the top left corner of the screen and find the ‘Group’ block. Upon clicking it and adding it to the page, you will need to select a layout for the blocks that you will nest together.

    For this tutorial, we will be selecting the ‘Group’ layout.

    Select Group block from the block menu

    Next, simply click on the ‘+’ button on the screen to start adding content within the parent block.

    For the sake of this tutorial, we will be adding an Image block.

    Add an image block within the Group block

    Upon adding the Image block, just click the ‘Group’ button in the block toolbar at the top to select the parent block.

    Next, you need to click the ‘+’ button to open up the block menu, from where you can choose other blocks to add.

    Open the block menu to add another block within the Group block

    How to Configure WordPress Nested Block Settings

    Once you have nested multiple blocks, you can configure their individual settings by clicking on each block. This will open up the block settings in the right column on the screen.

    From here, you can adjust the background color, text color, and size of the individual blocks without affecting the other blocks that are nested within it.

    Configure the individual block settings

    To configure the settings of all the nested blocks together, you will have to click the ‘Group’ button in the block toolbar at the top. This will open up the parent block settings in the right column.

    You can now configure the justification, orientation, background color, text color, and typography of all the nested blocks.

    Keep in mind that these settings will affect all the blocks nested within the parent block.

    Configure the settings of the Group block

    You can also convert an existing individual block into nested blocks by clicking the ‘Options’ button in the top toolbar of any block.

    This will open up a menu prompt, where you need to select the ‘Create Reusable block’ option.

    Choose the Create Reusable Block option

    Once you have done that, a new reusable block will be created where you can add multiple blocks.

    After you are done, don’t forget to click the ‘Publish’ or ‘Update’ button to save your changes.

    Create nested blocks

    In our example, we have nested a Title, Image, and Paragraph block within a Group block. This is how the nested blocks looked on our demo website.

    Preview of WordPress nested blocks

    Bonus: Use the Wayfinder Plugin to Easily Select Nested Blocks

    Sometimes, it can be difficult to select an individual block and configure it when there are multiple blocks nested together.

    Luckily, the Wayfinder plugin makes it super easy to select nested blocks from a parent block and even tells you the type and class of the blocks.

    First, you will need to install and activate the Wayfinder plugin. For more instructions, you may want to see our guide on how to install a WordPress plugin.

    Upon activation, head over to the Settings » Wayfinder page from the WordPress admin sidebar.

    Once you are there, all the settings will already be activated. You simply need to uncheck the box next to the settings that you don’t want to use.

    For example, if you want Wayfinder to display block types for all the blocks in the editor, then keep the box checked next to the ‘Display block type’ option.

    Configure the Wayfinder plugin settings

    However, if you don’t want the plugin to display block classes, simply uncheck the box next to that option.

    After configuring the settings, don’t forget to click the ‘Save Changes’ button.

    Next, you need to open up an existing or new post from the WordPress admin sidebar.

    Once you are there, hovering your mouse over any block will show an outline with its name. You will also be able to see the outline and name of any nested blocks within the parent block.

    GIF for the Wayfinder plugin

    This will help you identify all the different blocks that are nested within a Group or Columns block.

    From here, you can easily select an individual block from the parent block to configure its settings.

    Use Wayfinder plugin to easily select a block

    You can also select all the nested blocks at the same time by simply clicking on the ‘Columns’ or ‘Group’ heading. This will open up the parent block settings in the right column.

    Once you have configured the block settings, simply click the ‘Update’ or ‘Publish’ button to save your changes.

    Click the Group block outline to open its settings

    We hope this article helped you learn how to select and use WordPress nested blocks. You may also want to see our tutorial on how to change block height and width in WordPress and our top picks for the must-have WordPress plugins to help grow your site.

    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 Select and Use Nested Blocks in WordPress first appeared on WPBeginner.

  • How to Set Up WP Mail SMTP with Any Host (Ultimate Guide)

    Do you want to set up WP Mail SMTP on your WordPress site?

    WP Mail SMTP is the best WordPress SMTP plugin that allows you to easily send WordPress emails using a secure mail transfer protocol (SMTP). It makes sure your emails go to the inboxes of your users and not to the spam folder.

    In this article, we will show you how to easily set up WP Mail SMTP with any host or third-party SMTP service.

    Setting up WP Mail SMTP with any WordPress host

    This is a lengthy article, so we have added a table of contents. If you know what you are looking for, then you can click the link to jump to that section:

    What Is WP Mail SMTP, and Why Do You Need It to Send WordPress Emails?

    WP Mail SMTP is the best WordPress SMTP plugin on the market. It allows you to send all your WordPress emails using an SMTP server.

    Once you set up your WordPress site, you may notice that you are not getting any emails from WordPress. These include WordPress notification emails and emails from your WordPress contact form plugin.

    The reason you are not getting emails is usually that WordPress uses the PHP mail() function to send them.

    Most WordPress hosting companies do not configure this function properly, and some simply disable it to prevent abuse.

    The easiest fix for this issue is to use SMTP to send WordPress emails.

    SMTP stands for ‘secure mail transfer protocol’, and it is pretty much the standard way to send emails. It requires you to log in to a mail server to send emails. This prevents the abuse of the hosting server and improves email deliverability, which means that you and your users will receive all WordPress emails.

    Hosting SMTP Server vs. Third-Party SMTP Server – Which One Should You Use?

    Most WordPress hosting companies offer free business email addresses that you can use with your own domain name.

    We recommend setting up a separate email address for your WordPress website. It can be anything like support@example.com or info@example.com.

    However, your WordPress hosting provider does not specialize in sending emails. Their SMTP servers are basic and have strict limits on the number of emails you can send.

    If you run a small business website or a blog, then you will probably be fine with your hosting provider’s SMTP servers.

    On the other hand, if you run an online store or a membership website, then emails become mission-critical for your business. You want to make sure that your customers get important email notifications delivered to their inboxes.

    This is where you need a third-party SMTP service provider. These companies specialize in securely sending large numbers of emails without triggering spam filters.

    We recommend using SendLayer, Brevo (formerly Sendinblue), or SMTP.com for most online businesses. They are reasonably priced and can scale as your business grows.

    For more information, you can see our article on the top SMTP service providers.

    Once you have chosen an email delivery method, the next step is to connect your WordPress website to your mail server.

    This is where the WP Mail SMTP plugin comes in. It allows you to send WordPress emails via SMTP by entering your SMTP credentials.

    WP Mail SMTP is the most popular SMTP solution for WordPress, currently used by over 3 million websites. It’s maintained by the same team as WPForms.

    There is also a free WP Mail SMTP lite version that is fully functional and can be used with any WordPress hosting company or third-party SMTP service provider.

    The premium version of the WP Mail SMTP plugin supports all the top SMTP service providers and works with any WordPress hosting company that offers email accounts.

    It also comes with powerful features like email logs, email controls, priority support, and a white glove setup.

    Installing and Setting Up WP Mail SMTP

    The first thing you need to do is install and activate the WP Mail SMTP plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

    Upon activation, you will see the setup wizard. You can skip it as we will show you how to set up WP Mail SMTP manually.

    WP Mail SMTP Launch Wizard

    Just click on ‘Go back to the Dashboard’.

    Next, you need to visit the WP Mail SMTP » Settings page to configure the plugin settings.

    WP Mail SMTP Settings

    You need to enter your SMTP settings to use WP Mail SMTP. The first part of the settings will be similar regardless of your hosting company. It includes the following fields:

    • From Email – This email address will be used to send all WordPress emails.
    • From Name – This name will be used to send emails. We recommend using your website’s title.
    • Return Path – Check this box to receive delivery notifications or bounced messages.
    • Mailer – You need to select ‘Other SMTP’ here as you will be sending emails using your host’s SMTP server

    Note: If you want to use third-party mailers, follow this guide to send WordPress emails via Gmail SMTP. We also have a similar guide for the Brevo (formerly Sendinblue) SMTP setup.

    WP Mail SMTP return path and mailer settings

    If you want to continue using your host, you need to select ‘Other SMTP’ and enter the SMTP server settings provided by the hosting company.

    • SMTP Host – The SMTP host address provided by your hosting company.
    • Encryption – The encryption method used by your mail server to send emails. Usually, it is TLS.
    • SMTP Port – The port used by the outgoing mail server.
    • Auto TLS – This setting should be set to On.
    • Authentication – Needs to be On.
    • SMTP Username – Usually the email address you are using to send emails.
    • SMTP Password – The password for the email account you are using to send emails. We don’t recommend saving SMTP passwords here. Instead, you need to store your password in the wp-config.php file.
    Other SMTP

    These settings are required to connect with any SMTP server. However, their values may differ from one WordPress hosting company to another.

    Let’s see how to set up the WP Mail SMTP plugin with different hosting companies.

    Setting Up WP Mail SMTP on Bluehost

    Bluehost is one of the biggest hosting companies in the world and an officially recommended WordPress hosting provider.

    We recommend Bluehost to all users who are starting a WordPress blog or making a small business website.

    Here are the SMTP settings you will be using to connect WP Mail SMTP to the Bluehost SMTP server:

    • SMTP Host – mail.example.com
    • Encryption – TLS
    • SMTP Port – 587
    • SMTP Username – Your email address (e.g. wordpress@example.com)
    • SMTP Password – Your email account password

    Don’t forget to replace example.com with your own domain name.

    Bluehost SMTP

    Setting Up WP Mail SMTP on SiteGround

    SiteGround is another popular WordPress hosting company. They offer excellent shared, managed, and WooCommerce hosting services.

    Here are the SMTP settings you will be using to connect WP Mail SMTP with SiteGround servers:

    • SMTP Host – mail.example.com
    • Encryption – TLS
    • SMTP Port – 587
    • SMTP Username – Your email address (e.g. wordpress@example.com)
    • SMTP Password – Your email account password
    SiteGround SMTP

    Setting Up WP Mail SMTP on HostGator

    HostGator is another popular WordPress hosting company. WPBeginner is hosted with HostGator, and we have been using them for over a decade.

    Here are the SMTP settings you will be using to connect WP Mail SMTP with HostGator servers:

    • SMTP Host – full.servername.com
    • Encryption – SSL
    • SMTP Port – 465
    • SMTP Username – Your email address (e.g. wordpress@example.com)
    • SMTP Password – Your email account password
    HostGator SMTP settings for WordPress

    You will notice that instead of using your domain as the SMTP Host, it uses the server name. You can find the server name in your cPanel hosting dashboard.

    Simply log in to your cPanel, and you will see the full server name in the right column towards the bottom.

    HostGator server hostname

    Setting Up WP Mail SMTP on DreamHost

    DreamHost is a popular WordPress hosting company. They have been around since 1997 (way before WordPress, Google, or Facebook) and offer shared WordPress hosting, managed, and VPS hosting plans.

    Here are the SMTP settings you will be using to connect WP Mail SMTP with DreamHost servers:

    • SMTP Host – full.servername.com
    • Encryption – SSL
    • SMTP Port – 465
    • SMTP Username – Your email address (e.g. wordpress@example.com)
    • SMTP Password – Your email account password
    DreamHost SMTP

    You will notice that Dreamhost doesn’t use your domain name as the mail server. Instead, they use different servers to manage emails, and you will need to find out which one is used by your hosting account.

    You can do this by logging in to your DreamHost hosting panel and then going to the Support » Data Centers page. From here, you need to scroll down to the Mail service section.

    DreamHost Mail Service

    You will find the name of the email cluster under the Details column next to your domain name.

    Next, you need to visit DreamHost’s email configuration page and scroll down to the ‘Where to find your mail hostname (cluster) name’ section.

    Here, you can match your email cluster with the names in the table and copy the outgoing server address next to it.

    SMTP server DreamHost

    Setting Up WP Mail SMTP on InMotion Hosting

    Here are the SMTP settings you will be using to connect WP Mail SMTP with InMotion Hosting servers:

    • SMTP Host – server##.inmotionhosting.com
    • Encryption – SSL
    • SMTP Port – 465
    • SMTP Username – Your email address (e.g. wordpress@example.com)
    • SMTP Password – Your email account password
    InMotion Hosting SMTP settings for WordPress

    In the SMTP host field, you need to replace ## with your server number.

    You can find this by logging in to your cPanel dashboard and then clicking on the ‘Account Technical Details’ icon.

    Finding your InMotion Hosting server number

    Setting Up WP Mail SMTP on GoDaddy

    GoDaddy is the world’s most popular domain name registrar, managing more than 76 million domain names for over 17.5 million customers. They also offer different hosting plans (For details, see our article on the difference between a domain name and web hosting).

    Here are the SMTP settings you will be using to connect WP Mail SMTP with GoDaddy shared hosting plans:

    • SMTP Host – mail.example.com
    • Encryption – TLS
    • SMTP Port – 587
    • SMTP Username – Your email address (e.g. wordpress@example.com)
    • SMTP Password – Your email account password
    GoDaddy SMTP settings for WP Mail SMTP

    Setting Up WP Mail SMTP on iPage

    Here are the SMTP settings you will be using to connect WP Mail SMTP with iPage hosting servers:

    • SMTP Host – smtp.ipage.com
    • Encryption – TLS
    • SMTP Port – 587
    • SMTP Username – Your email address (e.g. wordpress@example.com)
    • SMTP Password – Your email account password
    iPage SMTP settings for WP Mail SMTP

    Setting Up WP Mail SMTP on GreenGeeks

    Here are the SMTP settings you will be using to connect WP Mail SMTP with GreenGeeks:

    • SMTP Host – mail.example.com
    • Encryption – SSL
    • SMTP Port – 465
    • SMTP Username – Your email address (e.g. wordpress@example.com)
    • SMTP Password – Your email account password
    GreenGeeks SMTP settings for WP Mail SMTP

    Setting Up WP Mail SMTP on JustHost

    Here are the SMTP settings you will be using to connect WP Mail SMTP with JustHost:

    • SMTP Host – mail.example.com
    • Encryption – SSL
    • SMTP Port – 465
    • SMTP Username – Your email address (e.g. wordpress@example.com)
    • SMTP Password – Your email account password
    JustHost SMTP settings for WP Mail SMTP

    Setting Up WP Mail SMTP With Third-Party Email Services

    Some managed WordPress hosting companies do not offer email services as part of their hosting plans. So, you will need to use a third-party SMTP service provider to send emails.

    WP Mail SMTP supports multiple popular mailing services, including SendLayer, Gmail/Google Apps for Work, Microsoft Outlook and Office 360, Brevo (formerly Sendinblue), SMTP.com, and more.

    Simply click on the mailer service, and the plugin will show you the information required to use that mailer.

    Mailers in WP Mail SMTP

    For details, you can see our tutorial on how to use a free SMTP server to send WordPress emails.

    We hope this article helped you learn how to set up WP Mail SMTP with any host. You may also want to see our guide on why you should never use WordPress to send your newsletter emails and our expert picks for the best newsletter plugins.

    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 Set Up WP Mail SMTP with Any Host (Ultimate Guide) first appeared on WPBeginner.

  • How to Easily Change the “Just Another WordPress Site” Text

    Does your site have the text “Just another WordPress site” in the header or title bar?

    Beginners often don’t know how to change this tagline, but leaving it in place doesn’t look good. Luckily, it’s easy to change this to something else or even remove it altogether.

    In this tutorial, we’ll show you how to change the “Just another WordPress site” text, step by step.

    Changing just another WordPress site tagline

    What is a WordPress Site’s Tagline?

    A tagline is a WordPress site’s slogan or description. Many websites use a catchy phrase as their tagline to describe their website and brand.

    Until version 6.1, WordPress used “Just another WordPress site” by default for your website’s tagline when you first created a website.

    After the update, WordPress leaves the tagline field empty for new installations.

    However, users who created their websites before that or by using an earlier version may still have “Just another WordPress site” saved in WordPress settings as their site’s tagline.

    Not all WordPress themes display this tagline, but many do.

    Even if your theme doesn’t display the site tagline to users, you should definitely change this text from the default. Doing so is on our list of the key things you should do after installing WordPress.

    Just another WordPress site example

    Here on WPBeginner, we use “Beginner’s Guide for WordPress” as our tagline. You can see it just below our navigation menu.

    It’s also in our site’s title tag in your browser.

    WPBeginner tagline

    It is not necessary to have a tagline for your website. If you cannot think of something appropriate right now, you can skip the tagline.

    For instance, your site’s main topic or mission might be clear from its domain name or website title.

    However, if your domain name isn’t clearly linked to your blogging niche, adding a catchy tagline can help you explain what your website is about.

    Video Tutorial

    If you’d prefer written instructions, just keep reading.

    Method #1: Changing Your Tagline in WordPress’s Settings

    The simplest way to change the “Just another WordPress site” tagline is in your WordPress site’s settings.

    First, you’ll need to go to your WordPress dashboard. You can normally do this by adding /wp-admin to the end of your website’s domain name.

    For instance, if your site is called example.com, then your WordPress dashboard is at example.com/wp-admin.

    WordPress will prompt you to log in if you’re not already logged in.

    Once logged in, you need to go to Settings » General in your dashboard, and you’ll see the Tagline field there.

    Change tagline in General settings

    You can change the tagline or remove it by clearing the box.

    Leaving the tagline field empty will remove the tagline text from your website.

    Delete tagline text

    Note: After you have deleted the text, WordPress may still show ‘Just another WordPress site’ as placeholder text. This text is merely a hint and will not be saved when you click on the Save Changes button.

    If you want to use your own tagline, then here are a few tips to come up with something catchy and helpful.

    • Use your website’s main topic in the tagline.
    • Keep it short and simple.
    • Don’t stuff too many keywords or special characters. Search engines may consider it a bad practice and could penalize your website.

    Let’s say, you run a travel blog, then a tagline like ‘Travel Tips and Hacks for Solo Travelers’ would work great.

    Once you’ve changed that, scroll down to the bottom of the page and click the ‘Save Changes’ button.

    Now, you can visit your site and see your new tagline in place:

    New tagline preview

    Method #2: Changing WordPress Tagline in Site Editor

    If you are using a newer block theme, then you can change the tagline in Site Editor as well.

    Go to the Appearance » Editor page to launch the Site Editor.

    Editing header in Site Editor

    If you can immediately see the tagline, then you can go ahead and click on it.

    Otherwise, you can browse the templates and template parts to locate the Site Tagline block.

    Simply click on the tagline to edit the text inside it.

    Edit tagline text

    If you don’t want to display the tagline at all, then you can just delete the block.

    Simply click on the three-dot menu in the Site Tagline block settings and select ‘Remove Site Tagline’ from the menu.

    Remove site tagline block

    Once you are finished editing, don’t forget to click on the Save button to store your changes.

    Method #3: Changing Your Tagline in WordPress’s Theme Customizer

    You can also change your tagline in the WordPress Theme Customizer.

    To do so, go to Appearance » Customize in your WordPress dashboard.

    Launch theme customizer

    The main part of your screen shows a preview of your website.

    Down the left-hand side, you have a series of tabs that let you customize different aspects of your website.

    First, you’ll need to look for a tab labeled ‘Site Identity.’ This will generally be at or near the top.

    Locate site identity tab

    You can also click on the Pencil icon next to the tagline to quickly locate the Site Identity panel.

    Note: If you can’t see the Site Identity tab, expand other tabs to see if it’s nested under them. For instance, Site Identity is within the Header tab in the Astra theme.

    Click on the Site Identity tab to expand it, and you’ll see a box where you can change your tagline.

    We are using the Button theme in this example, and you can see in the image below that we also have the option to turn off the display of the site’s title and tagline in this section.

    Edit site identity tagline

    The theme customizer options are determined by the WordPress theme you’re using, so you may see different options here.

    Once you’ve changed the tagline to whatever you want to use, click the ‘Publish’ button at the top of the screen.

    Publish your changes

    Troubleshooting Your Tagline

    Usually, changing your tagline goes smoothly. But what if you changed your tagline and the “Just another WordPress site” text is still showing up?

    Wrong Tagline on Your Site

    First, check that you saved your changes. Go back to Settings » General and see if your tagline is correct. If necessary, change it again and click ‘Save Changes’ at the bottom of the page.

    If the “Just another WordPress site” text still appears on your site itself, try clearing your cache.

    You could also try looking at your site on a different device or in a different browser to see if it’s a browser cache issue.

    If the problem persists, then you need to reach out to your WordPress hosting support for help.

    Wrong Tagline on Google

    What if the “Just another WordPress site” text is no longer on your website, but it still shows up in a Google search?

    The best way to fix this is to with a Google Search Console account.

    Simply type your homepage URL into the search bar at the top. Click the magnifying glass or press Enter on your keyboard to run the search.

    You’ll now see details about the URL. Click the ‘Request Indexing’ link.

    Request reindexing

    Google will then recrawl your page within the next few days, and then it should show the correct tagline, not the “Just Another WordPress Site” text.

    Wrong Tagline on Facebook

    If the “Just another WordPress site” text is still showing up on your Facebook posts, you may need to clear your Facebook cache. You can do this by going to the Sharing Debugger tool.

    Simply enter the URL of your site and click the ‘Debug’ button.

    Sharing debugger

    You should see a section with the heading ‘When and how we last scraped the URL.’ Click the ‘Scrape Again’ button at the top of this section. This should refresh the information that Facebook stores about your site.

    Your website’s tagline should now display correctly when you share posts on Facebook.

    We hope this article helped you learn how to change the “Just another WordPress site” text. If you’re just getting started with blogging, we recommend reading our beginner’s guide to the most common WordPress mistakes to avoid, and our expert pick of the must-have WordPress plugins for all websites.

    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 Easily Change the “Just Another WordPress Site” Text first appeared on WPBeginner.

  • How to Edit WooCommerce Pages (No Coding Required)

    Do you want to edit WooCommerce pages without writing code?

    WooCommerce creates many pages to display products and add cart functionality to your store. Small improvements to these pages can result in higher sales and less cart abandonment for your store.

    In this article, we will show you how to easily edit WooCommerce pages to make more sales without any coding skills.

    How to Edit WooCommerce Pages

    Why Edit WooCommerce Pages for Your Online Store?

    WooCommerce creates many pages to display products, shop, account, checkout, and cart features for your online store.

    By default, your WordPress theme controls how these pages look. There are a ton of great WooCommerce themes that you can choose from.

    However, editing these pages may not be as straightforward as it seems.

    For instance, you may not be able to show additional products, add upsell features, change the layout, and more.

    This is where SeedProd comes in. It is the ultimate WooCommerce page builder plugin that allows you to use an intuitive drag-and-drop tool to design your WooCommerce pages.

    SeedProd website builder

    The first thing you need to do is install and activate the SeedProd plugin. For more details, see our tutorial on how to install a WordPress plugin.

    For the different methods in this article, we will be using the SeedProd Pro version, as it has the features needed to edit WooCommerce pages.

    Upon activation, you need to visit SeedProd » Settings page to enter your plugin license key. You can find this information under your account on the SeedProd website.

    Adding a SeedProd license key to WordPress

    After entering your license key, you are good to go. You can now edit and create highly optimized WooCommerce pages for your online store.

    That being said, let’s take a look at how to edit WooCommerce pages, step by step.

    You can click any of the links below to jump to any method you want:

    Create a Completely Custom WooCommerce Theme

    SeedProd comes with a complete WooCommerce theme builder built-in. This allows you to replace your WooCommerce theme with a custom one of your own.

    The advantage of this approach is that you get more flexibility when editing your WooCommerce theme. You can edit any page using a simple drag-and-drop tool.

    To get started, simply go to the SeedProd » Setup page and click on the ‘Select a theme for my store’ button next to the ‘Build a WooCommerce Store’ option.

    Make a custom WooCommerce theme

    Next, the plugin will show you many ready-to-use WooCommerce themes you can use as a starting point.

    Simply click on a template to select it.

    WooCommerce template selection

    Each WooCommerce or WordPress theme is a collection of templates showing different areas of your website or online store.

    SeedProd will now generate those templates for your theme and show you a list of them.

    Theme templates

    You can now take your mouse over to a template and click on the ‘Edit Design’ link to start editing it.

    This will launch the SeedProd page builder interface.

    Editing shop page for your WooCommerce theme

    You can add all the common website building blocks from the left column. To the right, you will see a live preview of the page you are editing.

    You can also simply point and click on any item to edit it.

    Edit product grid

    SeedProd comes with all the WooCommerce blocks that you will need to build a sales-oriented WooCommerce theme.

    Once you are done making changes to a template, simply click on the ‘Save’ button to store your changes.

    Save your WooCommerce theme template

    Just repeat the process to edit other templates in your custom WooCommerce theme.

    Once you have finished editing all the pages, go to the SeedProd » Theme Builder page and toggle the ‘Enable SeedProd Theme’ switch.

    Enable SeedProd theme

    Your custom WooCommerce theme will now replace your existing WooCommerce theme.

    Now, you can visit your WordPress website to see it in action.

    Theme preview

    To learn more, see our complete tutorial on how to create a custom WordPress theme without coding.

    On the other hand, if you want to keep using your existing WooCommerce theme and only edit certain parts of your website, then continue reading.

    Customize the WooCommerce Checkout Page

    The checkout page in any eCommerce store is one of the most significant steps in the customer journey.

    By default, WooCommerce comes with a plain checkout experience, which is not optimized for sales and conversions.

    Plain checkout experience

    Small edits to the checkout page can help you increase sales and reduce cart abandonment on your store.

    For example, you can show related products with an ‘Add to Cart’ button on the checkout page so that users may see something else they want to purchase, too.

    To create your custom checkout page, simply go to SeedProd » Landing Pages and click on ‘Add New Landing Page’.

    Add new landing page

    Next, you will be asked to choose a template for your page.

    You can choose one of the templates on the screen and edit it to create a checkout page, or you can start with a blank template.

    Choose a blank template

    We will be using the blank template for this tutorial, but you can choose any of them that you like.

    Next, you will need to provide a title and URL for the page. You can use anything that helps you easily identify this page.

    page name and url

    Click on the ‘Save and Start Editing the Page’ button to continue.

    This will launch SeedProd’s page builder interface, where you can simply drag and drop blocks to build your page layout.

    Page builder launched

    First, you should add a header and then customize it with your own branding.

    SeedProd comes with sections, which are collections of blocks that are often used together. To add a header section, click on the ‘Sections’ tab and then select the ‘Header’ category.

    Add header section

    Next, take your mouse to a header and click the ‘Add (+)’ button to insert it into your page.

    You can now edit the header section by simply clicking on each block and replacing it with your own logo, menu, and call to action.

    Edit header page

    Once you are happy with the header, you need to add a two-column layout.

    You can use this two-column layout to display the checkout form and upsell products, testimonials, and other elements.

    Choose layout

    After that, you need to add the Checkout block from the left-hand menu.

    Add it to the left column, which is wider and will appear first on mobile devices.

    Add checkout block

    Next, you need to add blocks to the right column. This is the area you can use to convince users to complete the purchase.

    You can add a testimonial block here or show your most popular products.

    Upsell products

    Here are a few more things you can add to your checkout page to improve it for higher conversions:

    • Trust badges like secure payment badges provided by PayPal and Stripe
    • More social proof, like real-time customer activity
    • The Business Reviews block in SeedProd to display Google reviews

    Once you have finished editing your checkout page, don’t forget to click the arrow beside ‘Save’ and then click on ‘Publish’ in the upper-right corner of the screen.

    Save and publish

    Next, you need to tell WooCommerce to start using your custom checkout page for all customers.

    Go to the WooCommerce » Settings page and switch to the ‘Advanced’ tab.

    Use your custom checkout page

    Under the ‘Page Setup’ tab, select your custom checkout page for the ‘Checkout page’ option. Don’t forget to click on the ‘Save changes’ button to store your settings.

    You can now go to your store in a new browser tab and try the new checkout experience by adding a product to your cart.

    Preview your custom checkout page

    For more details, you can see our tutorial on customizing the WooCommerce checkout page.

    Bonus Tip: Want to see how your new cart page is performing? See our tutorial on WordPress conversion tracking for beginners to track all your conversions.

    Customize the WooCommerce Checkout Form

    The checkout page is one of the areas where many users abandon carts.

    The easiest way to ensure users complete their purchases is by offering a better checkout experience.

    This is where FunnelKit can help. It is one of the best sales funnel builders for WooCommerce that enables you to optimize funnels, checkout pages, cart experience, and more.

    FunnelKit Automations

    It has dozens of templates, a funnel builder wizard, and drag-and-drop editing for your cart and checkout pages.

    First, you need to sign up for a FunnelKit plan by visiting their website.

    Note: You will need at least the Plus plan to unlock sales funnels, upsells, order bumps, and other features.

    After that, you need to install and activate the FunnelKit Builder and FunnelKit Builder Pro plugins. You can find them under your account on the FunnelKit website.

    FunnelKit plugins

    Need help? See our tutorial on how to install a WordPress plugin.

    Upon activation, you will be asked to provide your plugin license keys. You can find them on the same Downloads page under your account on the FunnelKit website.

    Once you have finished, you are ready to customize the WooCommerce checkout form.

    Simply go to the FunnelKit » Store Checkout page in the WordPress admin dashboard and click on the ‘Create Store Checkout’ button.

    Create a store checkout

    On the next screen, you need to first choose your editor interface.

    FunnelKit templates can be edited with the default Gutenberg editor, Elementor, Divi, Oxygen, or any other page builder by using shortcodes.

    After that, you need to choose a template. There are dozens of beautiful templates to choose from. Just click on the ‘Preview’ button to see a live preview of the template.

    You can choose between a single-step or multi-step checkout page in the preview. After that, simply click on the ‘Import This Funnel’ button at the top.

    Funnel Importer

    Next, you will be asked to enter a name for your funnel.

    You can call it anything that helps you identify it later. Then, click on the ‘OK’ button to continue.

    Give your custom cart a name

    FunnelKit will now create your custom checkout page.

    After that, you will see the page dashboard. From here, you can edit your checkout page, add more steps, or add an order bump.

    Editing custom checkout page

    Editing a page will open it in the editor you chose earlier.

    For this tutorial, we chose Gutenberg. Each item on the checkout page is a block that you can edit by simply clicking to select it.

    Checkout page editor

    You can also add new blocks by clicking on the ‘Add Block’ button.

    Once you have finished making the changes, don’t forget to click on the ‘Update’ button.

    This will bring you back to the Checkout page dashboard. From here, you need to switch to the ‘Fields’ tab.

    Fields editor

    This is where you can edit the checkout form fields. In this example, we are using a two-step checkout form. This allows you to capture the contact information before the payment.

    You can also add new form fields from the right column. By default, the plugin shows the commonly used checkout fields.

    However, you can click on the ‘Add New Field’ button to add a custom form field.

    Add new custom field

    This will show a popup where you can choose the field type, provide a meta key, and enter a label.

    You can also make the field ‘required’ and assign it to the checkout or thank you page.

    Create a custom checkout field

    Don’t forget to click on the ‘Save Changes’ button to store your form settings.

    FunnelKit comes with a bunch of optimizations that you can add to your checkout page for a more frictionless experience.

    Just switch to the ‘Optimizations’ page, and you will see a list of optimizations that you can apply to the checkout page.

    Checkout page optimizations

    Simply click on an optimization to configure it, then click on the ‘Save Changes’ button to store your changes.

    Next, switch to the ‘Settings’ tab to enable Analytics, Facebook pixel, custom scripts, or CSS in your checkout funnel.

    Funnel settings

    Don’t forget to click on the ‘Save Changes’ button to apply your changes.

    Finally, you need to click on the ‘Draft’ button next to the Checkout page title and change it to ‘Publish’. This will replace your existing checkout page with the custom funnel you have just created.

    Publish Checkout page

    You can now visit your store in a new browser tab to test the custom checkout experience you have created.

    This is how it looked on our demo website.

    Previewing custom checkout page

    Add One-Page Checkout in WooCommerce

    FunnelKit also allows you to create a one-page checkout experience.

    You need to visit the FunnelKit » Store Checkout page and click on ‘Create Store Checkout’.

    Create a store checkout

    In the template selection, simply click on the ‘One-Step’ option at the top.

    After that, click on the ‘Import This Funnel’ button to continue.

    One-Step checkout

    You can then continue editing your template in your preferred editor. See the previous section of this tutorial for more detailed instructions.

    Add a Slide-In Cart to WooCommerce

    Most WooCommerce themes come with a separate cart page. This cart experience adds friction to the shopping and checkout experiences.

    If users need to adjust the product quality or remove items from the cart, they have to leave the page they are currently viewing to update the cart.

    This can be fixed by adding a slide-in cart in WooCommerce.

    A slide-in cart shows a cart button on the screen. Clicking on the button displays a slide-in menu with products the user has added to the cart.

    Slide-in Cart

    Users can now edit and update the cart without leaving the page.

    FunnelKit has a beautiful slide-in cart feature that integrates seamlessly with your online store. You can even use it to upsell products, incentivize checkout, offer discounts, and more.

    First, you need to visit the FunnelKit website and sign up for an account.

    Note: You will need at least the Plus plan to access the slide-in cart features.

    After signup, go to your account on the FunnelKit website to download the FunnelKit Cart plugin.

    FunnelKit cart

    Next, you need to install and activate the plugin. For more details, see our tutorial on how to install a WordPress plugin.

    Once you have activated the plugin, you must go to the FunnelKit » Cart page to configure the slide-in cart settings.

    Cart settings

    From here, you will see many options to your left and a live preview of how your slide-in cart will look.

    FunnelKit offers a ton of customization options. For instance, you can choose from different styles, select cart icons, change button text, and more.

    You can also add upsell products or cross-sell products, offer discounts, and make the cart experience much more appealing.

    Additional cart settings

    To publish your changes, don’t forget to click on the ‘Save’ button.

    You can now visit your website to test the slide-in cart in your live store.

    Customize the WooCommerce Cart Page

    WooCommerce has a default cart page allowing users to continue to the checkout page.

    By default, it shows the products customers have added to their cart. However, research shows that more than 70% of customers leave an online store without completing the purchase.

    WooCommerce themes often come with a boring cart page with no optimization for conversions.

    WooCommerce default cart experience

    By customizing your WooCommerce cart page, you can easily reduce cart abandonment and improve sales.

    To create your custom checkout page, simply go to the SeedProd » Landing Pages and click on ‘Add New Landing Page’.

    Add new landing page

    Next, you will be asked to choose a template for your page.

    You can choose one of the templates on the screen and edit it to create a cart page, or you can start with a blank template.

    Choose a blank template

    We’ll use the blank template for this tutorial.

    Next, you will need to provide a title and URL for the page. You can use anything that helps you easily identify this page.

    Cart page tiitle and URL

    This will launch the SeedProd builder interface.

    You can start by switching to the ‘Sections’ tab and adding a header to your blank template.

    Add header section

    After that, feel free to point and click to edit the header area to your liking.

    Below that, you need to add a two-column layout, which you will use to add other cart page blocks.

    Add layout columns

    Next, add the ‘Cart’ block to the right column.

    Now, since your cart is currently empty, it will not show any products. Go to your store and add a few products to your cart and then reload the SeedProd page builder.

    Add the cart block

    After that, you can add other elements to improve your cart page.

    For instance, you can start by adding testimonials or add a countdown timer to trigger the FOMO effect.

    Upsell and create FOMO

    Feel free to play around by adding different blocks and tweaking colors and width.

    Once you have finished editing, don’t forget to click on ‘Save and Publish’ in the top-right of the screen.

    Save and publish

    Next, you need to tell WooCommerce to start using your custom cart page for all customers.

    Go to the WooCommerce » Settings page and switch to the ‘Advanced’ tab.

    Use custom cart page

    You can now visit your online store in a new browser tab.

    Start adding a few products, and then head over to the cart page to see your new cart page in action.

    Cart page preview

    Edit WooCommerce Product Pages

    WooCommerce themes use the same template to display all products on your website.

    However, you may want to promote some products more than others. The most you can do to distinguish important products is to make them featured products.

    SeedProd allows you to create custom product pages. You can use a well-designed template tailor-made for higher conversions and then simply fill it with your product information.

    To get started, simply go to the SeedProd » Landing Pages and then click on ‘Add New Landing Page’.

    Add new landing page

    Next, you will be asked to choose a template for your page.

    You can choose one of the templates on the screen and edit it to create a product page. You will find several templated optimized for conversions under the ‘Sales’ tab.

    Choose a template to create a product page

    Simply click to select a template and continue.

    Next, you will be asked to provide a page title and URL. You can use the product name as the title and URL.

    Product page title and URL

    Click on the ‘Save and Start Editing the Page’ button to continue.

    This will launch the SeedProd page builder interface with your selected template. You can simply point and click on any item on the page to edit it.

    Editing product page

    You can start by replacing the header items, such as the logo, navigation menu, and call-to-action button, with your own.

    After that, you can replace images with your product images and edit the text as necessary.

    Add your product details with add to cart button

    Finally, you can replace the call to action with the Add to Cart block.

    After that, you need to enter the product ID in the Add to Cart block settings. You can also change the button text, as well as add subtext, color, and shift alignment.

    Edit cart bundle

    To find a product ID, you need to go to the Products » All Products page in the WordPress admin area in a separate browser tab.

    Take the mouse over to the product that you want to promote, and the product ID will appear along with other links.

    Finding a product ID in WooCommerce

    To make your product page more effective, you can try these tips:

    • Add high-quality product images with the zoom effect so that users can clearly examine the product.
    • Under your main call to action, you can create different rows highlighting product features and providing more information to the customers.
    • Use social proof to trigger the FOMO effect.

    Once you are done editing your product page, don’t forget to click on the ‘Save and Publish’ button at the top.

    Save and publissh product page

    Once published, you can view your product page by clicking on the ‘Preview’ button.

    This will show the live product page on your website that you can now start promoting.

    Product page preview

    For more details and bonus tips, see our tutorial on customizing WooCommerce product pages.

    Customize the Shop Page for Your WooCommerce Store

    WooCommerce allows you to easily display your products on the shop page. It is basically a page with your products displayed in a grid layout.

    The shop template in most WooCommerce themes is boring and not optimized for sales and conversions. On top of that, there are usually no or very few options to customize it.

    SeedProd allows you to create and customize a WooCommerce shop page easily. You can choose your own layout and design and optimize this page for higher conversions.

    To get started, simply go to the SeedProd » Landing Pages and then click on the ‘Add New Landing Page’ button.

    Add new landing page

    Next, you will be asked to choose a template for your page.

    You can choose one of the templates on the screen and edit it to create your shop page.

    Choose a template to create a product page

    Simply click to select a template and continue.

    Next, you will be asked to provide a page title and URL. You can use something like Shop, Store, or Storefront to indicate that it is the main shop page.

    Shop page

    Click on the ‘Save and Start Editing the Page’ button to continue.

    This will launch the SeedProd page builder interface with your selected template. You can simply point and click on any item on the page to edit it.

    Editing product page

    You can start by replacing the header items, such as the logo, navigation menu, and call-to-action button, with your own.

    After that, you can add a hero section at the top with a large image and your main call to action.

    Shop header

    Below that, you can use WooCommerce blocks to display your products.

    You can choose from recent, featured, best-selling, top-rated, and sale products.

    Display products

    After adding a product block, you can also customize how it looks.

    SeedProd allows you to choose the number of products, sorting options, columns, and more.

    Product display options

    You can further optimize this page by adding more text, special offers, banners, an FAQ section, and more.

    Once you are done editing, don’t forget to click on ‘Save and Publish’ at the top.

    Save and publissh product page

    After saving your page, click the ‘Preview’ button to see it in action.

    SeedProd will open the page in a new browser tab.

    Shop page preview

    You can now replace links to the Shop page in your navigation menu with your custom shop page.

    Customize WooCommerce Thank You Page

    The WooCommerce ‘Thank You’ page appears when a customer completes a purchase. By default, WooCommerce will only show them their order details on this page.

    Default thank you page in WooCommerce

    That doesn’t provide customers with more options to explore. It is kind of a dead end and a missed opportunity for sales and conversions.

    Luckily, you can fix that with SeedProd by creating a custom thank you page.

    To get started, simply go to the SeedProd » Landing Pages and then click on the ‘Add New Landing Page’ button.

    Add new landing page

    Next, you will be asked to choose a template for your page.

    Switch to the ‘Thank You’ tab, and you will find a bunch of thank you page templates. You can choose one of them, or you can even start with a blank template.

    Thank you page templates

    Next, you will be asked to choose a title and URL for your page.

    You can use ‘Thank You’ or any other meaningful title for your page.

    Thank you page title

    Click on the ‘Save and Start Editing the Page’ button to continue.

    This will launch the SeedProd page builder interface, where you will see a live preview of your template. You can simply point and click to edit any item in the preview or add new blocks from the left column.

    Edit thank you page

    You can now use this opportunity to promote your email list or upsell products by adding WooCommerce product grid blocks.

    Feel free to experiment with different headings, text copy, and products to create an effective Thank You page.

    Once finished, don’t forget to click on the ‘Save and Publish’ button in the top right corner of the screen.

    Save and publissh product page

    Your custom thank you page is now live. However, you still need to tell WooCommerce to use this page as your default Thank You page.

    To do that, you will need to install and activate the Thanks Redirect for WooCommerce plugin. For more details, see our tutorial on how to install a WordPress plugin.

    Upon activation, go to the WooCommerce » Settings page and click the ‘Products’ tab.

    Redirect thank you page in WooCommerce

    From here, you need to check the ‘Enable Global Thanks Redirect’ option. After that, you will see a field labeled ‘Thanks Redirect URL.’

    Paste your new WooCommerce Thank You page URL into this box, then click the ‘Save Changes’ button.

    Now when customers complete a purchase, they will see your highly optimized custom Thank You page. They will be far more likely to click and search the rest of your store than if you had stayed with the default.

    Custom thank you page in WooCommerce

    We hope this article helped you learn how to easily edit WooCommerce pages without writing code. You may also want to see our complete WooCommerce SEO guide or our expert picks for the best WooCommerce sales funnel plugins to boost your conversions.

    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 Edit WooCommerce Pages (No Coding Required) first appeared on WPBeginner.

  • How to Add SEO-Friendly Recipe Schema in WordPress (Easy Way)

    Are you looking for a way to add recipe schema to your WordPress website?

    If you have a food blog, then you can display your recipes as snippets in search engine results using schema markup. This can help you get more clicks and traffic to your site.

    In this article, we will show you how to add SEO-friendly recipe schema in WordPress.

    How to Add SEO-Friendly Recipe Schema in WordPress (Easy Way)

    What Is Recipe Schema and Why Use It?

    Recipe schema markup (structured data) is a special type of HTML code that’s added to your WordPress website. It offers more information about your content to search engines.

    This information isn’t displayed on your website. Instead, it’s added to source code for search engine bots to read.

    Google, Bing, and other search engines use the schema markup to display additional information as featured snippets. These are highlighted results with extra info that are shown at the top of the search results pages.

    For example, Google may show ingredients, ratings, cooking time, nutritional value, and other information from your recipes in the featured snippets.

    Recipe snippet in Google

    Google gets this extra info from the recipe schema markup on the page.

    That’s why adding recipes with schema can help you capture these snippets and boost your WordPress search engine optimization (SEO).

    Featured snippets are a great way to get more clicks to your website from organic search results and increase your traffic.

    That being said, let’s look at how you can easily add recipe schema in WordPress.

    Adding SEO-Friendly Recipes With Schema in WordPress

    The easiest way to add recipe schema markup in WordPress is by using the All in One SEO (AIOSEO) plugin for WordPress.

    It’s the best WordPress SEO plugin on the market that helps you optimize your website for search engines without needing to hire an SEO expert.

    Note: You will need the AIOSEO Pro version as it includes the Schema Generator feature, which allows you to add any type of schema markup to your content. Plus, there are other powerful features like sitemaps, redirection manager, and more. There is also a free version of AIOSEO that you can try.

    First, you will need to install and activate the AIOSEO plugin on your site. If you need help, then just follow our tutorial on how to install a WordPress plugin.

    Upon activation, the plugin will automatically launch its setup wizard. You can go ahead and click the ‘Let’s Get Started’ button to set up the plugin on your website.

    Click let's get started AIOSEO setup wizard

    For more details, you can read our guide on how to set up All in One SEO for WordPress.

    After setting up AIOSEO on your site, you must now go to AIOSEO » Search Appearance from your WordPress admin area and then click on the ‘Content Types’ tab.

    Schema markup in AIOSEO settings

    Under the Content Types section, you can edit the schema markup for posts, pages, products, groups, memberships, and all other types of content on your WordPress blog.

    Go ahead and select the ‘Schema Markup’ tab for Posts. You can now click on the Schema Type dropdown menu and choose the ‘Recipe’ option.

    Choose recipe schema type

    You can do the same for pages, products, custom post types, and all other content types.

    After selecting ‘Recipe’ as the schema type, don’t forget to save your changes. You can do this by clicking the blue ‘Save Changes’ button at the top right of the page.

    Adding Schema Recipe Information to Posts & Pages

    The next step is to add your recipe information to each WordPress post or page that you want to display in the featured snippets.

    To start, go ahead and edit an existing post or add a new one. Once you are in the WordPress editor, simply scroll down to the ‘AIOSEO Settings’ meta box and select the ‘Schema’ tab. Then, click the ‘Generate Schema’ button.

    Click the Generate Schema button in AIOSEO

    The Schema Catalog will open. This is a popup where you can choose the type of schema you want to add.

    Go ahead and click the ‘Add Schema’ button next to the ‘Recipe’ option.

    Add Recipe Schema in AIOSEO

    Now, a modal will open up where you can enter details about your recipe and tell Google what it’s about.

    You can start by adding the name of the dish, a description, and the author that you want to display in the search results.

    Enter schema details of your recipe

    You can also scroll down to add relevant keywords.

    For example, you might include a season or specific holiday and the image that will display in search results.

    Add keywords and image in AIOSEO Schema Generator

    Besides that, AIOSEO offers additional fields to add more details about your recipe. Filling out these extra fields is really useful because Google will show different information for different search terms.

    You can enter details about the dish type, cuisine type, time required, number of servings, ingredients, calories, instructions, ratings, and much more.

    Additional fields to enter recipe schema information

    Once you have filled out your recipe information, go ahead and click the ‘Add Schema’ button.

    Then, you can publish your blog post. AIOSEO will add the recipe schema with the data you just provided.

    You and your visitors won’t be able to see a difference on the front end of your website, but now search engine bots will have all the extra data they need for featured snippets.

    Optimizing Your Recipes in WordPress

    To optimize your recipes for even more traffic from search engines, you can use our blog post SEO checklist.

    We also recommend using a plugin like WP Tasty Recipes alongside AIOSEO.

    WP Tasty Recipes

    WP Tasty Recipes is one of the best recipe plugins for food bloggers. It lets you easily create customizable recipe cards to make your recipe posts look amazing.

    It comes with six different recipe card themes, step-by-step video integrations, ingredient checkboxes, custom share and save buttons, ‘jump to recipe’ shortcuts, and more.

    Preview of recipe card with nutrition facts labels

    Additionally, with Nutrifox, you can create nutrition facts labels for your recipes. These will display the nutritional content of your dishes beneath your recipes so that readers can make more informed decisions.

    For more information, you can see our guide on how to make nutrition facts labels in WordPress.

    We hope that this article helped you learn how to add SEO-friendly recipes with schema in WordPress. You may also want to see our guide on how to get a free SSL certificate for your WordPress website and our expert picks for the best WordPress themes for recipe and food blogs.

    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 Add SEO-Friendly Recipe Schema in WordPress (Easy Way) first appeared on WPBeginner.