EDITS.WS

Tag: grammarly

  • How to Do a UX Audit of Your WordPress Site

    Do you want to perform a User Experience (UX) audit of your WordPress website?

    User experience is an important factor in the success of a website. A good user experience can lead to more conversions and sales, while a poor UX can cost you money.

    In this article, we will show you how to easily do a UX audit of your WordPress website step-by-step.

    Performing a UX audit on a WordPress website

    Here is a quick overview of all the steps we will cover to perform a UX audit on your WordPress website:

    What Is UX, and Why Is It Important?

    User experience or UX describes the feelings and opinions that users have while using your website.

    A pleasant user experience means users find your website easy to use and helpful.

    By contrast, a poor user experience means users find your website difficult to use and can’t do what they want to do.

    Creating a good user experience allows you to help users make the most out of your website. This eventually leads to conversions, sales, and business growth.

    On the other hand, a negative user experience can cause visitors to leave your website without signing up or buying something in your online store. This causes you to lose potential sales and customers.

    How to Perform a UX Audit of Your Website

    As a business owner, you need to regularly check your website to make sure that it offers a good user experience.

    This practice is called a UX audit. You can perform a UX audit by yourself using a combination of tools (you may already be using some of them).

    During this process, you will look for issues that may negatively affect user experience on your website. When you find a problem, you can document it and then start fixing it.

    Ready? Let’s get started.

    Step 1: Define User Goals and Objectives

    First, you need to put yourself into users’ shoes to understand what they are looking for when they reach your website.

    For instance, if your website is an online store selling pet toys, your audience’s goal is likely to look at pet toys, read customer reviews for those products, and make a purchase.

    Similarly, if you run a how-to blog, then your audience’s goal would be to read a tutorial and learn how to do something.

    Understanding what your users want to achieve will allow you to help them better.

    The easiest way to do this is by creating user personas for your target audience.

    Creating user personas for UX audit

    This exercise allows you to better understand users and their expectations of your website. Most importantly, it helps you figure out the goals and objectives of your target audience.

    You can then analyze your website using these personas to see how quickly your content, products, and services can help those users.

    Step 2: Test Your Website for Usability Issues

    Testing your website for usability helps you quickly find problems that could destroy the user experience.

    However, many issues often go unnoticed by website administrators until a user reports them. Users are more likely to switch to your competitor’s website than tell you about issues on your site.

    Luckily, there are plenty of excellent tools that you can use to quickly detect potentially harmful usability issues on your website.

    PageSpeed Insights (Free)

    Google’s PageSpeed Insights tool lets you quickly examine a URL for performance and usability issues.

    It runs tests on your website and then presents the results for both mobile and desktop devices by assigning each one a score.

    This score is given in four categories:

    1. Performance
    2. Accessibility
    3. Best Practices
    4. SEO

    It also tests for Core Web Vitals, which are a set of website performance metrics that Google considers essential to a website’s overall user experience. 

    PageSpeed Insights preview

    When you run the test, the language may initially sound too technical. However, you will also find links to resources explaining these concepts in beginner-friendly terms with tips on resolving each issue.

    You can also read our guide on how to optimize your website for Google’s Core Web Vitals.

    Google Search Console

    PageSpeed Insights is a handy tool to quickly look up URLs.

    However, you will have to manually run the tests, and you can’t find which pages on your website are having issues until you specifically test them.

    What if you could automate this process, quickly find the pages with usability issues, and get alerts when a new problem is detected?

    This is where Google Search Console comes in.

    It is a free tool provided by Google for website administrators who want to see how their websites are performing in search.

    User experience is an essential metric for search rankings. This is why Google wants to alert website owners when a usability issue is detected.

    First, you will need to visit Google Search Console and add your website as a property. For instructions, you can follow our tutorial on how to add your website to Google Search Console.

    Once you have added your website, it may take a while for Google to collect some data and start showing reports.

    After that, you will see your site’s performance and usability reports in the ‘Experience’ section.

    User experience section under Google Search Console

    You can click on each report and drill down to find the pages where usability issues are detected.

    For example, on this demo website, we found four pages in the ‘Mobile Usability’ section that were having issues.

    Pages with usability issues

    You can click on each row to find the exact pages where the issues were detected.

    Google Search Console will also alert you by email when a new crawling or usability issue is detected.

    Besides usability and crawling issues, Google Search Console is a treasure trove of valuable data. To learn more, you can see our expert tips on using Google Search Console to get more traffic.

    Step 3: Find the Pages Performing Poorly

    Automated tools can help you catch many problems. However, they are not perfect and may not be able to identify many common UX problems.

    If you have a small website, you can go to each page to manually review it yourself. However, it is impossible for most medium to large websites to do this manually.

    So, how do you find pages with poor UX?

    One easy way to find these pages is by using MonsterInsights. It is the best Google Analytics plugin on the market that allows you to see where your users are coming from and how they interact with your website.

    The MonsterInsights Google Analytics plugin

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

    Note: There is also a free version of MonsterInsights that you can try. However, we recommend upgrading to the paid version and unlocking the full potential of the plugin.

    Upon activation, the plugin will run the setup wizard and help you connect WordPress with your Google Analytics account.

    For more details, you can see our tutorial on how to install Google Analytics in WordPress.

    Once you are connected, MonsterInsights will start tracking your website visitors.

    Next, you need to set up the plugin to easily track conversions.

    Enable eCommerce Conversion Tracking

    If you use an eCommerce platform on your WordPress website, MonsterInsights can help you easily track conversions.

    Google Analytics comes with enhanced eCommerce tracking, which works for most eCommerce websites, including WooCommerceEasy Digital DownloadsMemberPress, and more.

    However, you will need to enable it for your website manually.

    Start by visiting the Insights » Addons page in your WordPress admin dashboard to install and activate the eCommerce addon.

    Enable eCommerce tracking

    Next, you need to enable enhanced eCommerce tracking in your Google Analytics account. Go to your Google Analytics dashboard and select your website.

    From here, click on the ‘Admin’ button in the bottom left corner.

    Switch to admin view in Google Analytics

    On the next screen, you will see different Google Analytics settings.

    Under the ‘View’ column, just click the ‘Ecommerce Settings’ link.

    Ecommerce settings in Google Analytics

    On the next screen, simply turn on the toggles next to the ‘Enable Ecommerce’ and ‘Enable Enhanced Ecommerce Reporting’ options.

    Don’t forget to click the ‘Save’ button when you are done.

    Enable eCommerce reporting in Google Analytics

    Check Low Conversion Pages for UX Issues

    Poor user experience is one of the main reasons for low conversions, abandoned carts, and high bounce rates.

    You can view your conversion tracking reports in MonsterInsights to find pages with low conversions and higher bounce rates.

    Simply go to the Insights » Reports page inside the WordPress admin area and then switch to the ‘eCommerce’ tab.

    Viewing eCommerce reports

    From here, you can see an overview of your top-performing products and conversion sources.

    For advanced reports, you need to switch to your Google Analytics account and go to the Engagement » Pages and screens tab.

    From here, you can sort the pages by conversion rate to see the pages with the least conversions.

    Low conversion pages

    Using Google Analytics, you can also track pages with the highest bounce rates, the least amount of time spent on them, and more.

    For more conversion tracking options, you can see our complete guide on WordPress conversion tracking. It will also show you how to track form conversions, affiliate link conversions, and more.

    Step 4: Ask For User Feedback

    As you can see, many UX audit activities involve automated tools, analytics reports, and manual testing.

    The entire point of the UX audit exercise is to improve user experience. So, why not just ask your users what they think?

    Asking for user feedback can get you accurate input from real visitors about your website. It can help you find specific problems and fix them more easily.

    This is where UserFeedback comes in.

    UserFeedback

    Note: There is also a free plugin called UserFeedback Lite that you can try. We recommend upgrading to the Pro version to unlock the full potential of the plugin.

    UserFeedback allows you to quickly run surveys and collect user feedback on your website. It also lets you show the surveys to the right users at the right time.

    For example, you can show surveys to users on the pages with fewer conversions or display a feedback form to users on mobile devices.

    UserFeedback form

    For more information, you can see our UserFeedback announcement post.

    Step 5: Optimize Your Website Speed & Performance

    Website speed is a major contributor to user experience. Slow sites cause poor UX and prevent users from moving forward and accessing your content.

    The tools we mentioned earlier, like PageSpeed Insights and Core Web Vitals, can help you evaluate the performance of your website.

    However, if you are using MonsterInsights, then you can also run a website speed test inside your WordPress admin area.

    Simply switch to the Insights » Reports page and then open the ‘Site Speed’ tab.

    Site Speed in MonsterInsights

    The report will run the same tests as PageSpeed Insights and show you a report. It will also give you practical tips to improve website performance.

    Fixing Performance and Speed Issues

    The easiest way to fix most performance issues is by simply installing a WordPress caching plugin.

    We recommend using WP Rocket, which is the best WordPress caching plugin on the market. It lets you easily optimize your WordPress website without learning the technical stuff.

    WPRocket

    First, you need to install and activate the WP Rocket plugin. For details, see our tutorial on how to install a WordPress plugin.

    Upon activation, WP Rocket will start caching your website’s content.

    Unlike other caching plugins that generate a cache when a user visits your website, WP Rocket automatically starts creating a cache in the background.

    This means each new user on your website will see a cached version that loads much quicker and improves user experience.

    You can learn more by reading our tutorial on setting up WP Rocket with more detailed instructions.

    If caching doesn’t immediately fix your website speed, we recommend following our complete WordPress speed and performance guide. It includes step-by-step instructions on how to optimize your website speed.

    Step 6: Evaluate Website Navigation

    Users expect your site to have a navigation menu with the links they need to find the information they want.

    Sometimes, a website may not have a navigation menu that helps users reach the page they want. This leads to a poor user experience, and visitors may leave and try some other website.

    You need to make sure that your website has a straightforward navigation menu that takes users to the critical areas of your website.

    Navigation menu example

    Adding a search bar to your website’s header or navigation menu can also improve user experience. If users can’t find a link quickly, then they can try searching on your website.

    However, the default WordPress search is not very good.

    Instead, we recommend using SearchWP. It is the best WordPress search plugin on the market and quickly improves the search experience on your website.

    SearchWP website

    SearchWP allows you to make everything on your website searchable, including custom fields, eCommerce attributes, custom tables, categories, tags, and more.

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

    Upon activation, you need to visit the SearchWP » Algorithm page and switch to the ‘Engines’ tab.

    From here, you can adjust the search engine settings for the different content types by scrolling to the Posts, Pages, and Media sections.

    SearchWP engines

    Here, you can choose which attributes are searchable on your website. You can also choose their relevance.

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

    SearchWP will now replace your default WordPress search feature with its own custom search engine.

    For more details, you can see our tutorial on how to improve WordPress search with SearchWP.

    Step 7: Test Conversion Elements

    A lot of the time, poor user experience is caused at the end of a conversion path.

    For instance, you might have users trying to submit your lead capture form, but something is stopping them from doing so.

    Luckily, you can run split tests and manually test elements on your website to identify and fix problems.

    Run A/B Split Tests to Figure Out UX Issues

    An easy way to test your conversion elements is by running A/B split tests.

    An A/B split test allows you to create two or more versions of a page with slight differences. It then shows users a different version randomly.

    You can then compare the results to find out which variation of the page performed the best among your users.

    The easiest way to run these tests on your WordPress website is by using Thrive Optimize. It lets you quickly create and run A/B tests on your WordPress website.

    First, you will need to install and activate Thrive Optimize plugin. You can purchase the plugin with Thrive Architect or get it with Thrive Suite bundle.

    Next, install and activate the Thrive Product Manager plugin on your website. You can download it from your Account Dashboard on the Thrive Themes website.

    Install Thrive Product Manager

    Upon activating the plugin, you need to go to the Product Manager page in the WordPress admin area.

    Next, you need to check the ‘Install Product’ box under the Thrive Optimize and Thrive Architect products.

    Thrive Optimize installation

    After that, click on the ‘Install Selected Products’ button to continue.

    After installing the plugins, you will need to create or edit a post/ page and then click on the ‘Launch Thrive Architect’ button at the top.

    Editing a page with Thrive Architect

    This will show a popup where you can choose how to edit the page.

    You can edit the page as a regular page using your theme template or as a landing page with a custom template.

    Normal vs Landing page

    If you choose a pre-built landing page, then you will be asked to choose a template.

    Thrive Architect comes with dozens of beautiful templates for various niches to choose from.

    choose a template

    After that, you will be able to edit your page in Thrive Architect’s page builder.

    It is an intuitive design tool where you can point and click on any element to edit it or click on the ‘+’ button to insert new elements.

    Editing page in Thrive Architect

    Once you have finished editing your page, don’t forget to click the ‘Save Work’ button to store your changes.

    After that, click on the ‘A/B’ button in the right column to create a new A/B test.

    Create a new A/B test

    To run your A/B test, you need to have at least two versions of a page.

    On the next screen, click on the Add New Variation button to create a new version of your landing page.

    Add variation

    It will now create a new variation, and you can start editing it using the Thrive Architect.

    Make the changes to the page you think will work better than the previous version.

    After that, simply click on the ‘Save Work’ button to store your changes, and then click on the ‘A/B’ button again.

    Run the test

    You can choose how much traffic you want to send to each page variation and then click on the ‘Set Up & Start A/B Test’ button at the top.

    This will bring up a popup where you can configure the A/B test settings.

    A/B test settings

    You need to give your test a title and description. Afterward, you can turn on Automatic Winner settings and set minimum requirements for a variation to win.

    Click on the ‘Next’ button to continue.

    Finally, you will be asked to choose a goal for the test. For example, if it is a product page, then you may want to choose ‘Revenue’.

    Set test goal

    Finally, click on the ‘Start A/B Test’ button to finish the setup.

    Thrive Optimize will now start showing the two variations of the page to your users and keep track of user interactions on the page.

    You can view the test results anytime by visiting the Thrive Dashboard » Thrive Optimize page.

    Thrive Optimize dashboard

    Once the test has run its duration, you can see which page has performed better for conversions or the goals you set during the test. You will then be able to make changes to improve the UX on your website.

    For more details, you can see our guide on how to run A/B tests on your WordPress website.

    Manually Test Conversion Elements

    A lot of time, you may not be able to run A/B split tests for all your pages. Luckily, there are other ways to test whether conversion elements on your pages are working.

    Website owners are often just looking at the static representation of their website and not interacting with it like a real user would. That’s why many interactive failures go unnoticed for a long time.

    This is when you will need to do some manual work. You can try to imitate a user journey as best as possible to complete a conversion.

    For instance, if you run an eCommerce store, you can start from the page where your users usually land. Afterward, look at product pages, add items to the cart, and complete the checkout.

    Within your UX audit, you must test all your forms, cart functionality, and checkout experience by interacting with those elements like a customer.

    Plus, don’t forget to test these elements on both mobile and desktop environments.

    Step 8: Test User Flows to Find Bottlenecks

    A user flow is a customer’s journey across your website. A user will usually take a predictable path to different areas of your website until they buy something or submit a form.

    The best way to track user flows is by using MonsterInsights. It comes with a User Journey addon that allows you to see every step of a customer’s journey throughout your site, including the pages and products they looked at and how long they were there.

    Simply install and activate the MonsterInsights plugin.

    Note: You will need at least the Pro plan of the plugin to use the User Journey addon.

    After setting up MonsterInsights, you need to go to the Insights » Addons page. From here, locate the User Journey addon and then install and activate it.

    User Journey addon MonsterInsights

    Next, you need to install and activate the eCommerce addon. This will help you track customer journeys on popular eCommerce platforms for WordPress like WooCommerce, Easy Digital Downloads, MemberPress, and more.

    Now, MonsterInsights will show the user’s journey on individual orders. For example, in WooCommmerce, you can go to WooCommerce » Orders page and click on an individual order.

    Click on an individual order

    On the order details page, scroll down to the MonsterInsights User Journey section.

    This will show you all the user interactions on your site with their times and durations.

    User journey preview

    For more details, you can see our guide on how to enable customer tracking in WooCommerce.

    If you are not using an eCommerce platform, then you can still track the user journey for your WordPress forms.

    If you are using WPForms to capture leads, then it comes with user journey tracking that helps you track which path a user took to submit the form.

    User Journey tracking

    Like conversion elements, other areas of your website could disrupt user flow and block the path that leads them to become a customer.

    You will need to manually evaluate user paths in Google Analytics to see where their journey abruptly ends. You can also simulate the user paths to see if you can come across a usability issue preventing the user from going forward.

    Step 9: Evaluate Website Content Quality

    Visual elements are not the only things that create a good or bad user experience.

    Your website content plays a significant role in convincing users to stay on your WordPress blog or website and look around. It also helps search engines find your content more easily and send more visitors to your site.

    We recommend performing a complete SEO audit of your website and optimizing your content for SEO.

    To do that, you will need All in One SEO for WordPress. It is the best WordPress SEO plugin on the market that allows you to easily improve your content for search rankings and user experience.

    All in One SEO plugin

    All in One SEO comes with built-in SEO analysis, a headline analyzer, and site-wide SEO audit tools. All these features help you improve the quality and discoverability of your content.

    You will also need to evaluate your content. For example, if a particular page is not ranking or converting well, then consider making it more comprehensive by adding more helpful content.

    For more details, you can see our guide on how to fix content decay in WordPress.

    Don’t forget to check your content for spelling and grammar mistakes. They could make your website seem unprofessional and create a bad user experience.

    We recommend using Grammarly. It is the best AI-powered writing tool that helps you automatically correct spelling and grammar mistakes.

    Grammarly

    Grammarly also has a free forever plan with spelling and grammar checks. However, we recommend buying a paid plan to unlock more powerful features.

    We hope this article helped you learn how to do a UX audit of your WordPress website. You may also want to see our guide on how to do an SEO audit of your site or our expert picks for the best email marketing services 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 Do a UX Audit of Your WordPress Site first appeared on WPBeginner.

  • How to Easily Import Google Docs to WordPress (4 Ways)

    Are you looking for a way to easily import Google Docs to WordPress?

    You may prefer to write your posts in Google Drive, but importing that content into WordPress isn’t straightforward. If you try to copy and paste a Google Doc into WordPress, then you might get lots of unwanted HTML tags, and sometimes you may even lose all the original formatting.

    In this article, we will show you how you can easily add Google Drive documents to your WordPress website.

    How to easily import Google Docs to WordPress

    Why Import Google Docs to WordPress?

    You may prefer to write blogs in Google Docs, rather than in the WordPress post editor.

    If you accept guest posts in WordPress, then you might even ask authors to send their work as a Google Doc, rather than giving them access to the dashboard by allowing user registration in WordPress.

    However, when it’s time to import the document from Google Drive to WordPress, you may run into some problems. If you copy/paste the Google Doc’s text directly into the WordPress editor, then it can add extra tags, particularly <span> and <font tags> tags.

    You may also get unwanted line breaks and lose some of the original Google Doc formatting. This means you’ll need to manually go through each post and fix these problems, which can take a lot of time and effort.

    Unwanted HTML tags and WordPress in the code editor

    With that being said, let’s see how you can easily import Google Docs to WordPress without any formatting problems or extra code.

    Simply follow the quick links below to jump straight to the method you want to use.

    Method 1. Using the Copy/Paste Method (Quick and Easy)

    If you regularly import Google Docs to WordPress, then we recommend taking the time to set up a WordPress plugin mentioned in our other methods.

    However, if you simply want to import a single document, then you can always use another web tool to help make sure the document is clean and ready to go.

    This typically involves copying the text from your Google Doc into a third-party app or online service. Often, this removes the unwanted tags and formatting errors.

    You can then go ahead and copy the text from the middleman app or online service, and paste it into the WordPress block editor.

    This is a workaround rather than a fix, and the results can sometimes be unpredictable. There’s always a chance your chosen middleman might remove some errors, and not others. It may also add its own code, which can cause common WordPress errors.

    However, you won’t need to set up a new plugin or service. With that in mind, this is a good option if you simply want to import a small number of Google Docs into WordPress.

    There are lots of different services you can use, but we recommend using Grammarly.

    Grammarly does a great job of preserving the formatting from Google Docs, while removing unwanted HTML tags. It’s also an online service, so you can access it from any place that has an internet connection.

    As an added bonus, Grammarly will highlight any spelling mistakes, typos, and punctuation errors. It can also suggest ways to improve your writing by changing the tone, clarifying confusing text, and much more.

    In this way, you can improve the quality of your writing before importing it into your WordPress website. Just be aware that Grammarly doesn’t support images, so you’ll need to upload any image files separately using the WordPress media library.

    If you don’t already have a Grammarly account, then you can head over to the website and click on the ‘Get Grammarly It’s Free’ button.

    Registering for a Grammarly account

    You can then sign up for Grammarly using an existing Google, Facebook, or Apple account. Another option is to type in your email address, and then create a password and username.

    After creating an account, you’ll be taken to the the Grammarly dashboard. To import a Google Doc, go ahead and click on ‘New.’

    Creating a new document in Grammarly

    This opens the Grammarly editor.

    In a new tab, open the Google Doc that you want to import into WordPress and copy all of its text. You can then paste this content into the Grammarly editor.

    Pasting a Google Doc into the Grammarly writing assistant

    Grammarly will highlight any problems with your text and show its recommendations in the right-hand menu. It’s a good idea to read through this feedback and optimize your post before moving onto the next step.

    When you’re ready to import the Google Doc into WordPress, go ahead and copy the text in the Grammarly editor.

    How to copy Google Drive content into an online middleman

    Now, switch over to the WordPress dashboard and open the post or page in where you want to import the Google Doc.

    After that, simply go ahead and paste the content into the content editor.

    Importing a Google Doc into WordPress using copy and paste

    Grammarly does a good job of removing unwanted HTML tags while preserving the Google Drive formatting. However, we still recommend looking through the page’s code, to make sure there aren’t any problems.

    This is very easy to do using the WordPress code editor, that’s built right into Gutenberg.

    To access it, just click on the three-dotted icon in the upper-right corner of the screen, and then select ‘Code editor.’

    Opening the WordPress code editor

    You can now delete any unwanted HTML tags or errors from the post.

    When you’re happy with how the page looks, go ahead and click on the ‘Update’ or ‘Publish’ button to make the content live.

    Removing HTML tags from an imported Google Doc

    There are other tools that you can use for this such as StripHTML, but this tool and many others you can find on line will remove all code and return plain text.

    That’s why we recommend using Grammarly for the best results at preserving rich formatting.

    Method 2. Download the Google Doc as a Web Page (Imports Text and Images)

    Copying and pasting Google Drive documents into a middleman service like Grammarly is quick, but it can give unpredictable results. Another option is to download the Google Doc as a web page, and then import the file into WordPress.

    This tends to be more predictable, and once again you don’t have to configure a separate plugin or service.

    This method also pastes any images from the original Google Doc into the page or post, along with the text.

    However, we recommend ignoring this feature and instead adding any image files separately using the WordPress media library. This allows you to set the image caption and image alt text for each file, which makes it easier to re-use the images across your website.

    To download a Google Doc as a web page, open the document in your Google Drive account. Then, click on ‘File’ in the toolbar, followed by ‘Download’ and ‘Web Page.’

    Downloading a Google Doc as a web page

    This will save the Google Doc as a zip archive. The document itself will be an HTML file, and each image will be included as its own file.

    If you’re a Mac user, then simply find the file on your computer, and then either right-click or Control-click it. In the menu that appears, select ‘Open With’ and then ‘Google Chrome.’

    An example of a Google Drive document, downloaded as a zip file

    If you don’t see ‘Google Chrome’ as an option, then click on ‘Other…’ and then choose Google Chrome in the popup that appears.

    If you’re on a Windows computer, then right-click on the folder and select ‘Extract All.’ You can then right-click on the .html file and select ‘Open,’ followed by ‘Google Chrome.’

    This will open a HTML version of your Google Doc in a new tab, with all the correct formatting and images. You can now go ahead and copy this content.

    Importing a Google Drive document into a WordPress website

    With that done, go to the WordPress dashboard and open the page or post where you want to add the content.

    You’re now ready to paste the Google Doc into WordPress.

    Pasting a Google Doc into a WordPress blog or website

    Most of the time, this should keep all the formatting in place, but it’s still a good idea to look through the post’s code for any errors. You can open the WordPress code editor by following the same process described above.

    If you want to use any images in the page or post, then you can now add them manually using the WordPress media library. For step-by-step instructions, please see our guide on how to add images in the WordPress block editor.

    When you’re ready to make the document live on your WordPress blog, simply click on the ‘Update’ or ‘Publish’ button.

    Method 3. Using the Mammoth .docx Converter Plugin (Recommended)

    If you need to import lots of Google Docs into WordPress, then it’s well worth installing a separate plugin.

    We recommend Mammoth .docx converter as it takes all the formatting and images from a Google Doc and converts it into error-free HTML code.

    If the Google Doc has any images, then Mammoth will import them into WordPress automatically, so this is also a great choice if you want to transfer images.

    Just be aware that Mammoth uses the image’s original filename, so you may want to rename the images before adding them to the Google Doc and starting the import.

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

    To import a document using Mammoth, start by opening it in your Google Drive. In the toolbar, select ‘File.’

    In the dropdown menu that appears, click on ‘Download’ and then ‘Microsoft Word (.docx).’ You won’t need to open this document, so you don’t need Microsoft Word.

    Downloading a Google Doc

    Google will now download the file to your computer as a .docx file.

    In the WordPress dashboard, open the page or post where you want to import the Google Doc. Directly beneath the editor, you’ll see a new Mammoth .docx converter section.

    You can now go ahead and click on the ‘Choose file’ button.

    Importing a Google Doc into WordPress

    In the popup, select your .docx file and then click on ‘Open.’

    Mammoth will now import all the content from the Google Doc. By default, Mammoth will display this content in its ‘Visual’ view, which is similar to how it will look on your website.

    Importing the content from a Google Doc into WordPress without errors

    If you want to check the code for errors, then simply click on the ‘Raw HTML’ button.

    You can now make any changes to the post’s HTML.

    Importing a Google Drive document using HTML code

    When you’re happy with how the content looks, you can add it to the page or post by clicking on the ‘Insert into editor’ button.

    Mammoth will now go ahead and add the content to the main post editor. If you’re happy with how it looks, then click on ‘Publish’ or ‘Update’ to make the content live on your website.

    Method 4. Using Wordable (Import Google Docs With a Single Click)

    Do you want to import lots of Google Docs into WordPress?

    You might have a team of writers who all use Google Drive, or accept posts from guest bloggers. You might even have an entire catalog of Google Docs that you want to import into a new WordPress website.

    If you need to transfer dozens or even hundreds of documents, then you can use Wordable. This service lets you fine-tune how Wordable imports the Google Doc’s text, images, videos, and more.

    After creating the first import, you can save your settings as a template. This allows you to transfer any future Google Docs with a single click, which will save you a ton of time.

    You can import 5 documents per month using the free Wordable plan, so you can try the service before you buy. If you need to move more documents, then you can upgrade to any of the premimum Wordable plans.

    Connect Wordable to Your WordPress Website

    The easiest way to connect Wordable to your WordPress website is by installing and activating the Wordable plugin. If you need help, then please see our guide on how to install a WordPress plugin.

    Upon activation, go to Settings » Wordable in the WordPress dashboard.

    Connecting Wordable to your WordPress website

    If you already have a Wordable account, then you can go ahead and select ‘Click here to connect to your Wordable account.’ This opens a popup where you can type in your Wordable email address and password.

    If you don’t have a Wordable account, then click on the ‘Sign up now’ link instead. This opens a new browser tab where you can select ‘Signup with Google Drive.’

    Creating a Wordable account

    Wordable needs permission to see, edit, create, delete, and download your Google Drive files. To grant these permissions, simply check all the boxes on the ‘Wordable wants access to your Google Account’ page.

    After that, click on the ‘Continue’ button.

    Giving Wordable access to your Google Drive

    After creating an account, Wordable will send an email to your Google address.

    Open the email, and then click on the following link: ‘Please confirm your account email now to get started.’

    Confirming your Wordable Google Doc account

    After that, go to Settings » Wordable in the WordPress dashboard and select ‘Click here to connect to your Wordable account.’

    Then, simply refresh your WordPress dashboard. You should now see an ‘Export Your First Document’ button, which means WordPress is connected to your Wordable account.

    Connecting a Wordable account to a WordPress website

    Select a Google Drive Document or Folder

    To import a document, go ahead and click on the ‘Export Your First Document’ button. This opens your Wordable account in a new browser tab.

    Your next task is finding the document or folder that you want to import.

    If you select a folder, then you can still choose exactly which Google Docs to transfer, and which to ignore, so you won’t be forced to import the entire folder.

    If you want to search for a folder, then simply open the dropdown menu next to your email address and select ‘Folders.’

    Searching for a Google Doc using Wordable

    After that, type the name of the file or folder into the ‘Search’ field. Another option is to paste the item’s link directly into the ‘Search’ field.

    To add a document to the import queue, go ahead and click on its ‘Import’ button.

    Importing a Google document into WordPress using Wordable

    After a few moments, the file will appear in the ‘Documents’ section. To add more documents to the queue, just repeat the same process described above.

    If you want to add a folder to the import queue, then click on its ‘+ Source’ button.

    Choosing a source folder in your Google Drive account

    You’ll now see all the Google Docs that are inside that folder.

    After that, it’s time to choose exactly which files you want to export from your Google Drive account. For each file, simply click on its ‘Export’ button, which adds the document to the export queue.

    How to import Google Docs into WordPress

    Configure the Google Doc Export

    When you’re happy with the export queue, it’s time to configure your export. For example, Wordable can turn YouTube links into embedded videos, optimize images, add nofollow attributes to the Google Doc’s links, and more.

    To get started, click on the ‘Export Options’ button.

    Importing Google Docs into WordPress with a single click

    Wordable does a good job of importing Google Docs into WordPress, but it’s still smart to manually check the imported content before publishing it.

    With that being said, we recommend setting the ‘Publish Status’ to ‘Save as Draft.’

    Importing a Google Doc into WordPress as a draft

    The plugin uses the Classic WordPress editor by default.

    However, we recommend using the modern block-based editor instead, so open the ‘Editor’ dropdown and choose ‘Gutenberg.’

    Importing Google Docs into the WordPress block-based editor

    Note: If you leave this set to ‘Classic’ then Wordable will import the document into a new Classic block within the block editor, unless you completely disable it. For more information on this topic, please see our guide on how to keep the classic editor.

    By default, Wordable does some basic cleanup, which typically removes most of the HTML tags and errors. However, there are lots more options you can customize.

    In this guide, we’ll cover some of the major settings, but you can learn more about any setting by hovering your mouse over it, and then reading the tooltip that appears.

    If you write longer documents with lots of headings, then you may want to start by enabling the ‘Table of Contents’ slider. This creates a table of contents using the headings in the Google Doc.

    After enabling this slider, you can choose which headings Wordable will add to its table of contents, using the ‘Depth’ dropdown menu. You can also choose between the numbered and bullet list styles using the ‘List Style’ dropdown.

    Turning a Google Drive document into a table of contents automatically

    If you’re running an affiliate marketing website or regularly link to external websites, then it’s usually a good idea to mark these links as no-follow. A nofollow link tells search engines not to pass any link authority to the website you’re linking to.

    To mark all the Google Doc links as nofollow, enable the following slider: ‘Apply nofollow Attribute to All Links.’ You may also want to enable the ‘Open Links in New Tab’ slider, as this will help keep visitors on your website.

    Automatically marking links as nofollow

    If your document has links to Instagram or YouTube content, then Wordable can try to convert this content into embedded media.

    To use this feature, enable the ‘Replace Embeddable Links’ slider.

    If your Google Doc contains any images, then we recommend scrolling to the ‘Images’ section. Here, you can change how Wordable shows those images.

    For example, you can open the ‘Default Image Alignment’ dropdown and change how Wordable aligns images in the WordPress block editor.

    Setting image attributes automatically

    Wordable can also use the post’s first image as the featured image, which is the post’s primary graphic. Featured images often appear next to the heading on your home page, and may also appear on social media.

    Most popular WordPress themes come with built-in support for featured images, so it’s a good idea to enable the ‘Use Featured Image’ and ‘Default to the First Image’ slider.

    Automatically setting the featured image for an imported Google Doc

    If you prefer to set the featured image manually, then you can disable the ‘Use Featured Image’ slider instead.

    Large images can slow your website, which will have a negative effect on the visitor experience and can even damage your search engine rankings. With that in mind, it’s a bad idea to import images from Google Drive without optimizing them.

    For the best results, we recommend optimizing your images before adding them to your Google Docs. This gives you complete control over the process, so you can reduce the size of your images without losing quality.

    For more information, please see our guide on how to optimize images for web performance.

    If you prefer, then Wordable can optimize your images during the import process. If you want to try this automatic optimization, then click to enable the ‘Compress Images’ slider.

    You can then choose whether Wordable should perform lossless or lossy compression. Lossless is a better choice if you want to preserve image quality, while lossy will save you more space but may lose some quality.

    Optimizing images automatically using Wordable

    There are more settings you can look at, but this should be enough to configure the import.

    When you’re happy with the changes you’ve made, go ahead and click on ‘Export Now.’

    Exporting text and images from your Google account

    At this point, you can save the settings as a template that you can apply to future imports.

    In the following image, we simply need to click ‘One Click Export’ to apply the template and import the document.

    Importing Google documents into WordPress using a single click

    This can save you a ton of time, especially if you use the same settings over and over.

    To create a template, type a title into the ‘Template name’ field and then click on the ‘Enable One-Click Exports’ button.

    Creating a template for your imported WordPress pages and posts

    If you don’t want to use templates, then click on the following link instead: ‘I prefer seeing this screen every time.’

    No matter what you click, Wordable will start exporting the Google Document.

    After a few moments, go to Posts » All Posts in the WordPress dashboard and you’ll see the Google Doc as a new draft.

    An example of an imported Google Drive document in WordPress

    To import more Google Drive documents into WordPress, simply follow the same process described above.

    We hope this article helped you learn how to easily import Google Docs to WordPress. You may also want to check out how to create a file upload form in WordPress and our list of 24 expert 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 Easily Import Google Docs to WordPress (4 Ways) first appeared on WPBeginner.